feat(components): added "resizeObserver" boolean option/prop to enable ResizeObserver

Ref #4244

Author: nolimits4web

src/angular/src/swiper.component.ts

@@ -51,6 +51,7 @@ export class SwiperComponent implements OnInit {
   @Input() speed: SwiperOptions['speed'];
   @Input() cssMode: SwiperOptions['cssMode'];
   @Input() updateOnWindowResize: SwiperOptions['updateOnWindowResize'];
+  @Input() resizeObserver: SwiperOptions['resizeObserver'];
   @Input() nested: SwiperOptions['nested'];
   @Input() width: SwiperOptions['width'];
   @Input() height: SwiperOptions['height'];

src/angular/src/utils/params-list.ts

@@ -7,6 +7,7 @@ export const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

src/react/params-list.js

@@ -7,6 +7,7 @@ const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

src/svelte/params-list.js

@@ -7,6 +7,7 @@ const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

src/vue/params-list.js

@@ -7,6 +7,7 @@ const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

src/vue/swiper.js

@@ -27,6 +27,7 @@ const Swiper = {
     speed: { type: Number, default: undefined },
     cssMode: { type: Boolean, default: undefined },
     updateOnWindowResize: { type: Boolean, default: undefined },
+    resizeObserver: { type: Boolean, default: undefined },
     nested: { type: Boolean, default: undefined },
     width: { type: Number, default: undefined },
     height: { type: Number, default: undefined },