fix: fix observe order (#563)

* chore: update packages versions * fix: fix observe order
naver · Feb 7, 2024 · e5bfcc4 · e5bfcc4
1 parent 559a288
commit e5bfcc4
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 15 deletions.
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -18,9 +18,9 @@
     "@docusaurus/preset-classic": "^2.0.0-alpha.73",
     "@docusaurus/theme-live-codeblock": "^2.0.0-alpha.73",
     "@egjs/flicking-plugins": "^4.2.1",
-    "@egjs/infinitegrid": "~4.10.1",
+    "@egjs/infinitegrid": "~4.11.0",
     "@egjs/react-flicking": "^4.2.1",
-    "@egjs/react-infinitegrid": "~4.10.1",
+    "@egjs/react-infinitegrid": "~4.11.0",
     "@mdx-js/react": "^1.6.21",
     "bulma": "^0.9.2",
     "clsx": "^1.1.1",

diff --git a/packages/infinitegrid/package.json b/packages/infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/infinitegrid",
-	"version": "4.10.1",
+	"version": "4.11.0",
 	"description": "A module used to arrange elements including content infinitely according to grid type. With this module, you can implement various grids composed of different card elements whose sizes vary. It guarantees performance by maintaining the number of DOMs the module is handling under any circumstance",
 	"module": "dist/infinitegrid.esm.js",
 	"main": "dist/infinitegrid.cjs.js",

diff --git a/packages/infinitegrid/src/InfiniteGrid.ts b/packages/infinitegrid/src/InfiniteGrid.ts
@@ -750,8 +750,8 @@ class InfiniteGrid<Options extends InfiniteGridOptions = InfiniteGridOptions> ex
 
     const containerManager = this.containerManager;
     if (this.options.observeChildren) {
-      containerManager.observeChildren(added.map((index) => list[index].element!));
       containerManager.unobserveChildren(removed.map((index) => prevList[index].element!));
+      containerManager.observeChildren(added.map((index) => list[index].element!));
     }
 
     const {

diff --git a/packages/ngx-infinitegrid/package.json b/packages/ngx-infinitegrid/package.json
@@ -20,7 +20,7 @@
     "@angular/platform-browser": "^15.0.4",
     "@angular/platform-browser-dynamic": "^15.0.4",
     "@angular/router": "^15.0.4",
-    "@egjs/infinitegrid": "~4.10.1",
+    "@egjs/infinitegrid": "~4.11.0",
     "rxjs": "~6.6.0",
     "tslib": "^2.0.0",
     "zone.js": "~0.11.4"

diff --git a/packages/ngx-infinitegrid/projects/ngx-infinitegrid/package.json b/packages/ngx-infinitegrid/projects/ngx-infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/ngx-infinitegrid",
-  "version": "4.10.1",
+  "version": "4.11.0",
   "description": "An Angular component that can arrange items infinitely according to the type of grids",
   "repository": {
     "type": "git",
@@ -18,6 +18,6 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@egjs/infinitegrid": "~4.10.1"
+    "@egjs/infinitegrid": "~4.11.0"
   }
 }
diff --git a/...nfinitegrid/projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts b/...nfinitegrid/projects/ngx-infinitegrid/src/lib/grids/ngx-masonry-infinitegrid.component.ts
@@ -22,4 +22,5 @@ export class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent
   @Input() align!: Required<MasonryInfiniteGridOptions>['align'];
   @Input() columnCalculationThreshold!: Required<MasonryInfiniteGridOptions>['columnCalculationThreshold'];
   @Input() maxStretchColumnSize!: Required<MasonryInfiniteGridOptions>['maxStretchColumnSize'];
+  @Input() contentAlign!: Required<MasonryInfiniteGridOptions>['contentAlign'];
 }
diff --git a/packages/react-infinitegrid/package.json b/packages/react-infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/react-infinitegrid",
-	"version": "4.10.1",
+	"version": "4.11.0",
 	"description": "A React component that can arrange items infinitely according to the type of grids",
 	"types": "declaration/index.d.ts",
 	"main": "dist/infinitegrid.cjs.js",
@@ -41,7 +41,7 @@
 		"layout"
 	],
 	"dependencies": {
-		"@egjs/infinitegrid": "~4.10.1"
+		"@egjs/infinitegrid": "~4.11.0"
 	},
 	"devDependencies": {
 		"@egjs/build-helper": "^0.1.2",

diff --git a/packages/svelte-infinitegrid/package.json b/packages/svelte-infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/svelte-infinitegrid",
-  "version": "4.10.2",
+  "version": "4.11.0",
   "description": "A Svelte component that can arrange items infinitely according to the type of grids",
   "sideEffects": false,
   "svelte": "src/index.js",
@@ -74,6 +74,6 @@
     "typescript": "^4.5.0 <4.6.0"
   },
   "dependencies": {
-    "@egjs/infinitegrid": "~4.10.1"
+    "@egjs/infinitegrid": "~4.11.0"
   }
 }
diff --git a/packages/vue-infinitegrid/package.json b/packages/vue-infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/vue-infinitegrid",
-  "version": "4.10.1",
+  "version": "4.11.0",
   "description": "A Vue component that can arrange items infinitely according to the type of grids",
   "sideEffects": false,
   "types": "declaration/index.d.ts",
@@ -48,7 +48,7 @@
     "layout"
   ],
   "dependencies": {
-    "@egjs/infinitegrid": "~4.10.1"
+    "@egjs/infinitegrid": "~4.11.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",

diff --git a/packages/vue3-infinitegrid/package.json b/packages/vue3-infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/vue3-infinitegrid",
-  "version": "4.10.1",
+  "version": "4.11.0",
   "description": "A Vue3 component that can arrange items infinitely according to the type of grids",
   "sideEffects": false,
   "types": "declaration/index.d.ts",
@@ -64,7 +64,7 @@
     "vue-loader": "^16.5.0"
   },
   "dependencies": {
-    "@egjs/infinitegrid": "~4.10.1",
+    "@egjs/infinitegrid": "~4.11.0",
     "cpx": "^1.5.0"
   }
 }