UNPKG

kepler.gl

Version:

kepler.gl is a webgl based application to visualize large scale location data in the browser

40 lines (29 loc) 4.37 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral")); var _styledComponents = _interopRequireDefault(require("styled-components")); function _templateObject() { var data = (0, _taggedTemplateLiteral2["default"])(["\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n"]); _templateObject = function _templateObject() { return data; }; return data; } /* ScrollSync works by getting a callback about the dom elements scroll amount and then using that to pass into how much to scroll all child components, it works great! Except... Because scrolling is managed by a separate thread, and JavaScript is only periodically notified of the updated position, there's some latency issues with this. We can hack around this by using a niche property of canvas that removes the delay in scroll event firing! Easiest way to reproduce: enable "Trace React updates" in React DevTools (it works by overlaying a viewport-wide canvas over the document). */ var _default = _styledComponents["default"].canvas(_templateObject()); exports["default"] = _default; //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9kYXRhLXRhYmxlL2NhbnZhcy5qcyJdLCJuYW1lcyI6WyJzdHlsZWQiLCJjYW52YXMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOzs7Ozs7Ozs7Ozs7QUFFQTs7Ozs7Ozs7Ozs7OztlQWFlQSw2QkFBT0MsTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMCBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG4vKlxuICAgIFNjcm9sbFN5bmMgd29ya3MgYnkgZ2V0dGluZyBhIGNhbGxiYWNrIGFib3V0IHRoZSBkb20gZWxlbWVudHMgc2Nyb2xsIGFtb3VudFxuICAgIGFuZCB0aGVuIHVzaW5nIHRoYXQgdG8gcGFzcyBpbnRvIGhvdyBtdWNoIHRvIHNjcm9sbCBhbGwgY2hpbGQgY29tcG9uZW50cyxcbiAgICBpdCB3b3JrcyBncmVhdCFcblxuICAgIEV4Y2VwdC4uLiBCZWNhdXNlIHNjcm9sbGluZyBpcyBtYW5hZ2VkIGJ5IGEgc2VwYXJhdGUgdGhyZWFkLCBhbmQgSmF2YVNjcmlwdFxuICAgIGlzIG9ubHkgcGVyaW9kaWNhbGx5IG5vdGlmaWVkIG9mIHRoZSB1cGRhdGVkIHBvc2l0aW9uLCB0aGVyZSdzIHNvbWUgbGF0ZW5jeVxuICAgIGlzc3VlcyB3aXRoIHRoaXMuXG5cbiAgICBXZSBjYW4gaGFjayBhcm91bmQgdGhpcyBieSB1c2luZyBhIG5pY2hlIHByb3BlcnR5IG9mIGNhbnZhcyB0aGF0IHJlbW92ZXMgdGhlXG4gICAgZGVsYXkgaW4gc2Nyb2xsIGV2ZW50IGZpcmluZyEgRWFzaWVzdCB3YXkgdG8gcmVwcm9kdWNlOiBlbmFibGUgXCJUcmFjZSBSZWFjdCB1cGRhdGVzXCJcbiAgICBpbiBSZWFjdCBEZXZUb29scyAoaXQgd29ya3MgYnkgb3ZlcmxheWluZyBhIHZpZXdwb3J0LXdpZGUgY2FudmFzIG92ZXIgdGhlIGRvY3VtZW50KS5cbiAgKi9cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZC5jYW52YXNgXG4gIGhlaWdodDogMTAwJTtcbiAgbGVmdDogMDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbmA7XG4iXX0=