yapp 3.0.6 → 4.0.3

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 (74) hide show
  1. package/README.md +7 -7
  2. package/example.js +1414 -1684
  3. package/lib/defaults.js +4 -4
  4. package/lib/example/div/sizeable/left.js +1 -1
  5. package/lib/example/div/sizeable/middle.js +1 -1
  6. package/lib/example/div/sizeable/right.js +1 -1
  7. package/lib/example/div/sizeable/top.js +1 -1
  8. package/lib/example/textarea/bnf.js +1 -1
  9. package/lib/example/textarea/lexicalEntries.js +1 -1
  10. package/lib/example/textarea/parseTree.js +1 -1
  11. package/lib/example/textarea/tokens.js +1 -1
  12. package/lib/example/view/javascript.js +1 -1
  13. package/lib/example/view/json.js +1 -1
  14. package/lib/example/view/xml.js +1 -1
  15. package/lib/example/view.js +23 -42
  16. package/lib/example/yapp.js +5 -3
  17. package/lib/gutter.js +7 -40
  18. package/lib/highlights.js +248 -0
  19. package/lib/lexer/javascript.js +1 -1
  20. package/lib/lexer/json.js +1 -1
  21. package/lib/lexer/plainText.js +1 -1
  22. package/lib/lexer/xml.js +1 -1
  23. package/lib/lineNumbers.js +13 -3
  24. package/lib/mixins/style.js +1 -1
  25. package/lib/parser/javascript.js +1 -1
  26. package/lib/parser/json.js +1 -1
  27. package/lib/parser/plainText.js +1 -1
  28. package/lib/parser/xml.js +1 -1
  29. package/lib/plugin/javascript.js +1 -1
  30. package/lib/plugin/json.js +1 -1
  31. package/lib/plugin/plainText.js +1 -1
  32. package/lib/plugin/xml.js +1 -1
  33. package/lib/plugin.js +1 -1
  34. package/lib/prettyPrinter.js +29 -145
  35. package/lib/processor/javascript.js +1 -1
  36. package/lib/processor/json.js +1 -1
  37. package/lib/processor/plainText.js +1 -1
  38. package/lib/processor/xml.js +1 -1
  39. package/lib/processor.js +1 -1
  40. package/lib/renderYappStyles.js +1 -1
  41. package/lib/richTextarea.js +5 -26
  42. package/lib/styles.js +1 -5
  43. package/lib/syntax.js +77 -19
  44. package/lib/token/significant/argument.js +1 -1
  45. package/lib/token/significant/attribute.js +1 -1
  46. package/lib/token/significant/comment.js +1 -1
  47. package/lib/token/significant/error.js +1 -1
  48. package/lib/token/significant/jsx/attributeName.js +1 -1
  49. package/lib/token/significant/jsx/tagName.js +1 -1
  50. package/lib/token/significant/name.js +1 -1
  51. package/lib/token/significant/string.js +1 -1
  52. package/lib/token/significant/variable.js +1 -1
  53. package/lib/utilities/content.js +1 -1
  54. package/lib/utilities/css.js +1 -1
  55. package/lib/utilities/plugin.js +1 -1
  56. package/lib/utilities/properties.js +1 -1
  57. package/lib/utilities/rules.js +1 -1
  58. package/lib/utilities/scrollbarThickness.js +1 -1
  59. package/lib/utilities/tokens.js +1 -1
  60. package/lib/yapp.js +34 -96
  61. package/package.json +1 -1
  62. package/src/defaults.js +1 -1
  63. package/src/example/view.js +8 -28
  64. package/src/example/yapp.js +3 -2
  65. package/src/gutter.js +9 -41
  66. package/src/highlights.js +70 -0
  67. package/src/lineNumbers.js +13 -2
  68. package/src/prettyPrinter.js +24 -134
  69. package/src/richTextarea.js +4 -28
  70. package/src/styles.js +0 -1
  71. package/src/syntax.js +20 -22
  72. package/src/yapp.js +49 -129
  73. package/lib/element/scrollable.js +0 -338
  74. package/src/element/scrollable.js +0 -166
@@ -1,338 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "default", {
6
- enumerable: true,
7
- get: function() {
8
- return ScrollableElement;
9
- }
10
- });
11
- var _easy = require("easy");
12
- function _assertThisInitialized(self) {
13
- if (self === void 0) {
14
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
15
- }
16
- return self;
17
- }
18
- function _classCallCheck(instance, Constructor) {
19
- if (!(instance instanceof Constructor)) {
20
- throw new TypeError("Cannot call a class as a function");
21
- }
22
- }
23
- function isNativeReflectConstruct() {
24
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
25
- if (Reflect.construct.sham) return false;
26
- if (typeof Proxy === "function") return true;
27
- try {
28
- Date.prototype.toString.call(Reflect.construct(Date, [], function() {}));
29
- return true;
30
- } catch (e) {
31
- return false;
32
- }
33
- }
34
- function _construct(Parent, args, Class) {
35
- if (isNativeReflectConstruct()) {
36
- _construct = Reflect.construct;
37
- } else {
38
- _construct = function _construct(Parent, args, Class) {
39
- var a = [
40
- null
41
- ];
42
- a.push.apply(a, args);
43
- var Constructor = Function.bind.apply(Parent, a);
44
- var instance = new Constructor();
45
- if (Class) _setPrototypeOf(instance, Class.prototype);
46
- return instance;
47
- };
48
- }
49
- return _construct.apply(null, arguments);
50
- }
51
- function _defineProperties(target, props) {
52
- for(var i = 0; i < props.length; i++){
53
- var descriptor = props[i];
54
- descriptor.enumerable = descriptor.enumerable || false;
55
- descriptor.configurable = true;
56
- if ("value" in descriptor) descriptor.writable = true;
57
- Object.defineProperty(target, descriptor.key, descriptor);
58
- }
59
- }
60
- function _createClass(Constructor, protoProps, staticProps) {
61
- if (protoProps) _defineProperties(Constructor.prototype, protoProps);
62
- if (staticProps) _defineProperties(Constructor, staticProps);
63
- return Constructor;
64
- }
65
- function _defineProperty(obj, key, value) {
66
- if (key in obj) {
67
- Object.defineProperty(obj, key, {
68
- value: value,
69
- enumerable: true,
70
- configurable: true,
71
- writable: true
72
- });
73
- } else {
74
- obj[key] = value;
75
- }
76
- return obj;
77
- }
78
- function _getPrototypeOf(o) {
79
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
80
- return o.__proto__ || Object.getPrototypeOf(o);
81
- };
82
- return _getPrototypeOf(o);
83
- }
84
- function _inherits(subClass, superClass) {
85
- if (typeof superClass !== "function" && superClass !== null) {
86
- throw new TypeError("Super expression must either be null or a function");
87
- }
88
- subClass.prototype = Object.create(superClass && superClass.prototype, {
89
- constructor: {
90
- value: subClass,
91
- writable: true,
92
- configurable: true
93
- }
94
- });
95
- if (superClass) _setPrototypeOf(subClass, superClass);
96
- }
97
- function _isNativeFunction(fn) {
98
- return Function.toString.call(fn).indexOf("[native code]") !== -1;
99
- }
100
- function _possibleConstructorReturn(self, call) {
101
- if (call && (_typeof(call) === "object" || typeof call === "function")) {
102
- return call;
103
- }
104
- return _assertThisInitialized(self);
105
- }
106
- function _setPrototypeOf(o, p) {
107
- _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
108
- o.__proto__ = p;
109
- return o;
110
- };
111
- return _setPrototypeOf(o, p);
112
- }
113
- var _typeof = function(obj) {
114
- "@swc/helpers - typeof";
115
- return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
116
- };
117
- function _wrapNativeSuper(Class) {
118
- var _cache = typeof Map === "function" ? new Map() : undefined;
119
- _wrapNativeSuper = function _wrapNativeSuper(Class) {
120
- if (Class === null || !_isNativeFunction(Class)) return Class;
121
- if (typeof Class !== "function") {
122
- throw new TypeError("Super expression must either be null or a function");
123
- }
124
- if (typeof _cache !== "undefined") {
125
- if (_cache.has(Class)) return _cache.get(Class);
126
- _cache.set(Class, Wrapper);
127
- }
128
- function Wrapper() {
129
- return _construct(Class, arguments, _getPrototypeOf(this).constructor);
130
- }
131
- Wrapper.prototype = Object.create(Class.prototype, {
132
- constructor: {
133
- value: Wrapper,
134
- enumerable: false,
135
- writable: true,
136
- configurable: true
137
- }
138
- });
139
- return _setPrototypeOf(Wrapper, Class);
140
- };
141
- return _wrapNativeSuper(Class);
142
- }
143
- function _isNativeReflectConstruct() {
144
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
145
- if (Reflect.construct.sham) return false;
146
- if (typeof Proxy === "function") return true;
147
- try {
148
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
149
- return true;
150
- } catch (e) {
151
- return false;
152
- }
153
- }
154
- function _createSuper(Derived) {
155
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
156
- return function _createSuperInternal() {
157
- var Super = _getPrototypeOf(Derived), result;
158
- if (hasNativeReflectConstruct) {
159
- var NewTarget = _getPrototypeOf(this).constructor;
160
- result = Reflect.construct(Super, arguments, NewTarget);
161
- } else {
162
- result = Super.apply(this, arguments);
163
- }
164
- return _possibleConstructorReturn(this, result);
165
- };
166
- }
167
- var ScrollableElement = /*#__PURE__*/ function(Element) {
168
- _inherits(ScrollableElement, Element);
169
- var _super = _createSuper(ScrollableElement);
170
- function ScrollableElement() {
171
- _classCallCheck(this, ScrollableElement);
172
- return _super.apply(this, arguments);
173
- }
174
- _createClass(ScrollableElement, [
175
- {
176
- key: "scroll",
177
- value: function scroll(scrollTop, scrollLeft) {
178
- this.setScrollTop(scrollTop);
179
- this.setScrollLeft(scrollLeft);
180
- var top = this.getTop(), left = this.getLeft();
181
- this.position(top, left);
182
- }
183
- },
184
- {
185
- key: "resize",
186
- value: function resize(width, height) {
187
- var scrollbarThickness = this.properties.scrollbarThickness;
188
- width = width - scrollbarThickness;
189
- height = height - scrollbarThickness;
190
- this.setWidth(width);
191
- this.setHeight(height);
192
- var top = this.getTop(), left = this.getLeft();
193
- this.position(top, left);
194
- }
195
- },
196
- {
197
- key: "position",
198
- value: function position(top, left) {
199
- this.setTop(top);
200
- this.setLeft(left);
201
- var width = this.getWidth(), height = this.getHeight();
202
- var scrollTop = this.getScrollTop(), scrollLeft = this.getScrollLeft();
203
- top = top - scrollTop;
204
- left = left - scrollLeft;
205
- width = width + scrollLeft;
206
- height = height + scrollTop;
207
- top = "".concat(top, "px");
208
- left = "".concat(left, "px");
209
- width = "".concat(width, "px");
210
- height = "".concat(height, "px");
211
- var css = {
212
- top: top,
213
- left: left,
214
- width: width,
215
- height: height
216
- };
217
- this.css(css);
218
- }
219
- },
220
- {
221
- key: "getTop",
222
- value: function getTop() {
223
- var state = this.getState(), top = state.top;
224
- return top;
225
- }
226
- },
227
- {
228
- key: "getLeft",
229
- value: function getLeft() {
230
- var state = this.getState(), left = state.left;
231
- return left;
232
- }
233
- },
234
- {
235
- key: "getWidth",
236
- value: function getWidth() {
237
- var state = this.getState(), width = state.width;
238
- return width;
239
- }
240
- },
241
- {
242
- key: "getHeight",
243
- value: function getHeight() {
244
- var state = this.getState(), height = state.height;
245
- return height;
246
- }
247
- },
248
- {
249
- key: "getScrollTop",
250
- value: function getScrollTop() {
251
- var state = this.getState(), scrollTop = state.scrollTop;
252
- return scrollTop;
253
- }
254
- },
255
- {
256
- key: "getScrollLeft",
257
- value: function getScrollLeft() {
258
- var state = this.getState(), scrollLeft = state.scrollLeft;
259
- return scrollLeft;
260
- }
261
- },
262
- {
263
- key: "setTop",
264
- value: function setTop(top) {
265
- this.updateState({
266
- top: top
267
- });
268
- }
269
- },
270
- {
271
- key: "setLeft",
272
- value: function setLeft(left) {
273
- this.updateState({
274
- left: left
275
- });
276
- }
277
- },
278
- {
279
- key: "setWidth",
280
- value: function setWidth(width) {
281
- this.updateState({
282
- width: width
283
- });
284
- }
285
- },
286
- {
287
- key: "setHeight",
288
- value: function setHeight(height) {
289
- this.updateState({
290
- height: height
291
- });
292
- }
293
- },
294
- {
295
- key: "setScrollTop",
296
- value: function setScrollTop(scrollTop) {
297
- this.updateState({
298
- scrollTop: scrollTop
299
- });
300
- }
301
- },
302
- {
303
- key: "setScrollLeft",
304
- value: function setScrollLeft(scrollLeft) {
305
- this.updateState({
306
- scrollLeft: scrollLeft
307
- });
308
- }
309
- },
310
- {
311
- key: "setInitialState",
312
- value: function setInitialState() {
313
- var top = 0, left = 0, width = 0, height = 0, scrollTop = 0, scrollLeft = 0;
314
- this.setState({
315
- top: top,
316
- left: left,
317
- width: width,
318
- height: height,
319
- scrollTop: scrollTop,
320
- scrollLeft: scrollLeft
321
- });
322
- }
323
- },
324
- {
325
- key: "initialise",
326
- value: function initialise() {
327
- this.assignContext();
328
- this.setInitialState();
329
- }
330
- }
331
- ]);
332
- return ScrollableElement;
333
- }(_wrapNativeSuper(_easy.Element));
334
- _defineProperty(ScrollableElement, "ignoreProperties", [
335
- "scrollbarThickness"
336
- ]);
337
-
338
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lbGVtZW50L3Njcm9sbGFibGUuanMiLCI8PGpzeC1jb25maWctcHJhZ21hLmpzPj4iXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBTY3JvbGxhYmxlRWxlbWVudCBleHRlbmRzIEVsZW1lbnQge1xuICBzY3JvbGwoc2Nyb2xsVG9wLCBzY3JvbGxMZWZ0KSB7XG4gICAgdGhpcy5zZXRTY3JvbGxUb3Aoc2Nyb2xsVG9wKTtcbiAgICB0aGlzLnNldFNjcm9sbExlZnQoc2Nyb2xsTGVmdCk7XG5cbiAgICBjb25zdCB0b3AgPSB0aGlzLmdldFRvcCgpLFxuICAgICAgICAgIGxlZnQgPSB0aGlzLmdldExlZnQoKTtcblxuICAgIHRoaXMucG9zaXRpb24odG9wLCBsZWZ0KTtcbiAgfVxuXG4gIHJlc2l6ZSh3aWR0aCwgaGVpZ2h0KSB7XG4gICAgY29uc3QgeyBzY3JvbGxiYXJUaGlja25lc3MgfSA9IHRoaXMucHJvcGVydGllcztcblxuICAgIHdpZHRoID0gd2lkdGggLSBzY3JvbGxiYXJUaGlja25lc3M7XG4gICAgaGVpZ2h0ID0gaGVpZ2h0IC0gc2Nyb2xsYmFyVGhpY2tuZXNzO1xuXG4gICAgdGhpcy5zZXRXaWR0aCh3aWR0aCk7XG4gICAgdGhpcy5zZXRIZWlnaHQoaGVpZ2h0KTtcblxuICAgIGNvbnN0IHRvcCA9IHRoaXMuZ2V0VG9wKCksXG4gICAgICAgICAgbGVmdCA9IHRoaXMuZ2V0TGVmdCgpO1xuXG4gICAgdGhpcy5wb3NpdGlvbih0b3AsIGxlZnQpO1xuICB9XG5cbiAgcG9zaXRpb24odG9wLCBsZWZ0KSB7XG4gICAgdGhpcy5zZXRUb3AodG9wKTtcbiAgICB0aGlzLnNldExlZnQobGVmdCk7XG5cbiAgICBsZXQgd2lkdGggPSB0aGlzLmdldFdpZHRoKCksXG4gICAgICAgIGhlaWdodCA9IHRoaXMuZ2V0SGVpZ2h0KCk7XG5cbiAgICBjb25zdCBzY3JvbGxUb3AgPSB0aGlzLmdldFNjcm9sbFRvcCgpLFxuICAgICAgICAgIHNjcm9sbExlZnQgPSB0aGlzLmdldFNjcm9sbExlZnQoKTtcblxuICAgIHRvcCA9IHRvcCAtIHNjcm9sbFRvcDtcbiAgICBsZWZ0ID0gbGVmdCAtIHNjcm9sbExlZnQ7XG4gICAgd2lkdGggPSB3aWR0aCArIHNjcm9sbExlZnQ7XG4gICAgaGVpZ2h0ID0gaGVpZ2h0ICsgc2Nyb2xsVG9wO1xuXG4gICAgdG9wID0gYCR7dG9wfXB4YDtcbiAgICBsZWZ0ID0gYCR7bGVmdH1weGA7XG4gICAgd2lkdGggPSBgJHt3aWR0aH1weGA7XG4gICAgaGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YDtcblxuICAgIGNvbnN0IGNzcyA9IHtcbiAgICAgIHRvcCxcbiAgICAgIGxlZnQsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodFxuICAgIH07XG5cbiAgICB0aGlzLmNzcyhjc3MpO1xuICB9XG5cbiAgZ2V0VG9wKCkge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5nZXRTdGF0ZSgpLFxuICAgICAgICAgIHsgdG9wIH0gPSBzdGF0ZTtcblxuICAgIHJldHVybiB0b3A7XG4gIH1cblxuICBnZXRMZWZ0KCkge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5nZXRTdGF0ZSgpLFxuICAgICAgICAgIHsgbGVmdCB9ID0gc3RhdGU7XG5cbiAgICByZXR1cm4gbGVmdDtcbiAgfVxuXG4gIGdldFdpZHRoKCkge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5nZXRTdGF0ZSgpLFxuICAgICAgICAgIHsgd2lkdGggfSA9IHN0YXRlO1xuXG4gICAgcmV0dXJuIHdpZHRoO1xuICB9XG5cbiAgZ2V0SGVpZ2h0KCkge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5nZXRTdGF0ZSgpLFxuICAgICAgICAgIHsgaGVpZ2h0IH0gPSBzdGF0ZTtcblxuICAgIHJldHVybiBoZWlnaHQ7XG4gIH1cblxuICBnZXRTY3JvbGxUb3AoKSB7XG4gICAgY29uc3Qgc3RhdGUgPSB0aGlzLmdldFN0YXRlKCksXG4gICAgICAgICAgeyBzY3JvbGxUb3AgfSA9IHN0YXRlO1xuXG4gICAgcmV0dXJuIHNjcm9sbFRvcDtcbiAgfVxuXG4gIGdldFNjcm9sbExlZnQoKSB7XG4gICAgY29uc3Qgc3RhdGUgPSB0aGlzLmdldFN0YXRlKCksXG4gICAgICAgICAgeyBzY3JvbGxMZWZ0IH0gPSBzdGF0ZTtcblxuICAgIHJldHVybiBzY3JvbGxMZWZ0O1xuICB9XG5cbiAgc2V0VG9wKHRvcCkge1xuICAgIHRoaXMudXBkYXRlU3RhdGUoe1xuICAgICAgdG9wXG4gICAgfSk7XG4gIH1cblxuICBzZXRMZWZ0KGxlZnQpIHtcbiAgICB0aGlzLnVwZGF0ZVN0YXRlKHtcbiAgICAgIGxlZnRcbiAgICB9KTtcbiAgfVxuXG4gIHNldFdpZHRoKHdpZHRoKSB7XG4gICAgdGhpcy51cGRhdGVTdGF0ZSh7XG4gICAgICB3aWR0aFxuICAgIH0pO1xuICB9XG5cbiAgc2V0SGVpZ2h0KGhlaWdodCkge1xuICAgIHRoaXMudXBkYXRlU3RhdGUoe1xuICAgICAgaGVpZ2h0XG4gICAgfSk7XG4gIH1cblxuICBzZXRTY3JvbGxUb3Aoc2Nyb2xsVG9wKSB7XG4gICAgdGhpcy51cGRhdGVTdGF0ZSh7XG4gICAgICBzY3JvbGxUb3BcbiAgICB9KTtcbiAgfVxuXG4gIHNldFNjcm9sbExlZnQoc2Nyb2xsTGVmdCkge1xuICAgIHRoaXMudXBkYXRlU3RhdGUoe1xuICAgICAgc2Nyb2xsTGVmdFxuICAgIH0pO1xuICB9XG5cbiAgc2V0SW5pdGlhbFN0YXRlKCkge1xuICAgIGNvbnN0IHRvcCA9IDAsXG4gICAgICAgICAgbGVmdCA9IDAsXG4gICAgICAgICAgd2lkdGggPSAwLFxuICAgICAgICAgIGhlaWdodCA9IDAsXG4gICAgICAgICAgc2Nyb2xsVG9wID0gMCxcbiAgICAgICAgICBzY3JvbGxMZWZ0ID0gMDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdG9wLFxuICAgICAgbGVmdCxcbiAgICAgIHdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgc2Nyb2xsVG9wLFxuICAgICAgc2Nyb2xsTGVmdFxuICAgIH0pO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcbiAgICB0aGlzLmFzc2lnbkNvbnRleHQoKTtcblxuICAgIHRoaXMuc2V0SW5pdGlhbFN0YXRlKCk7XG4gIH1cblxuICBzdGF0aWMgaWdub3JlUHJvcGVydGllcyA9IFtcbiAgICBcInNjcm9sbGJhclRoaWNrbmVzc1wiXG4gIF07XG59XG4iLCJSZWFjdC5jcmVhdGVFbGVtZW50Il0sIm5hbWVzIjpbIlNjcm9sbGFibGVFbGVtZW50Iiwic2Nyb2xsIiwic2Nyb2xsVG9wIiwic2Nyb2xsTGVmdCIsInNldFNjcm9sbFRvcCIsInNldFNjcm9sbExlZnQiLCJ0b3AiLCJnZXRUb3AiLCJsZWZ0IiwiZ2V0TGVmdCIsInBvc2l0aW9uIiwicmVzaXplIiwid2lkdGgiLCJoZWlnaHQiLCJzY3JvbGxiYXJUaGlja25lc3MiLCJwcm9wZXJ0aWVzIiwic2V0V2lkdGgiLCJzZXRIZWlnaHQiLCJzZXRUb3AiLCJzZXRMZWZ0IiwiZ2V0V2lkdGgiLCJnZXRIZWlnaHQiLCJnZXRTY3JvbGxUb3AiLCJnZXRTY3JvbGxMZWZ0IiwiY3NzIiwic3RhdGUiLCJnZXRTdGF0ZSIsInVwZGF0ZVN0YXRlIiwic2V0SW5pdGlhbFN0YXRlIiwic2V0U3RhdGUiLCJpbml0aWFsaXNlIiwiYXNzaWduQ29udGV4dCIsIkVsZW1lbnQiLCJpZ25vcmVQcm9wZXJ0aWVzIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7Ozs7ZUFJUUEsaUJBQWlCOzs7b0JBRmQsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRWYs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
@@ -1,166 +0,0 @@
1
- "use strict";
2
-
3
- import { Element } from "easy";
4
-
5
- export default class ScrollableElement extends Element {
6
- scroll(scrollTop, scrollLeft) {
7
- this.setScrollTop(scrollTop);
8
- this.setScrollLeft(scrollLeft);
9
-
10
- const top = this.getTop(),
11
- left = this.getLeft();
12
-
13
- this.position(top, left);
14
- }
15
-
16
- resize(width, height) {
17
- const { scrollbarThickness } = this.properties;
18
-
19
- width = width - scrollbarThickness;
20
- height = height - scrollbarThickness;
21
-
22
- this.setWidth(width);
23
- this.setHeight(height);
24
-
25
- const top = this.getTop(),
26
- left = this.getLeft();
27
-
28
- this.position(top, left);
29
- }
30
-
31
- position(top, left) {
32
- this.setTop(top);
33
- this.setLeft(left);
34
-
35
- let width = this.getWidth(),
36
- height = this.getHeight();
37
-
38
- const scrollTop = this.getScrollTop(),
39
- scrollLeft = this.getScrollLeft();
40
-
41
- top = top - scrollTop;
42
- left = left - scrollLeft;
43
- width = width + scrollLeft;
44
- height = height + scrollTop;
45
-
46
- top = `${top}px`;
47
- left = `${left}px`;
48
- width = `${width}px`;
49
- height = `${height}px`;
50
-
51
- const css = {
52
- top,
53
- left,
54
- width,
55
- height
56
- };
57
-
58
- this.css(css);
59
- }
60
-
61
- getTop() {
62
- const state = this.getState(),
63
- { top } = state;
64
-
65
- return top;
66
- }
67
-
68
- getLeft() {
69
- const state = this.getState(),
70
- { left } = state;
71
-
72
- return left;
73
- }
74
-
75
- getWidth() {
76
- const state = this.getState(),
77
- { width } = state;
78
-
79
- return width;
80
- }
81
-
82
- getHeight() {
83
- const state = this.getState(),
84
- { height } = state;
85
-
86
- return height;
87
- }
88
-
89
- getScrollTop() {
90
- const state = this.getState(),
91
- { scrollTop } = state;
92
-
93
- return scrollTop;
94
- }
95
-
96
- getScrollLeft() {
97
- const state = this.getState(),
98
- { scrollLeft } = state;
99
-
100
- return scrollLeft;
101
- }
102
-
103
- setTop(top) {
104
- this.updateState({
105
- top
106
- });
107
- }
108
-
109
- setLeft(left) {
110
- this.updateState({
111
- left
112
- });
113
- }
114
-
115
- setWidth(width) {
116
- this.updateState({
117
- width
118
- });
119
- }
120
-
121
- setHeight(height) {
122
- this.updateState({
123
- height
124
- });
125
- }
126
-
127
- setScrollTop(scrollTop) {
128
- this.updateState({
129
- scrollTop
130
- });
131
- }
132
-
133
- setScrollLeft(scrollLeft) {
134
- this.updateState({
135
- scrollLeft
136
- });
137
- }
138
-
139
- setInitialState() {
140
- const top = 0,
141
- left = 0,
142
- width = 0,
143
- height = 0,
144
- scrollTop = 0,
145
- scrollLeft = 0;
146
-
147
- this.setState({
148
- top,
149
- left,
150
- width,
151
- height,
152
- scrollTop,
153
- scrollLeft
154
- });
155
- }
156
-
157
- initialise() {
158
- this.assignContext();
159
-
160
- this.setInitialState();
161
- }
162
-
163
- static ignoreProperties = [
164
- "scrollbarThickness"
165
- ];
166
- }