@revivejs/resize-observer 4.0.0 → 4.0.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.
- package/README.md +12 -12
- package/lib/DOMRectReadOnly.d.ts +1 -1
- package/lib/ResizeObserverCallback.d.ts +1 -1
- package/lib/utils/global.d.ts +1 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @revivejs/resize-observer
|
|
2
2
|
|
|
3
3
|
> A maintained ResizeObserver ponyfill for browser applications, with support for content-box, border-box, and device-pixel-content-box observations.
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/@revivejs/resize-observer)
|
|
6
|
+
[](https://www.npmjs.com/package/@revivejs/resize-observer)
|
|
7
|
+
[](https://www.npmjs.com/package/@revivejs/resize-observer)
|
|
8
|
+
[](https://github.com/alexandroit/resize-observer/blob/HEAD/LICENSE)
|
|
9
9
|
[](https://www.typescriptlang.org)
|
|
10
10
|
[](https://github.com/alexandroit/resize-observer/stargazers)
|
|
11
11
|
|
|
12
|
-
**[Documentation & Demo](https://alexandroit.github.io/resize-observer/)** | **[Repository](https://github.com/alexandroit/resize-observer)** | **[npm](https://www.npmjs.com/package/@
|
|
12
|
+
**[Documentation & Demo](https://alexandroit.github.io/resize-observer/)** | **[Repository](https://github.com/alexandroit/resize-observer)** | **[npm](https://www.npmjs.com/package/@revivejs/resize-observer)** | **[Changelog](https://github.com/alexandroit/resize-observer/blob/HEAD/CHANGELOG.md)**
|
|
13
13
|
|
|
14
14
|
---
|
|
15
15
|
|
|
16
16
|
> **Credits:** Original project by Juggle.
|
|
17
|
-
> Maintained and modernized by
|
|
17
|
+
> Maintained and modernized by Revivejs.
|
|
18
18
|
|
|
19
19
|
---
|
|
20
20
|
|
|
21
21
|
## Why this package?
|
|
22
22
|
|
|
23
|
-
`@
|
|
23
|
+
`@revivejs/resize-observer` preserves the proven upstream ResizeObserver polyfill while updating the package metadata, docs, demo pipeline, and repository automation for the current maintainer. It stays framework-agnostic, so Angular, React, Vue, Web Components, and plain browser apps can all use the same entry point.
|
|
24
24
|
|
|
25
25
|
---
|
|
26
26
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
| Package Version | Angular | React | Vue | TypeScript | Notes |
|
|
58
58
|
| :--- | :---: | :---: | :---: | :---: | :--- |
|
|
59
|
-
| 4.x | Any browser-based version | Any browser-based version | Any browser-based version |
|
|
59
|
+
| 4.x | Any browser-based version | Any browser-based version | Any browser-based version | 5.x+ | Maintained `@revivejs` fork |
|
|
60
60
|
| 3.x | Any browser-based version | Any browser-based version | Any browser-based version | 4.7 | Original upstream `@juggle` package line |
|
|
61
61
|
|
|
62
62
|
This library is not Angular-specific. If your framework runs in a browser and can import npm packages, it can use this ponyfill.
|
|
@@ -66,7 +66,7 @@ This library is not Angular-specific. If your framework runs in a browser and ca
|
|
|
66
66
|
## Installation
|
|
67
67
|
|
|
68
68
|
```bash
|
|
69
|
-
npm install @
|
|
69
|
+
npm install @revivejs/resize-observer
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
---
|
|
@@ -74,7 +74,7 @@ npm install @alexandroit/resize-observer
|
|
|
74
74
|
## Quick Start
|
|
75
75
|
|
|
76
76
|
```ts
|
|
77
|
-
import { ResizeObserver } from '@
|
|
77
|
+
import { ResizeObserver } from '@revivejs/resize-observer';
|
|
78
78
|
|
|
79
79
|
const ro = new ResizeObserver((entries) => {
|
|
80
80
|
for (const entry of entries) {
|
|
@@ -156,4 +156,4 @@ Apache-2.0
|
|
|
156
156
|
## Credits
|
|
157
157
|
|
|
158
158
|
- Original project: Juggle
|
|
159
|
-
- Maintained by:
|
|
159
|
+
- Maintained by: Revivejs
|
package/lib/DOMRectReadOnly.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ResizeObserver } from './ResizeObserver';
|
|
2
2
|
import { ResizeObserverEntry } from './ResizeObserverEntry';
|
|
3
|
-
|
|
3
|
+
type ResizeObserverCallback = (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;
|
|
4
4
|
export { ResizeObserverCallback };
|
package/lib/utils/global.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ResizeObserver } from '../ResizeObserver';
|
|
2
2
|
import { ResizeObserverEntry } from '../ResizeObserverEntry';
|
|
3
3
|
import { ResizeObserverSize } from '../ResizeObserverSize';
|
|
4
|
-
|
|
4
|
+
type IsomorphicWindow = Window & {
|
|
5
5
|
ResizeObserver?: typeof ResizeObserver;
|
|
6
6
|
ResizeObserverEntry?: typeof ResizeObserverEntry;
|
|
7
7
|
ResizeObserverSize?: typeof ResizeObserverSize;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@revivejs/resize-observer",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.2",
|
|
4
4
|
"description": "Polyfills the ResizeObserver API and supports box size options from the latest spec",
|
|
5
5
|
"main": "lib/exports/resize-observer.umd.js",
|
|
6
6
|
"module": "lib/exports/resize-observer.js",
|
|
@@ -71,18 +71,18 @@
|
|
|
71
71
|
"node": ">=18"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
|
-
"@types/jest": "^
|
|
74
|
+
"@types/jest": "^29.5.14",
|
|
75
75
|
"@typescript-eslint/eslint-plugin": "^5.33.1",
|
|
76
76
|
"@typescript-eslint/parser": "^5.33.1",
|
|
77
77
|
"esbuild": "^0.25.11",
|
|
78
78
|
"eslint": "^8.22.0",
|
|
79
|
-
"jest": "^
|
|
80
|
-
"jest-environment-jsdom": "^
|
|
79
|
+
"jest": "^29.7.0",
|
|
80
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
81
81
|
"jest-junit": "^14.0.0",
|
|
82
82
|
"jsdom": "^20.0.0",
|
|
83
83
|
"rollup": "^2.78.0",
|
|
84
84
|
"serve": "^14.2.5",
|
|
85
|
-
"ts-jest": "^
|
|
86
|
-
"typescript": "^
|
|
85
|
+
"ts-jest": "^29.4.9",
|
|
86
|
+
"typescript": "^5.9.3"
|
|
87
87
|
}
|
|
88
88
|
}
|