@omegagrid/core 0.10.0 → 0.10.2

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 (317) hide show
  1. package/package.json +2 -2
  2. package/dist/common/actions.d.ts +0 -16
  3. package/dist/common/actions.d.ts.map +0 -1
  4. package/dist/common/actions.js +0 -14
  5. package/dist/common/actions.js.map +0 -1
  6. package/dist/common/colors.d.ts +0 -39
  7. package/dist/common/colors.d.ts.map +0 -1
  8. package/dist/common/colors.js +0 -59
  9. package/dist/common/colors.js.map +0 -1
  10. package/dist/common/csv.d.ts +0 -23
  11. package/dist/common/csv.d.ts.map +0 -1
  12. package/dist/common/csv.js +0 -93
  13. package/dist/common/csv.js.map +0 -1
  14. package/dist/common/dates.d.ts +0 -32
  15. package/dist/common/dates.d.ts.map +0 -1
  16. package/dist/common/dates.js +0 -172
  17. package/dist/common/dates.js.map +0 -1
  18. package/dist/common/device.d.ts +0 -2
  19. package/dist/common/device.d.ts.map +0 -1
  20. package/dist/common/device.js +0 -13
  21. package/dist/common/device.js.map +0 -1
  22. package/dist/common/dom.d.ts +0 -90
  23. package/dist/common/dom.d.ts.map +0 -1
  24. package/dist/common/dom.js +0 -308
  25. package/dist/common/dom.js.map +0 -1
  26. package/dist/common/events.d.ts +0 -15
  27. package/dist/common/events.d.ts.map +0 -1
  28. package/dist/common/events.js +0 -33
  29. package/dist/common/events.js.map +0 -1
  30. package/dist/common/html.d.ts +0 -3
  31. package/dist/common/html.d.ts.map +0 -1
  32. package/dist/common/html.js +0 -25
  33. package/dist/common/html.js.map +0 -1
  34. package/dist/common/index.d.ts +0 -19
  35. package/dist/common/index.d.ts.map +0 -1
  36. package/dist/common/index.js +0 -19
  37. package/dist/common/index.js.map +0 -1
  38. package/dist/common/linkedList.d.ts +0 -24
  39. package/dist/common/linkedList.d.ts.map +0 -1
  40. package/dist/common/linkedList.js +0 -65
  41. package/dist/common/linkedList.js.map +0 -1
  42. package/dist/common/loaders.d.ts +0 -17
  43. package/dist/common/loaders.d.ts.map +0 -1
  44. package/dist/common/loaders.js +0 -54
  45. package/dist/common/loaders.js.map +0 -1
  46. package/dist/common/logger.d.ts +0 -25
  47. package/dist/common/logger.d.ts.map +0 -1
  48. package/dist/common/logger.js +0 -57
  49. package/dist/common/logger.js.map +0 -1
  50. package/dist/common/matrix.d.ts +0 -6
  51. package/dist/common/matrix.d.ts.map +0 -1
  52. package/dist/common/matrix.js +0 -17
  53. package/dist/common/matrix.js.map +0 -1
  54. package/dist/common/numbers.d.ts +0 -26
  55. package/dist/common/numbers.d.ts.map +0 -1
  56. package/dist/common/numbers.js +0 -239
  57. package/dist/common/numbers.js.map +0 -1
  58. package/dist/common/options.d.ts +0 -17
  59. package/dist/common/options.d.ts.map +0 -1
  60. package/dist/common/options.js +0 -29
  61. package/dist/common/options.js.map +0 -1
  62. package/dist/common/paper.d.ts +0 -8
  63. package/dist/common/paper.d.ts.map +0 -1
  64. package/dist/common/paper.js +0 -17
  65. package/dist/common/paper.js.map +0 -1
  66. package/dist/common/shortcutManager.d.ts +0 -17
  67. package/dist/common/shortcutManager.d.ts.map +0 -1
  68. package/dist/common/shortcutManager.js +0 -49
  69. package/dist/common/shortcutManager.js.map +0 -1
  70. package/dist/common/tree.d.ts +0 -87
  71. package/dist/common/tree.d.ts.map +0 -1
  72. package/dist/common/tree.js +0 -204
  73. package/dist/common/tree.js.map +0 -1
  74. package/dist/common/utils.d.ts +0 -30
  75. package/dist/common/utils.d.ts.map +0 -1
  76. package/dist/common/utils.js +0 -136
  77. package/dist/common/utils.js.map +0 -1
  78. package/dist/constants.d.ts +0 -48
  79. package/dist/constants.d.ts.map +0 -1
  80. package/dist/constants.js +0 -24
  81. package/dist/constants.js.map +0 -1
  82. package/dist/index.d.ts +0 -8
  83. package/dist/index.d.ts.map +0 -1
  84. package/dist/index.js +0 -8
  85. package/dist/index.js.map +0 -1
  86. package/dist/model/adapter.d.ts +0 -8
  87. package/dist/model/adapter.d.ts.map +0 -1
  88. package/dist/model/adapter.js +0 -13
  89. package/dist/model/adapter.js.map +0 -1
  90. package/dist/model/component.d.ts +0 -19
  91. package/dist/model/component.d.ts.map +0 -1
  92. package/dist/model/component.js +0 -84
  93. package/dist/model/component.js.map +0 -1
  94. package/dist/model/componentSlice.d.ts +0 -8
  95. package/dist/model/componentSlice.d.ts.map +0 -1
  96. package/dist/model/componentSlice.js +0 -10
  97. package/dist/model/componentSlice.js.map +0 -1
  98. package/dist/model/componentStore.d.ts +0 -12
  99. package/dist/model/componentStore.d.ts.map +0 -1
  100. package/dist/model/componentStore.js +0 -26
  101. package/dist/model/componentStore.js.map +0 -1
  102. package/dist/model/index.d.ts +0 -6
  103. package/dist/model/index.d.ts.map +0 -1
  104. package/dist/model/index.js +0 -6
  105. package/dist/model/index.js.map +0 -1
  106. package/dist/model/plugins.d.ts +0 -13
  107. package/dist/model/plugins.d.ts.map +0 -1
  108. package/dist/model/plugins.js +0 -27
  109. package/dist/model/plugins.js.map +0 -1
  110. package/dist/themes/definitions/tmDark.d.ts +0 -4
  111. package/dist/themes/definitions/tmDark.d.ts.map +0 -1
  112. package/dist/themes/definitions/tmDark.js +0 -83
  113. package/dist/themes/definitions/tmDark.js.map +0 -1
  114. package/dist/themes/definitions/tmLight.d.ts +0 -4
  115. package/dist/themes/definitions/tmLight.d.ts.map +0 -1
  116. package/dist/themes/definitions/tmLight.js +0 -83
  117. package/dist/themes/definitions/tmLight.js.map +0 -1
  118. package/dist/themes/helpers.d.ts +0 -7
  119. package/dist/themes/helpers.d.ts.map +0 -1
  120. package/dist/themes/helpers.js +0 -34
  121. package/dist/themes/helpers.js.map +0 -1
  122. package/dist/themes/index.d.ts +0 -18
  123. package/dist/themes/index.d.ts.map +0 -1
  124. package/dist/themes/index.js +0 -48
  125. package/dist/themes/index.js.map +0 -1
  126. package/dist/themes/mixins.d.ts +0 -10
  127. package/dist/themes/mixins.d.ts.map +0 -1
  128. package/dist/themes/mixins.js +0 -39
  129. package/dist/themes/mixins.js.map +0 -1
  130. package/dist/themes/transformations.d.ts +0 -9
  131. package/dist/themes/transformations.d.ts.map +0 -1
  132. package/dist/themes/transformations.js +0 -48
  133. package/dist/themes/transformations.js.map +0 -1
  134. package/dist/types.d.ts +0 -130
  135. package/dist/types.d.ts.map +0 -1
  136. package/dist/types.js +0 -12
  137. package/dist/types.js.map +0 -1
  138. package/dist/ui/accordion.d.ts +0 -16
  139. package/dist/ui/accordion.d.ts.map +0 -1
  140. package/dist/ui/accordion.js +0 -209
  141. package/dist/ui/accordion.js.map +0 -1
  142. package/dist/ui/alert.d.ts +0 -15
  143. package/dist/ui/alert.d.ts.map +0 -1
  144. package/dist/ui/alert.js +0 -101
  145. package/dist/ui/alert.js.map +0 -1
  146. package/dist/ui/baseElement.d.ts +0 -7
  147. package/dist/ui/baseElement.d.ts.map +0 -1
  148. package/dist/ui/baseElement.js +0 -10
  149. package/dist/ui/baseElement.js.map +0 -1
  150. package/dist/ui/button.d.ts +0 -21
  151. package/dist/ui/button.d.ts.map +0 -1
  152. package/dist/ui/button.js +0 -100
  153. package/dist/ui/button.js.map +0 -1
  154. package/dist/ui/button.style.d.ts +0 -2
  155. package/dist/ui/button.style.d.ts.map +0 -1
  156. package/dist/ui/button.style.js +0 -60
  157. package/dist/ui/button.style.js.map +0 -1
  158. package/dist/ui/checkbox.d.ts +0 -14
  159. package/dist/ui/checkbox.d.ts.map +0 -1
  160. package/dist/ui/checkbox.js +0 -47
  161. package/dist/ui/checkbox.js.map +0 -1
  162. package/dist/ui/close.d.ts +0 -6
  163. package/dist/ui/close.d.ts.map +0 -1
  164. package/dist/ui/close.js +0 -33
  165. package/dist/ui/close.js.map +0 -1
  166. package/dist/ui/colorpicker.d.ts +0 -24
  167. package/dist/ui/colorpicker.d.ts.map +0 -1
  168. package/dist/ui/colorpicker.js +0 -228
  169. package/dist/ui/colorpicker.js.map +0 -1
  170. package/dist/ui/container.d.ts +0 -39
  171. package/dist/ui/container.d.ts.map +0 -1
  172. package/dist/ui/container.js +0 -313
  173. package/dist/ui/container.js.map +0 -1
  174. package/dist/ui/dropdown.d.ts +0 -48
  175. package/dist/ui/dropdown.d.ts.map +0 -1
  176. package/dist/ui/dropdown.js +0 -300
  177. package/dist/ui/dropdown.js.map +0 -1
  178. package/dist/ui/dropdownColorPicker.d.ts +0 -12
  179. package/dist/ui/dropdownColorPicker.d.ts.map +0 -1
  180. package/dist/ui/dropdownColorPicker.js +0 -60
  181. package/dist/ui/dropdownColorPicker.js.map +0 -1
  182. package/dist/ui/dropdownList.d.ts +0 -8
  183. package/dist/ui/dropdownList.d.ts.map +0 -1
  184. package/dist/ui/dropdownList.js +0 -48
  185. package/dist/ui/dropdownList.js.map +0 -1
  186. package/dist/ui/dropdownMenu.d.ts +0 -11
  187. package/dist/ui/dropdownMenu.d.ts.map +0 -1
  188. package/dist/ui/dropdownMenu.js +0 -61
  189. package/dist/ui/dropdownMenu.js.map +0 -1
  190. package/dist/ui/expander.d.ts +0 -28
  191. package/dist/ui/expander.d.ts.map +0 -1
  192. package/dist/ui/expander.js +0 -144
  193. package/dist/ui/expander.js.map +0 -1
  194. package/dist/ui/fileInput.d.ts +0 -24
  195. package/dist/ui/fileInput.d.ts.map +0 -1
  196. package/dist/ui/fileInput.js +0 -130
  197. package/dist/ui/fileInput.js.map +0 -1
  198. package/dist/ui/fileInput.style.d.ts +0 -2
  199. package/dist/ui/fileInput.style.d.ts.map +0 -1
  200. package/dist/ui/fileInput.style.js +0 -73
  201. package/dist/ui/fileInput.style.js.map +0 -1
  202. package/dist/ui/floatingWindow.d.ts +0 -19
  203. package/dist/ui/floatingWindow.d.ts.map +0 -1
  204. package/dist/ui/floatingWindow.js +0 -87
  205. package/dist/ui/floatingWindow.js.map +0 -1
  206. package/dist/ui/icon.d.ts +0 -46
  207. package/dist/ui/icon.d.ts.map +0 -1
  208. package/dist/ui/icon.js +0 -189
  209. package/dist/ui/icon.js.map +0 -1
  210. package/dist/ui/icon.style.d.ts +0 -2
  211. package/dist/ui/icon.style.d.ts.map +0 -1
  212. package/dist/ui/icon.style.js +0 -556
  213. package/dist/ui/icon.style.js.map +0 -1
  214. package/dist/ui/images.d.ts +0 -2
  215. package/dist/ui/images.d.ts.map +0 -1
  216. package/dist/ui/images.js +0 -14
  217. package/dist/ui/images.js.map +0 -1
  218. package/dist/ui/index.d.ts +0 -32
  219. package/dist/ui/index.d.ts.map +0 -1
  220. package/dist/ui/index.js +0 -32
  221. package/dist/ui/index.js.map +0 -1
  222. package/dist/ui/input.d.ts +0 -12
  223. package/dist/ui/input.d.ts.map +0 -1
  224. package/dist/ui/input.js +0 -45
  225. package/dist/ui/input.js.map +0 -1
  226. package/dist/ui/input.style.d.ts +0 -2
  227. package/dist/ui/input.style.d.ts.map +0 -1
  228. package/dist/ui/input.style.js +0 -36
  229. package/dist/ui/input.style.js.map +0 -1
  230. package/dist/ui/label.d.ts +0 -16
  231. package/dist/ui/label.d.ts.map +0 -1
  232. package/dist/ui/label.js +0 -90
  233. package/dist/ui/label.js.map +0 -1
  234. package/dist/ui/list.d.ts +0 -87
  235. package/dist/ui/list.d.ts.map +0 -1
  236. package/dist/ui/list.js +0 -427
  237. package/dist/ui/list.js.map +0 -1
  238. package/dist/ui/list.style.d.ts +0 -2
  239. package/dist/ui/list.style.d.ts.map +0 -1
  240. package/dist/ui/list.style.js +0 -35
  241. package/dist/ui/list.style.js.map +0 -1
  242. package/dist/ui/loader.d.ts +0 -6
  243. package/dist/ui/loader.d.ts.map +0 -1
  244. package/dist/ui/loader.js +0 -25
  245. package/dist/ui/loader.js.map +0 -1
  246. package/dist/ui/menu.d.ts +0 -41
  247. package/dist/ui/menu.d.ts.map +0 -1
  248. package/dist/ui/menu.js +0 -154
  249. package/dist/ui/menu.js.map +0 -1
  250. package/dist/ui/menu.style.d.ts +0 -3
  251. package/dist/ui/menu.style.d.ts.map +0 -1
  252. package/dist/ui/menu.style.js +0 -50
  253. package/dist/ui/menu.style.js.map +0 -1
  254. package/dist/ui/numericInput.d.ts +0 -37
  255. package/dist/ui/numericInput.d.ts.map +0 -1
  256. package/dist/ui/numericInput.js +0 -175
  257. package/dist/ui/numericInput.js.map +0 -1
  258. package/dist/ui/numericInput.style.d.ts +0 -2
  259. package/dist/ui/numericInput.style.d.ts.map +0 -1
  260. package/dist/ui/numericInput.style.js +0 -29
  261. package/dist/ui/numericInput.style.js.map +0 -1
  262. package/dist/ui/overlay.d.ts +0 -17
  263. package/dist/ui/overlay.d.ts.map +0 -1
  264. package/dist/ui/overlay.js +0 -87
  265. package/dist/ui/overlay.js.map +0 -1
  266. package/dist/ui/overlay.style.d.ts +0 -2
  267. package/dist/ui/overlay.style.d.ts.map +0 -1
  268. package/dist/ui/overlay.style.js +0 -46
  269. package/dist/ui/overlay.style.js.map +0 -1
  270. package/dist/ui/panel.d.ts +0 -25
  271. package/dist/ui/panel.d.ts.map +0 -1
  272. package/dist/ui/panel.js +0 -151
  273. package/dist/ui/panel.js.map +0 -1
  274. package/dist/ui/panel.style.d.ts +0 -2
  275. package/dist/ui/panel.style.d.ts.map +0 -1
  276. package/dist/ui/panel.style.js +0 -73
  277. package/dist/ui/panel.style.js.map +0 -1
  278. package/dist/ui/sizer.d.ts +0 -53
  279. package/dist/ui/sizer.d.ts.map +0 -1
  280. package/dist/ui/sizer.js +0 -203
  281. package/dist/ui/sizer.js.map +0 -1
  282. package/dist/ui/slider.d.ts +0 -52
  283. package/dist/ui/slider.d.ts.map +0 -1
  284. package/dist/ui/slider.js +0 -213
  285. package/dist/ui/slider.js.map +0 -1
  286. package/dist/ui/slider.style.d.ts +0 -2
  287. package/dist/ui/slider.style.d.ts.map +0 -1
  288. package/dist/ui/slider.style.js +0 -61
  289. package/dist/ui/slider.style.js.map +0 -1
  290. package/dist/ui/sortableList.d.ts +0 -39
  291. package/dist/ui/sortableList.d.ts.map +0 -1
  292. package/dist/ui/sortableList.js +0 -167
  293. package/dist/ui/sortableList.js.map +0 -1
  294. package/dist/ui/splitContainer.d.ts +0 -52
  295. package/dist/ui/splitContainer.d.ts.map +0 -1
  296. package/dist/ui/splitContainer.js +0 -252
  297. package/dist/ui/splitContainer.js.map +0 -1
  298. package/dist/ui/splitContainer.style.d.ts +0 -2
  299. package/dist/ui/splitContainer.style.d.ts.map +0 -1
  300. package/dist/ui/splitContainer.style.js +0 -62
  301. package/dist/ui/splitContainer.style.js.map +0 -1
  302. package/dist/ui/switch.d.ts +0 -22
  303. package/dist/ui/switch.d.ts.map +0 -1
  304. package/dist/ui/switch.js +0 -83
  305. package/dist/ui/switch.js.map +0 -1
  306. package/dist/ui/switch.style.d.ts +0 -2
  307. package/dist/ui/switch.style.d.ts.map +0 -1
  308. package/dist/ui/switch.style.js +0 -149
  309. package/dist/ui/switch.style.js.map +0 -1
  310. package/dist/ui/tooltip.d.ts +0 -24
  311. package/dist/ui/tooltip.d.ts.map +0 -1
  312. package/dist/ui/tooltip.js +0 -143
  313. package/dist/ui/tooltip.js.map +0 -1
  314. package/dist/ui/tooltip.style.d.ts +0 -2
  315. package/dist/ui/tooltip.style.d.ts.map +0 -1
  316. package/dist/ui/tooltip.style.js +0 -112
  317. package/dist/ui/tooltip.style.js.map +0 -1
package/dist/ui/list.js DELETED
@@ -1,427 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import * as dom from "../common/dom";
8
- import { isString } from "../common/utils";
9
- import constants from "../constants";
10
- import { LitElement, html, css, render, unsafeCSS } from 'lit';
11
- import { customElement, property } from 'lit/decorators.js';
12
- import { createRef, ref } from 'lit/directives/ref.js';
13
- import { map } from 'lit/directives/map.js';
14
- import { ComponentEvent } from "./baseElement";
15
- import { style } from "./list.style";
16
- export var ListSelectTrigger;
17
- (function (ListSelectTrigger) {
18
- ListSelectTrigger["Enter"] = "enter";
19
- ListSelectTrigger["Click"] = "click";
20
- ListSelectTrigger["Arrow"] = "arrow";
21
- })(ListSelectTrigger || (ListSelectTrigger = {}));
22
- export class ListSelectEvent extends Event {
23
- constructor(type, trigger, index, elm) {
24
- super(type, { bubbles: true, composed: true });
25
- this.trigger = trigger;
26
- this.index = index;
27
- this.elm = elm;
28
- }
29
- }
30
- export class ListPointerEvent extends PointerEvent {
31
- constructor(type, e, args) {
32
- super(`list.${type}`, e);
33
- Object.assign(this, args);
34
- }
35
- }
36
- let List = class List extends LitElement {
37
- get selectedIndex() { return this._selectedIndex; }
38
- set selectedIndex(value) { this._selectedIndex = value; } // TODO - probably should be reactive
39
- get container() { return this.containerRef?.value; }
40
- get scrollContainer() { return this.scrollContainerRef?.value; }
41
- get itemContainer() { return this.itemContainerRef?.value; }
42
- get offset() { return this._offset; }
43
- set offset(value) {
44
- this._offset = value;
45
- this.requestRender();
46
- }
47
- constructor() {
48
- super();
49
- this._selectedIndex = -1;
50
- this.itemHeight = constants.LIST_ITEM_HEIGHT;
51
- this.dynamicItemHeight = false;
52
- this.lineHeight = null;
53
- this.nativeHeight = false;
54
- this.arrowEvents = false;
55
- this.disabledSelect = false;
56
- this.disabledFocus = false;
57
- this.maxHeight = null;
58
- this.scrollbarPadding = false;
59
- this.sliderSize = 0;
60
- this.items = new Map();
61
- this.containerRef = createRef();
62
- this.scrollContainerRef = createRef();
63
- this.itemContainerRef = createRef();
64
- this.scrolling = false;
65
- this.renderEvent = new ComponentEvent('render', { bubbles: true, composed: true });
66
- this.itemHeights = new Map();
67
- this.measuredWidths = new Map();
68
- this._offset = 0;
69
- this.keyActions = {
70
- 'ArrowUp': () => this.moveUp(),
71
- 'PageUp': () => this.moveUp(this.pageSize),
72
- 'ArrowDown': () => this.moveDown(),
73
- 'PageDown': () => this.moveDown(this.pageSize),
74
- 'Enter': () => this._selectedIndex > -1 ? this.select(this._selectedIndex, ListSelectTrigger.Enter) : null,
75
- };
76
- this.render = () => {
77
- const styles = this.normalizedItemStyle;
78
- return html `
79
- <og-container ${ref(this.containerRef)} ?scrollbarPadding="${this.scrollbarPadding}" .sliderSize="${this.sliderSize}">
80
- <div slot="content" style="position: relative; height: ${this.scrollHeight}px" ${ref(this.scrollContainerRef)}>
81
- <style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>
82
- ${styles.length ? html `<style>${map(styles, s => s)}</style>` : ``}
83
- <div class="item-container" ${ref(this.itemContainerRef)}></div>
84
- </div>
85
- </og-container>
86
- `;
87
- };
88
- }
89
- get pageSize() {
90
- return Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);
91
- }
92
- get calculatedHeight() {
93
- return Math.min(this.maxHeight ?? (this.parentElement?.clientHeight ?? 0), this.itemHeight * this.size);
94
- }
95
- reset() {
96
- this.items.clear();
97
- // this.scrollToOffset(0);
98
- this.itemHeights.clear();
99
- }
100
- scrollToOffset(offset) {
101
- this.containerRef?.value?.scrollVerticalTo(offset);
102
- this.offset = offset;
103
- }
104
- scrollToIndex(index) {
105
- this.scrollToOffset(this.calculateItemContainerOffset(index));
106
- }
107
- scrollToView(item) {
108
- if (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {
109
- const scrollTo = this._selectedIndex == this.size - 1
110
- ? (this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight)
111
- : this.calculateItemContainerOffset(this._selectedIndex);
112
- this.containerRef.value.scrollVerticalTo(scrollTo);
113
- this.offset = scrollTo;
114
- }
115
- else if (dom.getElementOffset(item, this.containerRef.value).top + this.itemHeight > this.containerRef.value.offsetHeight) {
116
- const scrollTo = this._selectedIndex > 0
117
- ? this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight
118
- : 0;
119
- this.containerRef.value.scrollVerticalTo(scrollTo);
120
- this.offset = scrollTo;
121
- }
122
- }
123
- moveUp(count = 1) {
124
- if (this.size == 0)
125
- return;
126
- this._selectedIndex = this._selectedIndex ?? 0;
127
- this.select(this._selectedIndex - count, ListSelectTrigger.Arrow);
128
- this.scrollToView(this.items.get(this._selectedIndex));
129
- }
130
- moveDown(count = 1) {
131
- if (this.size == 0)
132
- return;
133
- this._selectedIndex = this._selectedIndex ?? 0;
134
- this.select(this._selectedIndex + count, ListSelectTrigger.Arrow);
135
- this.scrollToView(this.items.get(this._selectedIndex));
136
- }
137
- deselect() {
138
- if (this._selectedIndex >= 0) {
139
- if (this.items.has(this._selectedIndex)) {
140
- this.items.get(this._selectedIndex).classList.remove('selected');
141
- }
142
- }
143
- this._selectedIndex = -1;
144
- }
145
- select(index, trigger = null, elm = null) {
146
- this.deselect();
147
- index = index >= this.size ? 0 : index;
148
- index = index < 0 ? this.size - 1 : index;
149
- if (this.items.has(index)) {
150
- this.getItem(index).classList.add('selected');
151
- }
152
- this._selectedIndex = index;
153
- if (trigger && (trigger != ListSelectTrigger.Arrow || this.arrowEvents)) {
154
- this.dispatchEvent(new ListSelectEvent('select', trigger, index, elm)); // TODO - remove
155
- this.dispatchEvent(new ListSelectEvent('list.select', trigger, index, elm));
156
- }
157
- }
158
- getItem(index) {
159
- if (!this.items.has(index)) {
160
- const div = dom.createElement('div');
161
- div.index = index;
162
- dom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);
163
- if (!this.dynamicItemHeight) {
164
- dom.setSize(div, { h: this.itemHeight });
165
- div.style.lineHeight = dom.numToPixels(this.lineHeight ?? this.itemHeight);
166
- }
167
- if (this.itemRenderer) {
168
- const result = this.itemRenderer(div, index);
169
- if (isString(result)) {
170
- div.innerHTML = result;
171
- }
172
- else if (result) {
173
- dom.empty(div);
174
- render(result, div);
175
- }
176
- }
177
- else {
178
- div.innerHTML = `item-${index}`;
179
- }
180
- if (this.dynamicItemHeight) {
181
- if (this.itemHeights.get(index) != div.offsetHeight) {
182
- this.itemHeights.set(index, null);
183
- }
184
- }
185
- this.items.set(index, div);
186
- }
187
- return this.items.get(index);
188
- }
189
- firstUpdated() {
190
- if (!this.container)
191
- return;
192
- this.addEventListener('keydown', e => {
193
- if (this.disabledSelect)
194
- return;
195
- const action = this.keyActions[e.key];
196
- if (action)
197
- action();
198
- });
199
- this.container.addEventListener('verticalscroll', (e) => {
200
- this.offset = e.value;
201
- });
202
- dom.on(this.container, 'mousedown', '.item', (e, elm) => {
203
- if (this.disabledSelect)
204
- return;
205
- if (!this.container.isScrolling && e.button == 0 && elm.parentElement == this.itemContainerRef.value) {
206
- const tabIndex = e.target.tabIndex;
207
- if (tabIndex == null || tabIndex < 0) {
208
- e.preventDefault(); // prevents from stealing focus from another element in select event
209
- this.focus(); // default focus is on list
210
- }
211
- this.select(elm.index, ListSelectTrigger.Click, e.target);
212
- }
213
- });
214
- dom.on(this.container, 'contextmenu', '.item', (e, elm) => {
215
- this.dispatchEvent(new ListPointerEvent('menu', e, { list: this, index: elm.index }));
216
- });
217
- }
218
- willUpdate(changedProps) {
219
- if (changedProps.has('size') && this.offset >= this.scrollHeight) {
220
- this._offset = 0;
221
- this.container?.scrollVerticalTo(0);
222
- }
223
- if (!this.nativeHeight) {
224
- dom.setSize(this, { h: this.calculatedHeight });
225
- }
226
- if (this.disabledFocus) {
227
- this.removeAttribute('tabindex');
228
- }
229
- else {
230
- this.tabIndex = 0;
231
- }
232
- }
233
- updated() {
234
- this.items.clear();
235
- this.renderItems(true);
236
- }
237
- requestRender() {
238
- if (!this.scrolling) {
239
- window.requestAnimationFrame(() => {
240
- this.renderItems();
241
- this.scrolling = false;
242
- });
243
- this.scrolling = true;
244
- }
245
- }
246
- renderItems(all = false) {
247
- if (all)
248
- this.items.clear();
249
- const itemContainer = this.itemContainer;
250
- if (!itemContainer)
251
- return;
252
- // min visible index
253
- const minIndex1 = Math.floor(this.offset / this.itemHeight);
254
- // min rendered index
255
- const minIndex2 = Math.max(0, minIndex1 - constants.LIST_RENDERING_TRESHOLD);
256
- // max visible index
257
- const maxIndex1 = minIndex1 + Math.ceil(this.clientHeight / this.itemHeight);
258
- // max rendered index
259
- const maxIndex2 = Math.min(this.size - 1, maxIndex1 + constants.LIST_RENDERING_TRESHOLD);
260
- dom.empty(itemContainer);
261
- dom.hideElement(itemContainer);
262
- // delete
263
- for (const [i, item] of this.items) {
264
- if (i < minIndex2 || i > maxIndex2) {
265
- item.remove();
266
- this.items.delete(i);
267
- }
268
- }
269
- // insert
270
- for (let i = minIndex2; i <= maxIndex2; i++) {
271
- itemContainer.appendChild(this.getItem(i));
272
- }
273
- dom.setPosition(itemContainer, { t: this.calculateItemContainerOffset(minIndex2) });
274
- dom.showElement(itemContainer);
275
- this.layout();
276
- this.dispatchEvent(this.renderEvent);
277
- }
278
- calculateItemContainerOffset(index) {
279
- if (!this.dynamicItemHeight)
280
- return index * this.itemHeight;
281
- let offset = 0;
282
- for (let i = 0; i < index; i++) {
283
- let itemHeight = this.itemHeights.get(i);
284
- if (itemHeight) {
285
- offset += itemHeight;
286
- continue;
287
- }
288
- itemHeight = this.getItem(i).offsetHeight;
289
- if (itemHeight)
290
- this.itemHeights.set(i, itemHeight);
291
- else
292
- itemHeight = this.itemHeight;
293
- offset += itemHeight;
294
- }
295
- return offset;
296
- }
297
- calculateViewportMaxItemWidth() {
298
- const minIndex = Math.floor(this.offset / this.itemHeight);
299
- const maxIndex = Math.min(this.size - 1, minIndex + Math.ceil(this.clientHeight / this.itemHeight));
300
- let maxWidth = 0;
301
- for (let i = minIndex; i <= maxIndex; i++) {
302
- maxWidth = Math.max(maxWidth, this.measureItemWidth(i) + 20);
303
- }
304
- return maxWidth;
305
- }
306
- measureItemWidth(index) {
307
- let width = this.measuredWidths.get(index);
308
- if (width != null)
309
- return width;
310
- if (!this.itemRenderer || !this.itemContainer)
311
- return 0;
312
- const measureDiv = dom.createElement('div');
313
- measureDiv.style.overflow = 'hidden';
314
- dom.setPosition(measureDiv, { t: 0, l: 0 });
315
- this.itemContainer.appendChild(measureDiv);
316
- const div = dom.createElement('div');
317
- div.className = 'item';
318
- measureDiv.appendChild(div);
319
- const result = this.itemRenderer(div, index, { measure: true });
320
- if (isString(result))
321
- div.innerHTML = result;
322
- else if (result)
323
- render(result, div);
324
- width = div.offsetWidth;
325
- measureDiv.remove();
326
- if (width > 0)
327
- this.measuredWidths.set(index, width);
328
- return width + 10;
329
- }
330
- updateSliders() {
331
- this.container?.updateSliders();
332
- }
333
- async layout() {
334
- if (!this.scrollContainer)
335
- return;
336
- if (this.dynamicItemHeight) {
337
- // wait for all items to be rendered
338
- let isLit = false;
339
- for (const div of this.items.values()) {
340
- if (div.firstElementChild instanceof LitElement) {
341
- isLit = true;
342
- await div.firstElementChild.updateComplete;
343
- }
344
- }
345
- // if item is not LitElement, deffer execution to be sure that all items are rendered
346
- if (!isLit)
347
- await new Promise(resolve => setTimeout(resolve, 0));
348
- }
349
- dom.setSize(this.scrollContainer, { h: this.scrollHeight });
350
- this.updateSliders();
351
- }
352
- get scrollHeight() {
353
- if (!this.dynamicItemHeight)
354
- return this.size * this.itemHeight;
355
- let h = 0;
356
- for (const index of this.itemHeights.keys()) {
357
- let itemHeight = this.itemHeights.get(index);
358
- if (!itemHeight) {
359
- itemHeight = this.getItem(index).offsetHeight;
360
- if (itemHeight)
361
- this.itemHeights.set(index, itemHeight);
362
- else
363
- itemHeight = this.itemHeight;
364
- }
365
- h += itemHeight;
366
- }
367
- return h + (this.size - this.itemHeights.size) * this.itemHeight;
368
- }
369
- get normalizedItemStyle() {
370
- if (!this.customStyle)
371
- return [];
372
- return (Array.isArray(this.customStyle) ? this.customStyle : [this.customStyle]).map(style => {
373
- return isString(style) ? unsafeCSS(style) : style;
374
- });
375
- }
376
- };
377
- List.styles = [style];
378
- List.contentStyles = [css `
379
- :host {
380
- font-family: var(--og-font-family);
381
- font-size: var(--og-font-size);
382
- }
383
- `];
384
- __decorate([
385
- property({ type: Number })
386
- ], List.prototype, "itemHeight", void 0);
387
- __decorate([
388
- property({ type: Boolean })
389
- ], List.prototype, "dynamicItemHeight", void 0);
390
- __decorate([
391
- property({ type: Number })
392
- ], List.prototype, "lineHeight", void 0);
393
- __decorate([
394
- property({ type: Number })
395
- ], List.prototype, "size", void 0);
396
- __decorate([
397
- property({ type: Object })
398
- ], List.prototype, "customStyle", void 0);
399
- __decorate([
400
- property({ type: Boolean })
401
- ], List.prototype, "nativeHeight", void 0);
402
- __decorate([
403
- property({ type: Boolean })
404
- ], List.prototype, "arrowEvents", void 0);
405
- __decorate([
406
- property({ type: Boolean, reflect: true })
407
- ], List.prototype, "disabledSelect", void 0);
408
- __decorate([
409
- property({ type: Boolean, reflect: true })
410
- ], List.prototype, "disabledFocus", void 0);
411
- __decorate([
412
- property({ type: Number })
413
- ], List.prototype, "maxHeight", void 0);
414
- __decorate([
415
- property({ type: Boolean })
416
- ], List.prototype, "scrollbarPadding", void 0);
417
- __decorate([
418
- property({ type: Number })
419
- ], List.prototype, "sliderSize", void 0);
420
- __decorate([
421
- property()
422
- ], List.prototype, "itemRenderer", void 0);
423
- List = __decorate([
424
- customElement('og-list')
425
- ], List);
426
- export { List };
427
- //# sourceMappingURL=list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { isString } from \"../common/utils\";\nimport constants from \"../constants\";\nimport { LitElement, html, css, TemplateResult, render, CSSResultOrNative, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, Ref, ref } from 'lit/directives/ref.js';\nimport { map } from 'lit/directives/map.js';\nimport { SlideEvent } from './slider';\nimport { Container } from \"./container\";\nimport { ComponentEvent } from \"./baseElement\";\nimport { style } from \"./list.style\";\nimport { Layout } from \"../types\";\n\nexport type ListItemRendererOptions = {\n\tmeasure?: boolean;\n}\n\nexport type ListItemRenderer = (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => string|TemplateResult<1>|void;\n\nexport type ListItemElement = HTMLDivElement & {index: number};\n\nexport enum ListSelectTrigger {\n\tEnter = \"enter\",\n\tClick = \"click\",\n\tArrow = \"arrow\",\n}\n\nexport class ListSelectEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly trigger: ListSelectTrigger,\n\t\tpublic readonly index: number,\n\t\tpublic readonly elm: HTMLElement,\n\t) {\n\t\tsuper(type, {bubbles: true, composed: true});\n\t}\n}\n\nexport class ListPointerEvent extends PointerEvent {\n\n\tlist: List;\n\tindex: number;\n\n\tconstructor(type: string, e: PointerEvent, args?: Partial<ListPointerEvent>) {\n\t\tsuper(`list.${type}`, e);\n\t\tObject.assign(this, args);\n\t}\n}\n\n@customElement('og-list')\nexport class List extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\tstatic contentStyles = [css`\n\t\t:host {\n\t\t\tfont-family: var(--og-font-family);\n\t\t\tfont-size: var(--og-font-size);\n\t\t}\n\t`];\n\n\tprivate _selectedIndex = -1;\n\n\tget selectedIndex() { return this._selectedIndex; }\n\tset selectedIndex(value: number) { this._selectedIndex = value; } // TODO - probably should be reactive\n\n\t@property({type: Number})\n\titemHeight: number = constants.LIST_ITEM_HEIGHT;\n\n\t@property({type: Boolean})\n\tdynamicItemHeight = false;\n\n\t@property({type: Number})\n\tlineHeight: number = null;\n\n\t@property({type: Number})\n\tsize: number;\n\n\t@property({type: Object})\n\tcustomStyle: CSSResultOrNative|string|(CSSResultOrNative|string)[];\n\n\t@property({type: Boolean})\n\tnativeHeight = false;\n\n\t@property({type: Boolean})\n\tarrowEvents = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledSelect = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledFocus = false;\n\n\t@property({type: Number})\n\tmaxHeight: number = null;\n\n\t@property({type: Boolean})\n\tscrollbarPadding = false;\n\n\t@property({type: Number})\n\tsliderSize = 0;\n\n\t@property()\n\titemRenderer: ListItemRenderer;\n\n\tpublic readonly items = new Map<number, HTMLDivElement>();\n\tprivate containerRef: Ref<Container> = createRef();\n\tget container() { return this.containerRef?.value }\n\tprivate scrollContainerRef: Ref<HTMLDivElement> = createRef();\n\tget scrollContainer() { return this.scrollContainerRef?.value }\n\n\tprivate itemContainerRef: Ref<HTMLDivElement> = createRef();\n\tget itemContainer() { return this.itemContainerRef?.value }\n\n\tprivate scrolling = false;\n\tprivate renderEvent = new ComponentEvent('render', {bubbles: true, composed: true});\n\tprivate itemHeights = new Map<number, number>();\n\tprivate measuredWidths = new Map<number, number>();\n\n\tprivate _offset = 0;\n\tget offset() { return this._offset }\n\tset offset(value: number) {\n\t\tthis._offset = value;\n\t\tthis.requestRender();\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget pageSize() {\n\t\treturn Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);\n\t}\n\n\tget calculatedHeight() {\n\t\treturn Math.min(this.maxHeight ?? (this.parentElement?.clientHeight ?? 0), this.itemHeight * this.size);\n\t}\n\n\treset() {\n\t\tthis.items.clear();\n\t\t// this.scrollToOffset(0);\n\t\tthis.itemHeights.clear();\n\t}\n\n\tscrollToOffset(offset: number) {\n\t\tthis.containerRef?.value?.scrollVerticalTo(offset);\n\t\tthis.offset = offset;\n\t}\n\n\tscrollToIndex(index: number) {\n\t\tthis.scrollToOffset(this.calculateItemContainerOffset(index));\n\t}\n\n\tscrollToView(item: HTMLDivElement) {\n\t\tif (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {\n\t\t\tconst scrollTo = this._selectedIndex == this.size - 1\n\t\t\t\t? (this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight)\n\t\t\t\t: this.calculateItemContainerOffset(this._selectedIndex);\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t} else if (dom.getElementOffset(item, this.containerRef.value).top + this.itemHeight > this.containerRef.value.offsetHeight) {\n\t\t\tconst scrollTo = this._selectedIndex > 0\n\t\t\t\t? this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight\n\t\t\t\t: 0;\n\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t}\n\t}\n\n\tmoveUp(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex - count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\n\tmoveDown(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex + count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\n\tdeselect() {\n\t\tif (this._selectedIndex >= 0) {\n\t\t\tif (this.items.has(this._selectedIndex)) {\n\t\t\t\tthis.items.get(this._selectedIndex).classList.remove('selected');\n\t\t\t}\n\t\t}\n\t\tthis._selectedIndex = -1;\n\t}\n\n\tselect(index: number, trigger: ListSelectTrigger = null, elm: HTMLElement = null) {\n\t\tthis.deselect();\n\t\tindex = index >= this.size ? 0 : index;\n\t\tindex = index < 0 ? this.size - 1 : index;\n\t\tif (this.items.has(index)) {\n\t\t\tthis.getItem(index).classList.add('selected');\n\t\t}\n\t\tthis._selectedIndex = index;\n\n\t\tif (trigger && (trigger != ListSelectTrigger.Arrow || this.arrowEvents)) {\n\t\t\tthis.dispatchEvent(new ListSelectEvent('select', trigger, index, elm)); // TODO - remove\n\t\t\tthis.dispatchEvent(new ListSelectEvent('list.select', trigger, index, elm));\n\t\t}\n\t}\n\n\tgetItem(index: number) : HTMLDivElement {\n\t\tif (!this.items.has(index)) {\n\t\t\tconst div = dom.createElement<ListItemElement>('div');\n\t\t\tdiv.index = index;\n\t\t\tdom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);\n\n\t\t\tif (!this.dynamicItemHeight) {\n\t\t\t\tdom.setSize(div, {h: this.itemHeight});\n\t\t\t\tdiv.style.lineHeight = dom.numToPixels(this.lineHeight ?? this.itemHeight);\n\t\t\t}\n\n\t\t\tif (this.itemRenderer) {\n\t\t\t\tconst result = this.itemRenderer(div, index);\n\t\t\t\tif (isString(result)) {\n\t\t\t\t\tdiv.innerHTML = result as string;\n\t\t\t\t} else if (result) {\n\t\t\t\t\tdom.empty(div);\n\t\t\t\t\trender(result, div);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdiv.innerHTML = `item-${index}`;\n\t\t\t}\n\n\t\t\tif (this.dynamicItemHeight) {\n\t\t\t\tif (this.itemHeights.get(index) != div.offsetHeight) {\n\t\t\t\t\tthis.itemHeights.set(index, null);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.items.set(index, div);\n\t\t}\n\t\treturn this.items.get(index);\n\t}\n\n\tprivate keyActions = {\n\t\t'ArrowUp': () => this.moveUp(),\n\t\t'PageUp': () => this.moveUp(this.pageSize),\n\t\t'ArrowDown': () => this.moveDown(),\n\t\t'PageDown': () => this.moveDown(this.pageSize),\n\t\t'Enter': () => this._selectedIndex > -1 ? this.select(this._selectedIndex, ListSelectTrigger.Enter) : null,\n\t};\n\n firstUpdated() {\n if (!this.container) return;\n\n\t\tthis.addEventListener('keydown', e => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tconst action = this.keyActions[e.key as keyof typeof this.keyActions];\n\t\t\tif (action) action();\n\t\t});\n\n\t\tthis.container.addEventListener('verticalscroll', (e: SlideEvent) => {\n\t\t\tthis.offset = e.value;\n\t\t});\n\n\t\tdom.on(this.container, 'mousedown', '.item', (e: MouseEvent, elm: ListItemElement) => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tif (!this.container.isScrolling && e.button == 0 && elm.parentElement == this.itemContainerRef.value) {\n\t\t\t\tconst tabIndex = (e.target as HTMLElement).tabIndex;\n\t\t\t\tif (tabIndex == null || tabIndex < 0) {\n\t\t\t\t\te.preventDefault(); // prevents from stealing focus from another element in select event\n\t\t\t\t\tthis.focus(); // default focus is on list\n\t\t\t\t}\n\t\t\t\tthis.select(elm.index, ListSelectTrigger.Click, e.target as HTMLElement);\n\t\t\t}\n\t\t});\n\n\t\tdom.on(this.container, 'contextmenu', '.item', (e: PointerEvent, elm: ListItemElement) => {\n\t\t\tthis.dispatchEvent(new ListPointerEvent('menu', e, {list: this, index: elm.index}));\n\t\t});\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('size') && this.offset >= this.scrollHeight) {\n\t\t\tthis._offset = 0;\n\t\t\tthis.container?.scrollVerticalTo(0);\n\t\t}\n\n\t\tif (!this.nativeHeight) {\n\t\t\tdom.setSize(this, {h: this.calculatedHeight});\n\t\t}\n\n\t\tif (this.disabledFocus) {\n\t\t\tthis.removeAttribute('tabindex');\n\t\t} else {\n\t\t\tthis.tabIndex = 0;\n\t\t}\n\t}\n\n\tupdated() {\n\t\tthis.items.clear();\n\t\tthis.renderItems(true);\n\t}\n\n\trequestRender() {\n\t\tif (!this.scrolling) {\n\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\tthis.renderItems();\n\t\t\t\tthis.scrolling = false;\n\t\t\t});\n\t\t\tthis.scrolling = true;\n\t\t}\n\t}\n\n\trenderItems(all = false) {\n\t\tif (all) this.items.clear();\n\n\t\tconst itemContainer = this.itemContainer;\n\t\tif (!itemContainer) return;\n\n\t\t// min visible index\n\t\tconst minIndex1 = Math.floor(this.offset / this.itemHeight);\n\t\t// min rendered index\n\t\tconst minIndex2 = Math.max(0, minIndex1 - constants.LIST_RENDERING_TRESHOLD);\n\t\t// max visible index\n\t\tconst maxIndex1 = minIndex1 + Math.ceil(this.clientHeight / this.itemHeight);\n\t\t// max rendered index\n\t\tconst maxIndex2 = Math.min(this.size - 1, maxIndex1 + constants.LIST_RENDERING_TRESHOLD);\n\n\t\tdom.empty(itemContainer);\n\t\tdom.hideElement(itemContainer);\n\n\t\t// delete\n\t\tfor (const [i, item] of this.items) {\n\t\t\tif (i < minIndex2 || i > maxIndex2) {\n\t\t\t\titem.remove();\n\t\t\t\tthis.items.delete(i);\n\t\t\t}\n\t\t}\n\n\t\t// insert\n\t\tfor (let i = minIndex2; i <= maxIndex2; i++) {\n\t\t\titemContainer.appendChild(this.getItem(i));\n\t\t}\n\n\t\tdom.setPosition(itemContainer, {t: this.calculateItemContainerOffset(minIndex2)});\n\t\tdom.showElement(itemContainer);\n\n\t\tthis.layout();\n\t\tthis.dispatchEvent(this.renderEvent);\n\t}\n\n\tcalculateItemContainerOffset(index: number) {\n\t\tif (!this.dynamicItemHeight) return index * this.itemHeight;\n\t\tlet offset = 0;\n\t\tfor (let i = 0; i < index; i++) {\n\t\t\tlet itemHeight = this.itemHeights.get(i);\n\n\t\t\tif (itemHeight) {\n\t\t\t\toffset += itemHeight;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\titemHeight = this.getItem(i).offsetHeight;\n\t\t\tif (itemHeight) this.itemHeights.set(i, itemHeight);\n\t\t\telse itemHeight = this.itemHeight;\n\n\t\t\toffset += itemHeight;\n\t\t}\n\t\treturn offset;\n\t}\n\n\tcalculateViewportMaxItemWidth() {\n\t\tconst minIndex = Math.floor(this.offset / this.itemHeight);\n\t\tconst maxIndex = Math.min(this.size - 1, minIndex + Math.ceil(this.clientHeight / this.itemHeight));\n\t\tlet maxWidth = 0;\n\t\tfor (let i = minIndex; i <= maxIndex; i++) {\n\t\t\tmaxWidth = Math.max(maxWidth, this.measureItemWidth(i) + 20);\n\t\t}\n\t\treturn maxWidth;\n\t}\n\n\tmeasureItemWidth(index: number) {\n\t\tlet width: number = this.measuredWidths.get(index);\n\t\tif (width != null) return width;\n\t\tif (!this.itemRenderer || !this.itemContainer) return 0;\n\t\tconst measureDiv = dom.createElement<HTMLDivElement>('div');\n\t\tmeasureDiv.style.overflow = 'hidden';\n\t\tdom.setPosition(measureDiv, {t: 0, l: 0});\n\t\tthis.itemContainer.appendChild(measureDiv);\n\t\tconst div = dom.createElement<HTMLDivElement>('div');\n\t\tdiv.className = 'item';\n\t\tmeasureDiv.appendChild(div);\n\t\tconst result = this.itemRenderer(div, index, {measure: true});\n\t\tif (isString(result)) div.innerHTML = result as string;\n\t\telse if (result) render(result, div);\n\t\twidth = div.offsetWidth;\n\t\tmeasureDiv.remove();\n\t\tif (width > 0) this.measuredWidths.set(index, width);\n\t\treturn width + 10;\n\t}\n\n\tupdateSliders() {\n\t\tthis.container?.updateSliders();\n\t}\n\n\tasync layout() {\n\t\tif (!this.scrollContainer) return;\n\t\tif (this.dynamicItemHeight) {\n\t\t\t// wait for all items to be rendered\n\t\t\tlet isLit = false;\n\t\t\tfor (const div of this.items.values()) {\n\t\t\t\tif (div.firstElementChild instanceof LitElement) {\n\t\t\t\t\tisLit = true;\n\t\t\t\t\tawait (div.firstElementChild as LitElement).updateComplete;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// if item is not LitElement, deffer execution to be sure that all items are rendered\n\t\t\tif (!isLit) await new Promise(resolve => setTimeout(resolve, 0));\n\t\t}\n\n\t\tdom.setSize(this.scrollContainer, {h: this.scrollHeight});\n\t\tthis.updateSliders();\n\t}\n\n\tget scrollHeight() {\n\t\tif (!this.dynamicItemHeight) return this.size * this.itemHeight;\n\n\t\tlet h = 0;\n\t\tfor (const index of this.itemHeights.keys()) {\n\t\t\tlet itemHeight = this.itemHeights.get(index);\n\t\t\tif (!itemHeight) {\n\t\t\t\titemHeight = this.getItem(index).offsetHeight;\n\t\t\t\tif (itemHeight) this.itemHeights.set(index, itemHeight);\n\t\t\t\telse itemHeight = this.itemHeight;\n\t\t\t}\n\t\t\th += itemHeight;\n\t\t}\n\t\treturn h + (this.size - this.itemHeights.size) * this.itemHeight;\n\t}\n\n\n\tget normalizedItemStyle(): CSSResultOrNative[] {\n\t\tif (!this.customStyle) return [];\n\t\treturn (Array.isArray(this.customStyle) ? this.customStyle : [this.customStyle]).map(style => {\n\t\t\treturn isString(style) ? unsafeCSS(style) : (style as CSSResultOrNative);\n\t\t});\n\t}\n\n\trender = () => {\n\t\tconst styles = this.normalizedItemStyle;\n\t\treturn html`\n\t\t\t<og-container ${ref(this.containerRef)} ?scrollbarPadding=\"${this.scrollbarPadding}\" .sliderSize=\"${this.sliderSize}\">\n\t\t\t\t<div slot=\"content\" style=\"position: relative; height: ${this.scrollHeight}px\" ${ref(this.scrollContainerRef)}>\n\t\t\t\t\t<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>\n\t\t\t\t\t${styles.length ? html`<style>${map(styles, s => s)}</style>` : ``}\n\t\t\t\t\t<div class=\"item-container\" ${ref(this.itemContainerRef)}></div>\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t`;\n\t}\n\n}\n"]}
@@ -1,2 +0,0 @@
1
- export declare const style: import("lit").CSSResult;
2
- //# sourceMappingURL=list.style.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.style.d.ts","sourceRoot":"","sources":["../../src/ui/list.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAgCjB,CAAC"}
@@ -1,35 +0,0 @@
1
- import { css } from 'lit';
2
- export const style = css `
3
- * {
4
- box-sizing: border-box;
5
- }
6
-
7
- :host {
8
- position: relative;
9
- display: block;
10
- outline: none;
11
- }
12
-
13
- og-container {
14
- height: 100%;
15
- }
16
-
17
- :host(:not([disabledSelect])) .item {
18
- cursor: pointer;
19
- }
20
-
21
- :host(:not([disabledSelect])) .item:hover {
22
- background-color: var(--og-accent-color-alpha-15);
23
- }
24
-
25
- .item.selected {
26
- background-color: var(--og-accent-color-alpha-30);
27
- }
28
-
29
- .item-container {
30
- position: absolute;
31
- left: 0;
32
- width: 100%;
33
- }
34
- `;
35
- //# sourceMappingURL=list.style.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.style.js","sourceRoot":"","sources":["../../src/ui/list.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\toutline: none;\n\t}\n\n\tog-container {\n\t\theight: 100%;\n\t}\n\n\t:host(:not([disabledSelect])) .item {\n\t\tcursor: pointer;\n\t}\n\n\t:host(:not([disabledSelect])) .item:hover {\n\t\tbackground-color: var(--og-accent-color-alpha-15);\n\t}\n\n\t.item.selected {\n\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t}\n\n\t.item-container {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t}\n`;"]}
@@ -1,6 +0,0 @@
1
- import { Icon } from './icon';
2
- export declare class Loader extends Icon {
3
- static styles: import("lit").CSSResult[];
4
- willUpdate(): void;
5
- }
6
- //# sourceMappingURL=loader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/ui/loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBACa,MAAO,SAAQ,IAAI;IAE/B,MAAM,CAAC,MAAM,4BAIV;IAEH,UAAU;CAKV"}
package/dist/ui/loader.js DELETED
@@ -1,25 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { css } from 'lit';
8
- import { customElement } from 'lit/decorators.js';
9
- import { Icon } from './icon';
10
- let Loader = class Loader extends Icon {
11
- willUpdate() {
12
- this.spin = true;
13
- this.icon = this.iconName || 'spinner';
14
- }
15
- };
16
- Loader.styles = [...Icon.styles, css `
17
- :host {
18
- display: block;
19
- }
20
- `];
21
- Loader = __decorate([
22
- customElement(`og-loader`)
23
- ], Loader);
24
- export { Loader };
25
- //# sourceMappingURL=loader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/ui/loader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAGvB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,IAAI;IAQ/B,UAAU;QACT,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC;IACxC,CAAC;;AATM,aAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAA;;;;EAInC,CAAC,AAJW,CAIV;AANS,MAAM;IADlB,aAAa,CAAC,WAAW,CAAC;GACd,MAAM,CAalB","sourcesContent":["import { css } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon';\n\n@customElement(`og-loader`)\nexport class Loader extends Icon {\n\n\tstatic styles = [...Icon.styles, css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t`];\n\n\twillUpdate() {\n\t\tthis.spin = true;\n\t\tthis.icon = this.iconName || 'spinner';\n\t}\n\t\n}"]}
package/dist/ui/menu.d.ts DELETED
@@ -1,41 +0,0 @@
1
- import { LitElement, TemplateResult } from 'lit';
2
- import { List, ListSelectEvent } from './list';
3
- import { IconSpec } from './icon';
4
- export type MenuItem = {
5
- k?: number | string;
6
- v?: string;
7
- key?: number | string;
8
- value?: string;
9
- icon?: IconSpec | string;
10
- color?: string;
11
- type?: 'normal' | 'label' | null;
12
- divider?: boolean;
13
- renderer?: (div: HTMLDivElement, index: number, item: MenuItem) => TemplateResult<1> | HTMLElement;
14
- exec?: (item: MenuItem) => void;
15
- };
16
- export declare class MenuEvent extends Event {
17
- readonly item: MenuItem;
18
- constructor(type: string, item: MenuItem);
19
- }
20
- export type MenuPosition = 'right' | 'left';
21
- export declare class Menu extends LitElement {
22
- static styles: import("lit").CSSResult[];
23
- items: MenuItem[];
24
- dynamicWidth: boolean;
25
- disabledFocus: boolean;
26
- list: List;
27
- private _hasIcons;
28
- private _autoHide;
29
- willUpdate(changedProps: Map<PropertyKey, unknown>): void;
30
- updated(changedProps: Map<PropertyKey, unknown>): void;
31
- updateWidth(): Promise<void>;
32
- constructor();
33
- connectedCallback(): void;
34
- itemRenderer: (div: HTMLDivElement, index: number) => TemplateResult<1>;
35
- open(elm: HTMLElement, position?: MenuPosition): Promise<void>;
36
- openAt(x: number, y: number): Promise<void>;
37
- _onRender: () => void;
38
- _onSelect: (e: ListSelectEvent) => void;
39
- render: () => TemplateResult<1>;
40
- }
41
- //# sourceMappingURL=menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,cAAc,CAAC,CAAC,CAAC,GAAC,WAAW,CAAC;IACjG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,qBAAa,SAAU,SAAQ,KAAK;aAGlB,IAAI,EAAE,QAAQ;gBAD9B,IAAI,EAAE,MAAM,EACI,IAAI,EAAE,QAAQ;CAI/B;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,GAAC,MAAM,CAAC;AAE1C,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAQ;IAGpB,aAAa,UAAS;IAGtB,IAAI,EAAE,IAAI,CAAC;IAEX,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAE1B,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMlD,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOzC,WAAW;;IAqBjB,iBAAiB;IAKjB,YAAY,GAAI,KAAK,cAAc,EAAE,OAAO,MAAM,uBAsBjD;IAEK,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,YAAqB;IAmBtD,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAiBjC,SAAS,aAER;IAED,SAAS,GAAI,GAAG,eAAe,UAK9B;IAED,MAAM,0BAYJ;CAEF"}