Merge pull request #3342 from adumesny/master

fix responsive demos to update text live

Author: adumesny

angular/doc/api/index.md

@@ -1,4 +1,4 @@
-# GridStack Angular Library v13.1.1
+# GridStack Angular Library v13.1.2
 
 ## Modules
 

angular/projects/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridstack-angular",
-  "version": "13.1.1",
+  "version": "13.1.2",
   "peerDependencies": {
     "@angular/common": ">=14",
     "@angular/core": ">=14"

angular/projects/lib/src/lib/base-widget.ts

@@ -1,5 +1,5 @@
 /**
- * gridstack-item.component.ts 13.1.1
+ * gridstack-item.component.ts 13.1.2
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 

angular/projects/lib/src/lib/gridstack-item.component.ts

@@ -1,5 +1,5 @@
 /**
- * gridstack-item.component.ts 13.1.1
+ * gridstack-item.component.ts 13.1.2
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 

angular/projects/lib/src/lib/gridstack.component.ts

@@ -1,5 +1,5 @@
 /**
- * gridstack.component.ts 13.1.1
+ * gridstack.component.ts 13.1.2
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 

angular/projects/lib/src/lib/gridstack.module.ts

@@ -1,5 +1,5 @@
 /**
- * gridstack.component.ts 13.1.1
+ * gridstack.component.ts 13.1.2
  * Copyright (c) 2022-2024 Alain Dumesny - see GridStack root license
  */
 

angular/projects/lib/src/lib/types.ts

@@ -1,5 +1,5 @@
 /**
- * gridstack-item.component.ts 13.1.1
+ * gridstack-item.component.ts 13.1.2
  * Copyright (c) 2025 Alain Dumesny - see GridStack root license
  */
 

angular/yarn.lock

@@ -2774,7 +2774,7 @@ copy-webpack-plugin@11.0.0:
   dependencies:
     fast-glob "^3.2.11"
     glob-parent "^6.0.1"
-    globby "^13.1.1"
+    globby "^13.1.2"
     normalize-path "^3.0.0"
     schema-utils "^4.0.0"
     serialize-javascript "^6.0.0"
@@ -3849,7 +3849,7 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globby@^13.1.1:
+globby@^13.1.2:
   version "13.1.4"
   resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.4.tgz#2f91c116066bcec152465ba36e5caa4a13c01317"
   integrity sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==

demo/responsive.html

@@ -57,9 +57,12 @@ <h1>Responsive: by column size</h1>
         columnWidth: 100, // wanted width
       },
       children: items,
-      float: true })
-    .on('change', (ev, gsItems) => text.innerHTML = grid.getColumn());
-    text.innerHTML = grid.getColumn();
+      float: true });
+    function updateText() {
+      text.innerHTML = grid.getColumn();
+    }
+    grid.on('change resizecontent', updateText);
+    updateText();
   </script>
 </body>
 </html>

demo/responsive_break.html

@@ -57,9 +57,12 @@ <h1>Responsive: using breakpoint</h1>
         breakpoints: [{w:700, c:1},{w:850, c:3},{w:950, c:6},{w:1100, c:8}]
       },
       children: items,
-      float: true })
-    .on('change', (ev, gsItems) => text.innerHTML = grid.getColumn());
-    text.innerHTML = grid.getColumn();
+      float: true });
+    function updateText() {
+      text.innerHTML = grid.getColumn();
+    }
+    grid.on('change resizecontent', updateText);
+    updateText();
   </script>
 </body>
 </html>