webapis-resize-observer.ts 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /**
  2. * @license
  3. * Copyright Google Inc. All Rights Reserved.
  4. *
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://angular.io/license
  7. */
  8. Zone.__load_patch('ResizeObserver', (global: any, Zone: any, api: _ZonePrivate) => {
  9. const ResizeObserver = global['ResizeObserver'];
  10. if (!ResizeObserver) {
  11. return;
  12. }
  13. const resizeObserverSymbol = api.symbol('ResizeObserver');
  14. api.patchMethod(global, 'ResizeObserver', (delegate: Function) => (self: any, args: any[]) => {
  15. const callback = args.length > 0 ? args[0] : null;
  16. if (callback) {
  17. args[0] = function(entries: any, observer: any) {
  18. const zones: {[zoneName: string]: any} = {};
  19. const currZone = Zone.current;
  20. for (let entry of entries) {
  21. let zone = entry.target[resizeObserverSymbol];
  22. if (!zone) {
  23. zone = currZone;
  24. }
  25. let zoneEntriesInfo = zones[zone.name];
  26. if (!zoneEntriesInfo) {
  27. zones[zone.name] = zoneEntriesInfo = {entries: [], zone: zone};
  28. }
  29. zoneEntriesInfo.entries.push(entry);
  30. }
  31. Object.keys(zones).forEach(zoneName => {
  32. const zoneEntriesInfo = zones[zoneName];
  33. if (zoneEntriesInfo.zone !== Zone.current) {
  34. zoneEntriesInfo.zone.run(
  35. callback, this, [zoneEntriesInfo.entries, observer], 'ResizeObserver');
  36. } else {
  37. callback.call(this, zoneEntriesInfo.entries, observer);
  38. }
  39. });
  40. };
  41. }
  42. return args.length > 0 ? new ResizeObserver(args[0]) : new ResizeObserver();
  43. });
  44. api.patchMethod(
  45. ResizeObserver.prototype, 'observe', (delegate: Function) => (self: any, args: any[]) => {
  46. const target = args.length > 0 ? args[0] : null;
  47. if (!target) {
  48. return delegate.apply(self, args);
  49. }
  50. let targets = self[resizeObserverSymbol];
  51. if (!targets) {
  52. targets = self[resizeObserverSymbol] = [];
  53. }
  54. targets.push(target);
  55. target[resizeObserverSymbol] = Zone.current;
  56. return delegate.apply(self, args);
  57. });
  58. api.patchMethod(
  59. ResizeObserver.prototype, 'unobserve', (delegate: Function) => (self: any, args: any[]) => {
  60. const target = args.length > 0 ? args[0] : null;
  61. if (!target) {
  62. return delegate.apply(self, args);
  63. }
  64. let targets = self[resizeObserverSymbol];
  65. if (targets) {
  66. for (let i = 0; i < targets.length; i++) {
  67. if (targets[i] === target) {
  68. targets.splice(i, 1);
  69. break;
  70. }
  71. }
  72. }
  73. target[resizeObserverSymbol] = undefined;
  74. return delegate.apply(self, args);
  75. });
  76. api.patchMethod(
  77. ResizeObserver.prototype, 'disconnect', (delegate: Function) => (self: any, args: any[]) => {
  78. const targets = self[resizeObserverSymbol];
  79. if (targets) {
  80. targets.forEach((target: any) => {
  81. target[resizeObserverSymbol] = undefined;
  82. });
  83. self[resizeObserverSymbol] = undefined;
  84. }
  85. return delegate.apply(self, args);
  86. });
  87. });