@deck.gl/extensions 9.0.0-beta.1 → 9.0.0-beta.11

package/dist/es5/collision-filter/collision-filter-extension.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _core = require("@deck.gl/core");
-
-var _shaderModule = _interopRequireDefault(require("./shader-module"));
-
-var _collisionFilterEffect = _interopRequireDefault(require("./collision-filter-effect"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var defaultProps = {
-  getCollisionPriority: {
-    type: 'accessor',
-    value: 0
-  },
-  collisionEnabled: true,
-  collisionGroup: {
-    type: 'string',
-    value: 'default'
-  },
-  collisionTestProps: {}
-};
-
-var CollisionFilterExtension = function (_LayerExtension) {
-  (0, _inherits2.default)(CollisionFilterExtension, _LayerExtension);
-
-  var _super = _createSuper(CollisionFilterExtension);
-
-  function CollisionFilterExtension() {
-    (0, _classCallCheck2.default)(this, CollisionFilterExtension);
-    return _super.apply(this, arguments);
-  }
-
-  var _proto = CollisionFilterExtension.prototype;
-
-  _proto.getShaders = function getShaders() {
-    return {
-      modules: [_shaderModule.default]
-    };
-  };
-
-  _proto.draw = function draw(_ref) {
-    var uniforms = _ref.uniforms,
-        context = _ref.context,
-        moduleParameters = _ref.moduleParameters;
-    var collisionEnabled = this.props.collisionEnabled;
-    var collisionFBO = moduleParameters.collisionFBO,
-        drawToCollisionMap = moduleParameters.drawToCollisionMap;
-    var enabled = collisionEnabled && Boolean(collisionFBO);
-    uniforms.collision_enabled = enabled;
-
-    if (drawToCollisionMap) {
-      this.props = this.clone(this.props.collisionTestProps).props;
-    }
-  };
-
-  _proto.initializeState = function initializeState(context, extension) {
-    var _this$context$deck;
-
-    if (this.getAttributeManager() === null) {
-      return;
-    }
-
-    (_this$context$deck = this.context.deck) === null || _this$context$deck === void 0 ? void 0 : _this$context$deck._addDefaultEffect(new _collisionFilterEffect.default());
-    var attributeManager = this.getAttributeManager();
-    attributeManager.add({
-      collisionPriorities: {
-        size: 1,
-        accessor: 'getCollisionPriority',
-        shaderAttributes: {
-          collisionPriorities: {
-            divisor: 0
-          },
-          instanceCollisionPriorities: {
-            divisor: 1
-          }
-        }
-      }
-    });
-  };
-
-  _proto.getNeedsPickingBuffer = function getNeedsPickingBuffer() {
-    return this.props.collisionEnabled;
-  };
-
-  return CollisionFilterExtension;
-}(_core.LayerExtension);
-
-exports.default = CollisionFilterExtension;
-CollisionFilterExtension.defaultProps = defaultProps;
-CollisionFilterExtension.extensionName = 'CollisionFilterExtension';
-//# sourceMappingURL=collision-filter-extension.js.map

package/dist/es5/collision-filter/collision-filter-extension.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/collision-filter/collision-filter-extension.ts"],"names":["defaultProps","getCollisionPriority","type","value","collisionEnabled","collisionGroup","collisionTestProps","CollisionFilterExtension","getShaders","modules","collision","draw","uniforms","context","moduleParameters","props","collisionFBO","drawToCollisionMap","enabled","Boolean","collision_enabled","clone","initializeState","extension","getAttributeManager","deck","_addDefaultEffect","CollisionFilterEffect","attributeManager","add","collisionPriorities","size","accessor","shaderAttributes","divisor","instanceCollisionPriorities","getNeedsPickingBuffer","LayerExtension","extensionName"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,oBAAoB,EAAE;AAACC,IAAAA,IAAI,EAAE,UAAP;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GADH;AAEnBC,EAAAA,gBAAgB,EAAE,IAFC;AAGnBC,EAAAA,cAAc,EAAE;AAACH,IAAAA,IAAI,EAAE,QAAP;AAAiBC,IAAAA,KAAK,EAAE;AAAxB,GAHG;AAInBG,EAAAA,kBAAkB,EAAE;AAJD,CAArB;;IA+BqBC,wB;;;;;;;;;;;;SAInBC,U,GAAA,sBAA4D;AAC1D,WAAO;AAACC,MAAAA,OAAO,EAAE,CAACC,qBAAD;AAAV,KAAP;AACD,G;;SAGDC,I,GAAA,oBAA6F;AAAA,QAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,QAAjCC,OAAiC,QAAjCA,OAAiC;AAAA,QAAxBC,gBAAwB,QAAxBA,gBAAwB;AAC3F,QAAOV,gBAAP,GAA2B,KAAKW,KAAhC,CAAOX,gBAAP;AACA,QAAOY,YAAP,GAA2CF,gBAA3C,CAAOE,YAAP;AAAA,QAAqBC,kBAArB,GAA2CH,gBAA3C,CAAqBG,kBAArB;AACA,QAAMC,OAAO,GAAGd,gBAAgB,IAAIe,OAAO,CAACH,YAAD,CAA3C;AACAJ,IAAAA,QAAQ,CAACQ,iBAAT,GAA6BF,OAA7B;;AAEA,QAAID,kBAAJ,EAAwB;AAGtB,WAAKF,KAAL,GAAa,KAAKM,KAAL,CAAW,KAAKN,KAAL,CAAWT,kBAAtB,EAA0CS,KAAvD;AACD;AACF,G;;SAEDO,e,GAAA,yBAEET,OAFF,EAGEU,SAHF,EAIE;AAAA;;AACA,QAAI,KAAKC,mBAAL,OAA+B,IAAnC,EAAyC;AACvC;AACD;;AACD,+BAAKX,OAAL,CAAaY,IAAb,0EAAmBC,iBAAnB,CAAqC,IAAIC,8BAAJ,EAArC;AACA,QAAMC,gBAAgB,GAAG,KAAKJ,mBAAL,EAAzB;AACAI,IAAAA,gBAAgB,CAAEC,GAAlB,CAAsB;AACpBC,MAAAA,mBAAmB,EAAE;AACnBC,QAAAA,IAAI,EAAE,CADa;AAEnBC,QAAAA,QAAQ,EAAE,sBAFS;AAGnBC,QAAAA,gBAAgB,EAAE;AAChBH,UAAAA,mBAAmB,EAAE;AAACI,YAAAA,OAAO,EAAE;AAAV,WADL;AAEhBC,UAAAA,2BAA2B,EAAE;AAACD,YAAAA,OAAO,EAAE;AAAV;AAFb;AAHC;AADD,KAAtB;AAUD,G;;SAEDE,qB,GAAA,iCAA2E;AACzE,WAAO,KAAKrB,KAAL,CAAWX,gBAAlB;AACD,G;;;EA9CmDiC,oB;;;AAAjC9B,wB,CACZP,Y,GAAeA,Y;AADHO,wB,CAEZ+B,a,GAAgB,0B","sourcesContent":["import {Accessor, Layer, LayerContext, LayerExtension} from '@deck.gl/core';\nimport collision from './shader-module';\nimport CollisionFilterEffect from './collision-filter-effect';\n\nconst defaultProps = {\n  getCollisionPriority: {type: 'accessor', value: 0},\n  collisionEnabled: true,\n  collisionGroup: {type: 'string', value: 'default'},\n  collisionTestProps: {}\n};\n\nexport type CollisionFilterExtensionProps<DataT = any> = {\n  /**\n   * Accessor for collision priority. Must return a number in the range -1000 -> 1000. Features with higher values are shown preferentially.\n   */\n  getCollisionPriority?: Accessor<DataT, number>;\n\n  /**\n   * Enable/disable collisions. If collisions are disabled, all objects are rendered.\n   * @default true\n   */\n  collisionEnabled: boolean;\n\n  /**\n   * Collision group this layer belongs to. If it is not set, the 'default' collision group is used\n   */\n  collisionGroup?: string;\n\n  /**\n   * Props to override when rendering collision map\n   */\n  collisionTestProps?: {};\n};\n\n/** Allows layers to hide overlapping objects. */\nexport default class CollisionFilterExtension extends LayerExtension {\n  static defaultProps = defaultProps;\n  static extensionName = 'CollisionFilterExtension';\n\n  getShaders(this: Layer<CollisionFilterExtensionProps>): any {\n    return {modules: [collision]};\n  }\n\n  /* eslint-disable camelcase */\n  draw(this: Layer<CollisionFilterExtensionProps>, {uniforms, context, moduleParameters}: any) {\n    const {collisionEnabled} = this.props;\n    const {collisionFBO, drawToCollisionMap} = moduleParameters;\n    const enabled = collisionEnabled && Boolean(collisionFBO);\n    uniforms.collision_enabled = enabled;\n\n    if (drawToCollisionMap) {\n      // Override any props with those defined in collisionTestProps\n      // @ts-ignore\n      this.props = this.clone(this.props.collisionTestProps).props;\n    }\n  }\n\n  initializeState(\n    this: Layer<CollisionFilterExtensionProps>,\n    context: LayerContext,\n    extension: this\n  ) {\n    if (this.getAttributeManager() === null) {\n      return;\n    }\n    this.context.deck?._addDefaultEffect(new CollisionFilterEffect());\n    const attributeManager = this.getAttributeManager();\n    attributeManager!.add({\n      collisionPriorities: {\n        size: 1,\n        accessor: 'getCollisionPriority',\n        shaderAttributes: {\n          collisionPriorities: {divisor: 0},\n          instanceCollisionPriorities: {divisor: 1}\n        }\n      }\n    });\n  }\n\n  getNeedsPickingBuffer(this: Layer<CollisionFilterExtensionProps>): boolean {\n    return this.props.collisionEnabled;\n  }\n}\n"],"file":"collision-filter-extension.js"}

package/dist/es5/collision-filter/collision-filter-pass.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _webgl = require("@luma.gl/webgl");
-
-var _core = require("@deck.gl/core");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var CollisionFilterPass = function (_LayersPass) {
-  (0, _inherits2.default)(CollisionFilterPass, _LayersPass);
-
-  var _super = _createSuper(CollisionFilterPass);
-
-  function CollisionFilterPass() {
-    (0, _classCallCheck2.default)(this, CollisionFilterPass);
-    return _super.apply(this, arguments);
-  }
-
-  var _proto = CollisionFilterPass.prototype;
-
-  _proto.renderCollisionMap = function renderCollisionMap(target, options) {
-    var _this = this;
-
-    var padding = 1;
-    var clearColor = [0, 0, 0, 0];
-    return (0, _webgl.withGLParameters)(this.device, {
-      scissorTest: true,
-      scissor: [padding, padding, target.width - 2 * padding, target.height - 2 * padding],
-      blend: false,
-      depthTest: true,
-      depthRange: [0, 1]
-    }, function () {
-      return _this.render(_objectSpread(_objectSpread({}, options), {}, {
-        clearColor: clearColor,
-        target: target,
-        pass: 'collision'
-      }));
-    });
-  };
-
-  _proto.getModuleParameters = function getModuleParameters() {
-    return {
-      drawToCollisionMap: true,
-      picking: {
-        isActive: 1,
-        isAttribute: false
-      },
-      lightSources: {}
-    };
-  };
-
-  return CollisionFilterPass;
-}(_core._LayersPass);
-
-exports.default = CollisionFilterPass;
-//# sourceMappingURL=collision-filter-pass.js.map

package/dist/es5/collision-filter/collision-filter-pass.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/collision-filter/collision-filter-pass.ts"],"names":["CollisionFilterPass","renderCollisionMap","target","options","padding","clearColor","device","scissorTest","scissor","width","height","blend","depthTest","depthRange","render","pass","getModuleParameters","drawToCollisionMap","picking","isActive","isAttribute","lightSources","LayersPass"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;;AACA;;;;;;;;;;IAIqBA,mB;;;;;;;;;;;;SACnBC,kB,GAAA,4BAAmBC,MAAnB,EAAwCC,OAAxC,EAAmF;AAAA;;AACjF,QAAMC,OAAO,GAAG,CAAhB;AACA,QAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAAnB;AAEA,WAAO,6BACL,KAAKC,MADA,EAEL;AACEC,MAAAA,WAAW,EAAE,IADf;AAEEC,MAAAA,OAAO,EAAE,CAACJ,OAAD,EAAUA,OAAV,EAAmBF,MAAM,CAACO,KAAP,GAAe,IAAIL,OAAtC,EAA+CF,MAAM,CAACQ,MAAP,GAAgB,IAAIN,OAAnE,CAFX;AAGEO,MAAAA,KAAK,EAAE,KAHT;AAIEC,MAAAA,SAAS,EAAE,IAJb;AAKEC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ;AALd,KAFK,EASL;AAAA,aAAM,KAAI,CAACC,MAAL,iCAAgBX,OAAhB;AAAyBE,QAAAA,UAAU,EAAVA,UAAzB;AAAqCH,QAAAA,MAAM,EAANA,MAArC;AAA6Ca,QAAAA,IAAI,EAAE;AAAnD,SAAN;AAAA,KATK,CAAP;AAWD,G;;SAEDC,mB,GAAA,+BAAsB;AAEpB,WAAO;AACLC,MAAAA,kBAAkB,EAAE,IADf;AAELC,MAAAA,OAAO,EAAE;AACPC,QAAAA,QAAQ,EAAE,CADH;AAEPC,QAAAA,WAAW,EAAE;AAFN,OAFJ;AAMLC,MAAAA,YAAY,EAAE;AANT,KAAP;AAQD,G;;;EA5B8CC,iB","sourcesContent":["import {Framebuffer} from '@luma.gl/core';\nimport {withGLParameters} from '@luma.gl/webgl';\nimport {_LayersPass as LayersPass, LayersPassRenderOptions} from '@deck.gl/core';\n\ntype CollisionFilterPassRenderOptions = LayersPassRenderOptions & {};\n\nexport default class CollisionFilterPass extends LayersPass {\n  renderCollisionMap(target: Framebuffer, options: CollisionFilterPassRenderOptions) {\n    const padding = 1;\n    const clearColor = [0, 0, 0, 0];\n\n    return withGLParameters(\n      this.device,\n      {\n        scissorTest: true,\n        scissor: [padding, padding, target.width - 2 * padding, target.height - 2 * padding],\n        blend: false,\n        depthTest: true,\n        depthRange: [0, 1]\n      },\n      () => this.render({...options, clearColor, target, pass: 'collision'})\n    );\n  }\n\n  getModuleParameters() {\n    // Draw picking colors into collision FBO\n    return {\n      drawToCollisionMap: true,\n      picking: {\n        isActive: 1,\n        isAttribute: false\n      },\n      lightSources: {}\n    };\n  }\n}\n"],"file":"collision-filter-pass.js"}

package/dist/es5/collision-filter/shader-module.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _core = require("@deck.gl/core");
-
-var vs = "\n#ifdef NON_INSTANCED_MODEL\nin float collisionPriorities;\n#else\nin float instanceCollisionPriorities;\n#endif\n\nuniform sampler2D collision_texture;\nuniform bool collision_sort;\nuniform bool collision_enabled;\n\nvec2 collision_getCoords(vec4 position) {\n  vec4 collision_clipspace = project_common_position_to_clipspace(position);\n  return (1.0 + collision_clipspace.xy / collision_clipspace.w) / 2.0;\n}\n\nfloat collision_match(vec2 tex, vec3 pickingColor) {\n  vec4 collision_pickingColor = texture(collision_texture, tex);\n  float delta = dot(abs(collision_pickingColor.rgb - pickingColor), vec3(1.0));\n  float e = 0.001;\n  return step(delta, e);\n}\n\nfloat collision_isVisible(vec2 texCoords, vec3 pickingColor) {\n  if (!collision_enabled) {\n    return 1.0;\n  }\n\n  // Visibility test, sample area of 5x5 pixels in order to fade in/out.\n  // Due to the locality, the lookups will be cached\n  // This reduces the flicker present when objects are shown/hidden\n  const int N = 2;\n  float accumulator = 0.0;\n  vec2 step = vec2(1.0 / project_uViewportSize);\n\n  const float floatN = float(N);\n  vec2 delta = -floatN * step;\n  for(int i = -N; i <= N; i++) {\n    delta.x = -step.x * floatN;\n    for(int j = -N; j <= N; j++) {\n      accumulator += collision_match(texCoords + delta, pickingColor);\n      delta.x += step.x;\n    }\n    delta.y += step.y;\n  }\n\n  float W = 2.0 * floatN + 1.0;\n  return pow(accumulator / (W * W), 2.2);\n}\n";
-var inject = {
-  'vs:#decl': "\n  float collision_fade = 1.0;\n",
-  'vs:DECKGL_FILTER_GL_POSITION': "\n  if (collision_sort) {\n    #ifdef NON_INSTANCED_MODEL\n    float collisionPriority = collisionPriorities;\n    #else\n    float collisionPriority = instanceCollisionPriorities;\n    #endif\n    position.z = -0.001 * collisionPriority * position.w; // Support range -1000 -> 1000\n  }\n\n  if (collision_enabled) {\n    vec4 collision_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n    vec2 collision_texCoords = collision_getCoords(collision_common_position);\n    collision_fade = collision_isVisible(collision_texCoords, geometry.pickingColor / 255.0);\n    if (collision_fade < 0.0001) {\n      // Position outside clip space bounds to discard\n      position = vec4(0.0, 0.0, 2.0, 1.0);\n    }\n  }\n  ",
-  'vs:DECKGL_FILTER_COLOR': "\n  color.a *= collision_fade;\n  "
-};
-
-var getCollisionUniforms = function getCollisionUniforms(opts, uniforms) {
-  if (!opts || !('dummyCollisionMap' in opts)) {
-    return {};
-  }
-
-  var collisionFBO = opts.collisionFBO,
-      drawToCollisionMap = opts.drawToCollisionMap,
-      dummyCollisionMap = opts.dummyCollisionMap;
-  return {
-    collision_sort: Boolean(drawToCollisionMap),
-    collision_texture: !drawToCollisionMap && collisionFBO ? collisionFBO.colorAttachments[0] : dummyCollisionMap
-  };
-};
-
-var _default = {
-  name: 'collision',
-  dependencies: [_core.project],
-  vs: vs,
-  inject: inject,
-  getUniforms: getCollisionUniforms
-};
-exports.default = _default;
-//# sourceMappingURL=shader-module.js.map

package/dist/es5/collision-filter/shader-module.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/collision-filter/shader-module.ts"],"names":["vs","inject","getCollisionUniforms","opts","uniforms","collisionFBO","drawToCollisionMap","dummyCollisionMap","collision_sort","Boolean","collision_texture","colorAttachments","name","dependencies","project","getUniforms"],"mappings":";;;;;;;AAEA;;AAEA,IAAMA,EAAE,i8CAAR;AAmDA,IAAMC,MAAM,GAAG;AACb,iDADa;AAIb,mwBAJa;AAwBb;AAxBa,CAAf;;AAsCA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAC3BC,IAD2B,EAE3BC,QAF2B,EAGL;AACtB,MAAI,CAACD,IAAD,IAAS,EAAE,uBAAuBA,IAAzB,CAAb,EAA6C;AAC3C,WAAO,EAAP;AACD;;AACD,MAAOE,YAAP,GAA8DF,IAA9D,CAAOE,YAAP;AAAA,MAAqBC,kBAArB,GAA8DH,IAA9D,CAAqBG,kBAArB;AAAA,MAAyCC,iBAAzC,GAA8DJ,IAA9D,CAAyCI,iBAAzC;AACA,SAAO;AACLC,IAAAA,cAAc,EAAEC,OAAO,CAACH,kBAAD,CADlB;AAELI,IAAAA,iBAAiB,EACf,CAACJ,kBAAD,IAAuBD,YAAvB,GAAsCA,YAAY,CAACM,gBAAb,CAA8B,CAA9B,CAAtC,GAAyEJ;AAHtE,GAAP;AAKD,CAbD;;eAgBe;AACbK,EAAAA,IAAI,EAAE,WADO;AAEbC,EAAAA,YAAY,EAAE,CAACC,aAAD,CAFD;AAGbd,EAAAA,EAAE,EAAFA,EAHa;AAIbC,EAAAA,MAAM,EAANA,MAJa;AAKbc,EAAAA,WAAW,EAAEb;AALA,C","sourcesContent":["import {Framebuffer, Texture} from '@luma.gl/core';\nimport type {ShaderModule} from '@luma.gl/shadertools';\nimport {project} from '@deck.gl/core';\n\nconst vs = `\n#ifdef NON_INSTANCED_MODEL\nin float collisionPriorities;\n#else\nin float instanceCollisionPriorities;\n#endif\n\nuniform sampler2D collision_texture;\nuniform bool collision_sort;\nuniform bool collision_enabled;\n\nvec2 collision_getCoords(vec4 position) {\n  vec4 collision_clipspace = project_common_position_to_clipspace(position);\n  return (1.0 + collision_clipspace.xy / collision_clipspace.w) / 2.0;\n}\n\nfloat collision_match(vec2 tex, vec3 pickingColor) {\n  vec4 collision_pickingColor = texture(collision_texture, tex);\n  float delta = dot(abs(collision_pickingColor.rgb - pickingColor), vec3(1.0));\n  float e = 0.001;\n  return step(delta, e);\n}\n\nfloat collision_isVisible(vec2 texCoords, vec3 pickingColor) {\n  if (!collision_enabled) {\n    return 1.0;\n  }\n\n  // Visibility test, sample area of 5x5 pixels in order to fade in/out.\n  // Due to the locality, the lookups will be cached\n  // This reduces the flicker present when objects are shown/hidden\n  const int N = 2;\n  float accumulator = 0.0;\n  vec2 step = vec2(1.0 / project_uViewportSize);\n\n  const float floatN = float(N);\n  vec2 delta = -floatN * step;\n  for(int i = -N; i <= N; i++) {\n    delta.x = -step.x * floatN;\n    for(int j = -N; j <= N; j++) {\n      accumulator += collision_match(texCoords + delta, pickingColor);\n      delta.x += step.x;\n    }\n    delta.y += step.y;\n  }\n\n  float W = 2.0 * floatN + 1.0;\n  return pow(accumulator / (W * W), 2.2);\n}\n`;\n\nconst inject = {\n  'vs:#decl': `\n  float collision_fade = 1.0;\n`,\n  'vs:DECKGL_FILTER_GL_POSITION': `\n  if (collision_sort) {\n    #ifdef NON_INSTANCED_MODEL\n    float collisionPriority = collisionPriorities;\n    #else\n    float collisionPriority = instanceCollisionPriorities;\n    #endif\n    position.z = -0.001 * collisionPriority * position.w; // Support range -1000 -> 1000\n  }\n\n  if (collision_enabled) {\n    vec4 collision_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n    vec2 collision_texCoords = collision_getCoords(collision_common_position);\n    collision_fade = collision_isVisible(collision_texCoords, geometry.pickingColor / 255.0);\n    if (collision_fade < 0.0001) {\n      // Position outside clip space bounds to discard\n      position = vec4(0.0, 0.0, 2.0, 1.0);\n    }\n  }\n  `,\n  'vs:DECKGL_FILTER_COLOR': `\n  color.a *= collision_fade;\n  `\n};\n\ntype CollisionModuleSettings = {\n  collisionFBO?: Framebuffer;\n  drawToCollisionMap?: boolean;\n  dummyCollisionMap?: Texture;\n};\n\n/* eslint-disable camelcase */\ntype CollisionUniforms = {collision_sort?: boolean; collision_texture?: Texture};\n\nconst getCollisionUniforms = (\n  opts: CollisionModuleSettings | {},\n  uniforms: Record<string, any>\n): CollisionUniforms => {\n  if (!opts || !('dummyCollisionMap' in opts)) {\n    return {};\n  }\n  const {collisionFBO, drawToCollisionMap, dummyCollisionMap} = opts;\n  return {\n    collision_sort: Boolean(drawToCollisionMap),\n    collision_texture:\n      !drawToCollisionMap && collisionFBO ? collisionFBO.colorAttachments[0] : dummyCollisionMap\n  };\n};\n\n// @ts-expect-error\nexport default {\n  name: 'collision',\n  dependencies: [project],\n  vs,\n  inject,\n  getUniforms: getCollisionUniforms\n} as ShaderModule<CollisionModuleSettings>;\n"],"file":"shader-module.js"}

package/dist/es5/data-filter/aggregator.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.supportsFloatTarget = supportsFloatTarget;
-exports.getFramebuffer = getFramebuffer;
-exports.getModel = getModel;
-exports.parameters = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _engine = require("@luma.gl/engine");
-
-var _constants = require("@luma.gl/constants");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var AGGREGATE_VS = "#version 300 es\n#define SHADER_NAME data-filter-vertex-shader\n\n#ifdef FLOAT_TARGET\n  in float filterIndices;\n  in float filterPrevIndices;\n#else\n  in vec2 filterIndices;\n  in vec2 filterPrevIndices;\n#endif\n\nout vec4 vColor;\nconst float component = 1.0 / 255.0;\n\nvoid main() {\n  #ifdef FLOAT_TARGET\n    dataFilter_value *= float(filterIndices != filterPrevIndices);\n    gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n    vColor = vec4(0.0, 0.0, 0.0, 1.0);\n  #else\n    // Float texture is not supported: pack result into 4 channels x 256 px x 64px\n    dataFilter_value *= float(filterIndices.x != filterPrevIndices.x);\n    float col = filterIndices.x;\n    float row = filterIndices.y * 4.0;\n    float channel = floor(row);\n    row = fract(row);\n    vColor = component * vec4(bvec4(channel == 0.0, channel == 1.0, channel == 2.0, channel == 3.0));\n    gl_Position = vec4(col * 2.0 - 1.0, row * 2.0 - 1.0, 0.0, 1.0);\n  #endif\n  gl_PointSize = 1.0;\n}\n";
-var AGGREGATE_FS = "#version 300 es\n#define SHADER_NAME data-filter-fragment-shader\nprecision highp float;\n\nin vec4 vColor;\n\nout vec4 fragColor;\n\nvoid main() {\n  if (dataFilter_value < 0.5) {\n    discard;\n  }\n  fragColor = vColor;\n}\n";
-
-function supportsFloatTarget(device) {
-  var gl = device.gl;
-  return Boolean(gl.getExtension('EXT_float_blend') && (gl.getExtension('EXT_color_buffer_float') || gl.getExtension('WEBGL_color_buffer_float')));
-}
-
-function getFramebuffer(device, useFloatTarget) {
-  if (useFloatTarget) {
-    return device.createFramebuffer({
-      width: 1,
-      height: 1,
-      colorAttachments: [device.createTexture({
-        format: device.info.type === 'webgl2' ? 'rgba32float' : 'rgba8unorm',
-        type: 5126,
-        mipmaps: false
-      })]
-    });
-  }
-
-  return device.createFramebuffer({
-    width: 256,
-    height: 64,
-    colorAttachments: [device.createTexture({
-      format: 'rgba8unorm',
-      type: 5126,
-      mipmaps: false
-    })]
-  });
-}
-
-function getModel(device, shaderOptions, useFloatTarget) {
-  shaderOptions.defines.NON_INSTANCED_MODEL = 1;
-
-  if (useFloatTarget) {
-    shaderOptions.defines.FLOAT_TARGET = 1;
-  }
-
-  return new _engine.Model(device, _objectSpread({
-    id: 'data-filter-aggregation-model',
-    vertexCount: 1,
-    isInstanced: false,
-    drawMode: 0,
-    vs: AGGREGATE_VS,
-    fs: AGGREGATE_FS
-  }, shaderOptions));
-}
-
-var parameters = {
-  blend: true,
-  blendFunc: [1, 1, 1, 1],
-  blendEquation: [32774, 32774],
-  depthTest: false
-};
-exports.parameters = parameters;
-//# sourceMappingURL=aggregator.js.map

package/dist/es5/data-filter/aggregator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/data-filter/aggregator.ts"],"names":["AGGREGATE_VS","AGGREGATE_FS","supportsFloatTarget","device","gl","Boolean","getExtension","getFramebuffer","useFloatTarget","createFramebuffer","width","height","colorAttachments","createTexture","format","info","type","mipmaps","getModel","shaderOptions","defines","NON_INSTANCED_MODEL","FLOAT_TARGET","Model","id","vertexCount","isInstanced","drawMode","vs","fs","parameters","blend","blendFunc","blendEquation","depthTest"],"mappings":";;;;;;;;;;;;;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,+8BAAlB;AAkCA,IAAMC,YAAY,wOAAlB;;AAiBO,SAASC,mBAAT,CAA6BC,MAA7B,EAAsD;AAE3D,MAAMC,EAAE,GAAGD,MAAM,CAACC,EAAlB;AAGA,SAAOC,OAAO,CACZD,EAAE,CAACE,YAAH,CAAgB,iBAAhB,MAEGF,EAAE,CAACE,YAAH,CAAgB,wBAAhB,KAECF,EAAE,CAACE,YAAH,CAAgB,0BAAhB,CAJJ,CADY,CAAd;AAOD;;AAGM,SAASC,cAAT,CAAwBJ,MAAxB,EAAwCK,cAAxC,EAA8E;AACnF,MAAIA,cAAJ,EAAoB;AAClB,WAAOL,MAAM,CAACM,iBAAP,CAAyB;AAC9BC,MAAAA,KAAK,EAAE,CADuB;AAE9BC,MAAAA,MAAM,EAAE,CAFsB;AAG9BC,MAAAA,gBAAgB,EAAE,CAChBT,MAAM,CAACU,aAAP,CAAqB;AACnBC,QAAAA,MAAM,EAAEX,MAAM,CAACY,IAAP,CAAYC,IAAZ,KAAqB,QAArB,GAAgC,aAAhC,GAAgD,YADrC;AAEnBA,QAAAA,IAAI,MAFe;AAGnBC,QAAAA,OAAO,EAAE;AAHU,OAArB,CADgB;AAHY,KAAzB,CAAP;AAWD;;AACD,SAAOd,MAAM,CAACM,iBAAP,CAAyB;AAC9BC,IAAAA,KAAK,EAAE,GADuB;AAE9BC,IAAAA,MAAM,EAAE,EAFsB;AAG9BC,IAAAA,gBAAgB,EAAE,CAACT,MAAM,CAACU,aAAP,CAAqB;AAACC,MAAAA,MAAM,EAAE,YAAT;AAAuBE,MAAAA,IAAI,MAA3B;AAAuCC,MAAAA,OAAO,EAAE;AAAhD,KAArB,CAAD;AAHY,GAAzB,CAAP;AAKD;;AAGM,SAASC,QAAT,CAAkBf,MAAlB,EAAkCgB,aAAlC,EAAsDX,cAAtD,EAAsF;AAC3FW,EAAAA,aAAa,CAACC,OAAd,CAAsBC,mBAAtB,GAA4C,CAA5C;;AACA,MAAIb,cAAJ,EAAoB;AAClBW,IAAAA,aAAa,CAACC,OAAd,CAAsBE,YAAtB,GAAqC,CAArC;AACD;;AAED,SAAO,IAAIC,aAAJ,CAAUpB,MAAV;AACLqB,IAAAA,EAAE,EAAE,+BADC;AAELC,IAAAA,WAAW,EAAE,CAFR;AAGLC,IAAAA,WAAW,EAAE,KAHR;AAILC,IAAAA,QAAQ,GAJH;AAKLC,IAAAA,EAAE,EAAE5B,YALC;AAML6B,IAAAA,EAAE,EAAE5B;AANC,KAOFkB,aAPE,EAAP;AASD;;AAEM,IAAMW,UAAU,GAAG;AACxBC,EAAAA,KAAK,EAAE,IADiB;AAExBC,EAAAA,SAAS,EAAE,YAFa;AAGxBC,EAAAA,aAAa,EAAE,cAHS;AAIxBC,EAAAA,SAAS,EAAE;AAJa,CAAnB","sourcesContent":["import {Device, Framebuffer} from '@luma.gl/core';\nimport {Model} from '@luma.gl/engine';\nimport {GL} from '@luma.gl/constants';\n\nconst AGGREGATE_VS = `\\\n#version 300 es\n#define SHADER_NAME data-filter-vertex-shader\n\n#ifdef FLOAT_TARGET\n  in float filterIndices;\n  in float filterPrevIndices;\n#else\n  in vec2 filterIndices;\n  in vec2 filterPrevIndices;\n#endif\n\nout vec4 vColor;\nconst float component = 1.0 / 255.0;\n\nvoid main() {\n  #ifdef FLOAT_TARGET\n    dataFilter_value *= float(filterIndices != filterPrevIndices);\n    gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n    vColor = vec4(0.0, 0.0, 0.0, 1.0);\n  #else\n    // Float texture is not supported: pack result into 4 channels x 256 px x 64px\n    dataFilter_value *= float(filterIndices.x != filterPrevIndices.x);\n    float col = filterIndices.x;\n    float row = filterIndices.y * 4.0;\n    float channel = floor(row);\n    row = fract(row);\n    vColor = component * vec4(bvec4(channel == 0.0, channel == 1.0, channel == 2.0, channel == 3.0));\n    gl_Position = vec4(col * 2.0 - 1.0, row * 2.0 - 1.0, 0.0, 1.0);\n  #endif\n  gl_PointSize = 1.0;\n}\n`;\n\nconst AGGREGATE_FS = `\\\n#version 300 es\n#define SHADER_NAME data-filter-fragment-shader\nprecision highp float;\n\nin vec4 vColor;\n\nout vec4 fragColor;\n\nvoid main() {\n  if (dataFilter_value < 0.5) {\n    discard;\n  }\n  fragColor = vColor;\n}\n`;\n\nexport function supportsFloatTarget(device: Device): boolean {\n  // @ts-expect-error\n  const gl = device.gl;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices#Support_for_float_textures_doesnt_mean_you_can_render_into_them!\n  return Boolean(\n    gl.getExtension('EXT_float_blend') &&\n      // WebGL 2\n      (gl.getExtension('EXT_color_buffer_float') ||\n        // WebGL 1\n        gl.getExtension('WEBGL_color_buffer_float'))\n  );\n}\n\n// A 1x1 framebuffer object that encodes the total count of filtered items\nexport function getFramebuffer(device: Device, useFloatTarget: boolean): Framebuffer {\n  if (useFloatTarget) {\n    return device.createFramebuffer({\n      width: 1,\n      height: 1,\n      colorAttachments: [\n        device.createTexture({\n          format: device.info.type === 'webgl2' ? 'rgba32float' : 'rgba8unorm',\n          type: GL.FLOAT,\n          mipmaps: false\n        })\n      ]\n    });\n  }\n  return device.createFramebuffer({\n    width: 256,\n    height: 64,\n    colorAttachments: [device.createTexture({format: 'rgba8unorm', type: GL.FLOAT, mipmaps: false})]\n  });\n}\n\n// Increments the counter based on dataFilter_value\nexport function getModel(device: Device, shaderOptions: any, useFloatTarget: boolean): Model {\n  shaderOptions.defines.NON_INSTANCED_MODEL = 1;\n  if (useFloatTarget) {\n    shaderOptions.defines.FLOAT_TARGET = 1;\n  }\n\n  return new Model(device, {\n    id: 'data-filter-aggregation-model',\n    vertexCount: 1,\n    isInstanced: false,\n    drawMode: GL.POINTS,\n    vs: AGGREGATE_VS,\n    fs: AGGREGATE_FS,\n    ...shaderOptions\n  });\n}\n\nexport const parameters = {\n  blend: true,\n  blendFunc: [GL.ONE, GL.ONE, GL.ONE, GL.ONE],\n  blendEquation: [GL.FUNC_ADD, GL.FUNC_ADD],\n  depthTest: false\n} as const;\n"],"file":"aggregator.js"}

package/dist/es5/data-filter/data-filter-extension.js

@@ -1,236 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _webgl = require("@luma.gl/webgl");
-
-var _constants = require("@luma.gl/constants");
-
-var _core = require("@deck.gl/core");
-
-var _shaderModule = require("./shader-module");
-
-var aggregator = _interopRequireWildcard(require("./aggregator"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var defaultProps = {
-  getFilterValue: {
-    type: 'accessor',
-    value: 0
-  },
-  onFilteredItemsChange: {
-    type: 'function',
-    value: null,
-    optional: true
-  },
-  filterEnabled: true,
-  filterRange: [-1, 1],
-  filterSoftRange: null,
-  filterTransformSize: true,
-  filterTransformColor: true
-};
-var DATA_TYPE_FROM_SIZE = {
-  1: 'float',
-  2: 'vec2',
-  3: 'vec3',
-  4: 'vec4'
-};
-
-var DataFilterExtension = function (_LayerExtension) {
-  (0, _inherits2.default)(DataFilterExtension, _LayerExtension);
-
-  var _super = _createSuper(DataFilterExtension);
-
-  function DataFilterExtension() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref$filterSize = _ref.filterSize,
-        filterSize = _ref$filterSize === void 0 ? 1 : _ref$filterSize,
-        _ref$fp = _ref.fp64,
-        fp64 = _ref$fp === void 0 ? false : _ref$fp,
-        _ref$countItems = _ref.countItems,
-        countItems = _ref$countItems === void 0 ? false : _ref$countItems;
-
-    (0, _classCallCheck2.default)(this, DataFilterExtension);
-
-    if (!DATA_TYPE_FROM_SIZE[filterSize]) {
-      throw new Error('filterSize out of range');
-    }
-
-    return _super.call(this, {
-      filterSize: filterSize,
-      fp64: fp64,
-      countItems: countItems
-    });
-  }
-
-  var _proto = DataFilterExtension.prototype;
-
-  _proto.getShaders = function getShaders(extension) {
-    var _extension$opts = extension.opts,
-        filterSize = _extension$opts.filterSize,
-        fp64 = _extension$opts.fp64;
-    return {
-      modules: [fp64 ? _shaderModule.shaderModule64 : _shaderModule.shaderModule],
-      defines: {
-        DATAFILTER_TYPE: DATA_TYPE_FROM_SIZE[filterSize],
-        DATAFILTER_DOUBLE: Boolean(fp64)
-      }
-    };
-  };
-
-  _proto.initializeState = function initializeState(context, extension) {
-    var attributeManager = this.getAttributeManager();
-
-    if (attributeManager) {
-      attributeManager.add({
-        filterValues: {
-          size: extension.opts.filterSize,
-          type: extension.opts.fp64 ? 5130 : 5126,
-          accessor: 'getFilterValue',
-          shaderAttributes: {
-            filterValues: {
-              divisor: 0
-            },
-            instanceFilterValues: {
-              divisor: 1
-            }
-          }
-        }
-      });
-    }
-
-    var device = this.context.device;
-
-    if (attributeManager && extension.opts.countItems) {
-      var useFloatTarget = aggregator.supportsFloatTarget(device);
-      attributeManager.add({
-        filterIndices: {
-          size: useFloatTarget ? 1 : 2,
-          vertexOffset: 1,
-          type: 5121,
-          normalized: true,
-          accessor: function accessor(object, _ref2) {
-            var index = _ref2.index;
-            var i = object && object.__source ? object.__source.index : index;
-            return useFloatTarget ? (i + 1) % 255 : [(i + 1) % 255, Math.floor(i / 255) % 255];
-          },
-          shaderAttributes: {
-            filterPrevIndices: {
-              vertexOffset: 0
-            },
-            filterIndices: {
-              vertexOffset: 1
-            }
-          }
-        }
-      });
-      var filterFBO = aggregator.getFramebuffer(device, useFloatTarget);
-      var filterModel = aggregator.getModel(device, extension.getShaders.call(this, extension), useFloatTarget);
-      this.setState({
-        filterFBO: filterFBO,
-        filterModel: filterModel
-      });
-    }
-  };
-
-  _proto.updateState = function updateState(_ref3) {
-    var props = _ref3.props,
-        oldProps = _ref3.oldProps;
-
-    if (this.state.filterModel) {
-      var attributeManager = this.getAttributeManager();
-      var filterNeedsUpdate = attributeManager.attributes.filterValues.needsUpdate() || props.filterEnabled !== oldProps.filterEnabled || props.filterRange !== oldProps.filterRange || props.filterSoftRange !== oldProps.filterSoftRange;
-
-      if (filterNeedsUpdate) {
-        this.setState({
-          filterNeedsUpdate: filterNeedsUpdate
-        });
-      }
-    }
-  };
-
-  _proto.draw = function draw(params, extension) {
-    var _this = this;
-
-    var filterFBO = this.state.filterFBO;
-    var filterModel = this.state.filterModel;
-    var filterNeedsUpdate = this.state.filterNeedsUpdate;
-    var onFilteredItemsChange = this.props.onFilteredItemsChange;
-
-    if (filterNeedsUpdate && onFilteredItemsChange && filterModel) {
-      var _ref4 = this.getAttributeManager(),
-          _ref4$attributes = _ref4.attributes,
-          filterValues = _ref4$attributes.filterValues,
-          filterIndices = _ref4$attributes.filterIndices;
-
-      filterModel.setVertexCount(this.getNumInstances());
-      (0, _webgl.clear)(this.context.device, {
-        framebuffer: filterFBO,
-        color: [0, 0, 0, 0]
-      });
-      filterModel.updateModuleSettings(params.moduleParameters);
-      filterModel.setAttributes(_objectSpread(_objectSpread({}, filterValues.getValue()), filterIndices === null || filterIndices === void 0 ? void 0 : filterIndices.getValue()));
-      (0, _webgl.withGLParameters)(filterModel.device, _objectSpread(_objectSpread({
-        framebuffer: filterFBO
-      }, aggregator.parameters), {}, {
-        viewport: [0, 0, filterFBO.width, filterFBO.height]
-      }), function () {
-        filterModel.draw(_this.context.renderPass);
-      });
-      var color = (0, _webgl.readPixelsToArray)(filterFBO);
-      var count = 0;
-
-      for (var i = 0; i < color.length; i++) {
-        count += color[i];
-      }
-
-      onFilteredItemsChange({
-        id: this.id,
-        count: count
-      });
-      this.state.filterNeedsUpdate = false;
-    }
-  };
-
-  _proto.finalizeState = function finalizeState() {
-    var filterFBO = this.state.filterFBO;
-    var filterModel = this.state.filterModel;
-    filterFBO === null || filterFBO === void 0 ? void 0 : filterFBO.destroy();
-    filterModel === null || filterModel === void 0 ? void 0 : filterModel.destroy();
-  };
-
-  return DataFilterExtension;
-}(_core.LayerExtension);
-
-exports.default = DataFilterExtension;
-DataFilterExtension.defaultProps = defaultProps;
-DataFilterExtension.extensionName = 'DataFilterExtension';
-//# sourceMappingURL=data-filter-extension.js.map

package/dist/es5/data-filter/data-filter-extension.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/data-filter/data-filter-extension.ts"],"names":["defaultProps","getFilterValue","type","value","onFilteredItemsChange","optional","filterEnabled","filterRange","filterSoftRange","filterTransformSize","filterTransformColor","DATA_TYPE_FROM_SIZE","DataFilterExtension","filterSize","fp64","countItems","Error","getShaders","extension","opts","modules","shaderModule64","shaderModule","defines","DATAFILTER_TYPE","DATAFILTER_DOUBLE","Boolean","initializeState","context","attributeManager","getAttributeManager","add","filterValues","size","accessor","shaderAttributes","divisor","instanceFilterValues","device","useFloatTarget","aggregator","supportsFloatTarget","filterIndices","vertexOffset","normalized","object","index","i","__source","Math","floor","filterPrevIndices","filterFBO","getFramebuffer","filterModel","getModel","call","setState","updateState","props","oldProps","state","filterNeedsUpdate","attributes","needsUpdate","draw","params","setVertexCount","getNumInstances","framebuffer","color","updateModuleSettings","moduleParameters","setAttributes","getValue","parameters","viewport","width","height","renderPass","count","length","id","finalizeState","destroy","LayerExtension","extensionName"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {readPixelsToArray, clear, withGLParameters} from '@luma.gl/webgl';\nimport {GL} from '@luma.gl/constants';\nimport type {Framebuffer} from '@luma.gl/core';\nimport type {Model} from '@luma.gl/engine';\nimport type {Layer, LayerContext, Accessor, UpdateParameters} from '@deck.gl/core';\nimport {LayerExtension} from '@deck.gl/core';\nimport {shaderModule, shaderModule64} from './shader-module';\nimport * as aggregator from './aggregator';\n\nconst defaultProps = {\n  getFilterValue: {type: 'accessor', value: 0},\n  onFilteredItemsChange: {type: 'function', value: null, optional: true},\n\n  filterEnabled: true,\n  filterRange: [-1, 1],\n  filterSoftRange: null,\n  filterTransformSize: true,\n  filterTransformColor: true\n};\n\nexport type DataFilterExtensionProps<DataT = any> = {\n  /**\n   * Accessor to retrieve the value for each object that it will be filtered by.\n   * Returns either a number (if `filterSize: 1`) or an array of numbers.\n   */\n  getFilterValue?: Accessor<DataT, number | number[]>;\n  /**\n   * Enable/disable the data filter. If the data filter is disabled, all objects are rendered.\n   * @default true\n   */\n  filterEnabled?: boolean;\n  /**\n   * The [min, max] bounds which defines whether an object should be rendered.\n   * If an object's filtered value is within the bounds, the object will be rendered; otherwise it will be hidden.\n   * @default [-1, 1]\n   */\n  filterRange?: [number, number] | [number, number][];\n  /**\n   * If specified, objects will be faded in/out instead of abruptly shown/hidden.\n   * When the filtered value is outside of the bounds defined by `filterSoftRange` but still within the bounds defined by `filterRange`, the object will be rendered as \"faded.\"\n   * @default null\n   */\n  filterSoftRange?: [number, number] | [number, number][] | null;\n  /**\n   * When an object is \"faded\", manipulate its size so that it appears smaller or thinner. Only works if `filterSoftRange` is specified.\n   * @default true\n   */\n  filterTransformSize?: boolean;\n  /**\n   * When an object is \"faded\", manipulate its opacity so that it appears more translucent. Only works if `filterSoftRange` is specified.\n   * @default true\n   */\n  filterTransformColor?: boolean;\n  /**\n   * Only called if the `countItems` option is enabled.\n   */\n  onFilteredItemsChange?: (evt: {\n    /** The id of the source layer. */\n    id: string;\n    /** The number of data objects that pass the filter. */\n    count: number;\n  }) => void;\n};\n\ntype DataFilterExtensionOptions = {\n  /**\n   * The size of the filter (number of columns to filter by). The data filter can show/hide data based on 1-4 numeric properties of each object.\n   * @default 1\n   */\n  filterSize: number;\n  /**\n   * Use 64-bit precision instead of 32-bit.\n   * @default false\n   */\n  fp64: boolean;\n  /**\n   * If `true`, reports the number of filtered objects with the `onFilteredItemsChange` callback.\n   * @default `false`.\n   */\n  countItems: boolean;\n};\n\nconst DATA_TYPE_FROM_SIZE = {\n  1: 'float',\n  2: 'vec2',\n  3: 'vec3',\n  4: 'vec4'\n};\n\n/** Adds GPU-based data filtering functionalities to layers. It allows the layer to show/hide objects based on user-defined properties. */\nexport default class DataFilterExtension extends LayerExtension<DataFilterExtensionOptions> {\n  static defaultProps = defaultProps;\n  static extensionName = 'DataFilterExtension';\n\n  constructor({\n    filterSize = 1,\n    fp64 = false,\n    countItems = false\n  }: Partial<DataFilterExtensionOptions> = {}) {\n    if (!DATA_TYPE_FROM_SIZE[filterSize]) {\n      throw new Error('filterSize out of range');\n    }\n\n    super({filterSize, fp64, countItems});\n  }\n\n  getShaders(this: Layer<DataFilterExtensionProps>, extension: this): any {\n    const {filterSize, fp64} = extension.opts;\n\n    return {\n      modules: [fp64 ? shaderModule64 : shaderModule],\n      defines: {\n        DATAFILTER_TYPE: DATA_TYPE_FROM_SIZE[filterSize],\n        DATAFILTER_DOUBLE: Boolean(fp64)\n      }\n    };\n  }\n\n  initializeState(this: Layer<DataFilterExtensionProps>, context: LayerContext, extension: this) {\n    const attributeManager = this.getAttributeManager();\n    if (attributeManager) {\n      attributeManager.add({\n        filterValues: {\n          size: extension.opts.filterSize,\n          type: extension.opts.fp64 ? GL.DOUBLE : GL.FLOAT,\n          accessor: 'getFilterValue',\n          shaderAttributes: {\n            filterValues: {\n              divisor: 0\n            },\n            instanceFilterValues: {\n              divisor: 1\n            }\n          }\n        }\n      });\n    }\n\n    const {device} = this.context;\n    if (attributeManager && extension.opts.countItems) {\n      const useFloatTarget = aggregator.supportsFloatTarget(device);\n      // This attribute is needed for variable-width data, e.g. Path, SolidPolygon, Text\n      // The vertex shader checks if a vertex has the same \"index\" as the previous vertex\n      // so that we only write one count cross multiple vertices of the same object\n      attributeManager.add({\n        filterIndices: {\n          size: useFloatTarget ? 1 : 2,\n          vertexOffset: 1,\n          type: GL.UNSIGNED_BYTE,\n          normalized: true,\n          accessor: (object, {index}) => {\n            const i = object && object.__source ? object.__source.index : index;\n            return useFloatTarget ? (i + 1) % 255 : [(i + 1) % 255, Math.floor(i / 255) % 255];\n          },\n          shaderAttributes: {\n            filterPrevIndices: {\n              vertexOffset: 0\n            },\n            filterIndices: {\n              vertexOffset: 1\n            }\n          }\n        }\n      });\n\n      const filterFBO = aggregator.getFramebuffer(device, useFloatTarget);\n      const filterModel = aggregator.getModel(\n        device,\n        extension.getShaders.call(this, extension),\n        useFloatTarget\n      );\n      this.setState({filterFBO, filterModel});\n    }\n  }\n\n  updateState(\n    this: Layer<DataFilterExtensionProps>,\n    {props, oldProps}: UpdateParameters<Layer<DataFilterExtensionProps>>\n  ) {\n    if (this.state.filterModel) {\n      const attributeManager = this.getAttributeManager();\n      const filterNeedsUpdate =\n        // attributeManager must be defined for filterModel to be set\n        attributeManager!.attributes.filterValues.needsUpdate() ||\n        props.filterEnabled !== oldProps.filterEnabled ||\n        props.filterRange !== oldProps.filterRange ||\n        props.filterSoftRange !== oldProps.filterSoftRange;\n      if (filterNeedsUpdate) {\n        this.setState({filterNeedsUpdate});\n      }\n    }\n  }\n\n  draw(this: Layer<DataFilterExtensionProps>, params: any, extension: this) {\n    const filterFBO = this.state.filterFBO as Framebuffer;\n    const filterModel = this.state.filterModel as Model;\n    const filterNeedsUpdate = this.state.filterNeedsUpdate as boolean;\n\n    const {onFilteredItemsChange} = this.props;\n    if (filterNeedsUpdate && onFilteredItemsChange && filterModel) {\n      const {\n        attributes: {filterValues, filterIndices}\n      } = this.getAttributeManager()!;\n      filterModel.setVertexCount(this.getNumInstances());\n\n      clear(this.context.device, {framebuffer: filterFBO, color: [0, 0, 0, 0]});\n\n      filterModel.updateModuleSettings(params.moduleParameters);\n      // @ts-expect-error filterValue and filterIndices should always have buffer value\n      filterModel.setAttributes({\n        ...filterValues.getValue(),\n        ...filterIndices?.getValue()\n      });\n      withGLParameters(\n        filterModel.device,\n        {\n          framebuffer: filterFBO,\n          // ts-ignore 'readonly' cannot be assigned to the mutable type '[GLBlendEquation, GLBlendEquation]'\n          ...(aggregator.parameters as any),\n          viewport: [0, 0, filterFBO.width, filterFBO.height]\n        },\n        () => {\n          filterModel.draw(this.context.renderPass);\n        }\n      );\n      const color = readPixelsToArray(filterFBO);\n      let count = 0;\n      for (let i = 0; i < color.length; i++) {\n        count += color[i];\n      }\n      onFilteredItemsChange({id: this.id, count});\n\n      this.state.filterNeedsUpdate = false;\n    }\n  }\n\n  finalizeState(this: Layer<DataFilterExtensionProps>) {\n    const filterFBO = this.state.filterFBO as Framebuffer;\n    const filterModel = this.state.filterModel as Model;\n\n    // filterFBO.color.delete();\n    filterFBO?.destroy();\n    filterModel?.destroy();\n  }\n}\n"],"file":"data-filter-extension.js"}