feat(components): added "resizeObserver" boolean option/prop to enabl…

…e ResizeObserver Ref #4244
nolimits4web · Feb 23, 2021 · f03ffbb · f03ffbb
1 parent 5f80052
commit f03ffbb
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 0 deletions.
diff --git a/src/angular/src/swiper.component.ts b/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'];

diff --git a/src/angular/src/utils/params-list.ts b/src/angular/src/utils/params-list.ts
@@ -7,6 +7,7 @@ export const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

diff --git a/src/react/params-list.js b/src/react/params-list.js
@@ -7,6 +7,7 @@ const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

diff --git a/src/svelte/params-list.js b/src/svelte/params-list.js
@@ -7,6 +7,7 @@ const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

diff --git a/src/vue/params-list.js b/src/vue/params-list.js
@@ -7,6 +7,7 @@ const paramsList = [
   '_speed',
   'cssMode',
   'updateOnWindowResize',
+  'resizeObserver',
   'nested',
   '_width',
   '_height',

diff --git a/src/vue/swiper.js b/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 },