@@ -12,7 +12,8 @@

   ],

   "require":{

     "php": "^5.6 || ^7.0",

-    "contao/core-bundle": "^4.4"

+    "contao/core-bundle": "^4.4",

+    "menatwork/contao-multicolumnwizard-bundle": "^3.4"

   },

   "conflict": {

     "contao/core": "*",

@@ -25,7 +25,7 @@ $GLOBALS['TL_DCA']['tl_content']['config']['onsubmit_callback'][] = array('tl_co

 $GLOBALS['TL_DCA']['tl_content']['palettes']['__selector__'][] = 'eSM_addImage';

 $GLOBALS['TL_DCA']['tl_content']['palettes']['__selector__'][] = 'eSM_addText';

 $GLOBALS['TL_DCA']['tl_content']['palettes']['__selector__'][] = 'eSM_slider_addImageLink';

-$GLOBALS['TL_DCA']['tl_content']['palettes']['swiperSliderStart'] = '{type_legend},type;{swiper_legend},eSM_slider_autoPlaySpeed,eSM_slider_speed,eSM_slider_initialSlide,eSM_slider_preload,eSM_slider_slidesToShow,eSM_slider_slidesToScroll,eSM_slider_infinite,eSM_slider_arrows,eSM_slider_pagination,eSM_slider_stopOnInteraction,eSM_slider_fade,eSM_slider_adaptiveHeight;{image_legend},eSM_addImage;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space;{invisible_legend:hide},invisible,start,stop';

+$GLOBALS['TL_DCA']['tl_content']['palettes']['swiperSliderStart'] = '{type_legend},type;{swiper_legend},eSM_slider_autoPlaySpeed,eSM_slider_speed,eSM_slider_initialSlide,eSM_slider_preload,eSM_slider_slidesToShow,eSM_slider_slidesToScroll,eSM_slider_infinite,eSM_slider_arrows,eSM_slider_pagination,eSM_slider_stopOnInteraction,eSM_slider_fade,eSM_slider_adaptiveHeight;{breakpoint_legend:hide},eSM_slider_breakpoints;{image_legend},eSM_addImage;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space;{invisible_legend:hide},invisible,start,stop';

 $GLOBALS['TL_DCA']['tl_content']['palettes']['swiperSliderStop'] = '{type_legend},type;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests;{invisible_legend:hide},invisible,start,stop';

 $GLOBALS['TL_DCA']['tl_content']['palettes']['swiperSliderSlideStart'] = '{type_legend},type;{swiper_legend},eSM_addImage;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space;{invisible_legend:hide},invisible,start,stop';

 $GLOBALS['TL_DCA']['tl_content']['palettes']['swiperSliderSlideStop'] = '{type_legend},type;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests;{invisible_legend:hide},invisible,start,stop';

@@ -149,6 +149,38 @@ $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slider_adaptiveHeight'] = array

   'sql'                     => "char(1) NOT NULL default ''"

 );

+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slider_breakpoints'] = array

+(

+  'exclude'   => true,

+  'inputType' => 'multiColumnWizard',

+  'eval'      => array

+  (

+    'columnFields' => array

+    (

+      'breakpoint_width'      => [

+        'label'     => &$GLOBALS['TL_LANG']['tl_content']['eSM_slider_breakpoints_width'],

+        'exclude'   => true,

+        'inputType' => 'text',

+        'eval'      => array('rgxp'=>'natural','minval'=>1,'style' => 'width: 95%;'),

+      ],

+      'breakpoint_slidesToShow'      => [

+        'label'     => &$GLOBALS['TL_LANG']['tl_content']['eSM_slider_breakpoints_slidesToShow'],

+        'exclude'   => true,

+        'inputType' => 'text',

+        'eval'      => array('rgxp'=>'natural','minval'=>1,'style' => 'width: 95%;'),

+      ],

+      'breakpoint_slidesToScroll'      => [

+        'label'     => &$GLOBALS['TL_LANG']['tl_content']['eSM_slider_breakpoints_slidesToScroll'],

+        'exclude'   => true,

+        'inputType' => 'text',

+        'eval'      => array('rgxp'=>'natural','minval'=>1,'style' => 'width: 95%;'),

+      ],

+    ),

+  ),

+  'sql'       => 'blob NULL',

+);

+

+

 $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slider_text'] = array

 (

     'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_slider_text'],

@@ -51,6 +51,26 @@ class ContentSwiperSliderStart extends \ContentElement

 		// Slider configuration

 		$this->Template->config = $this->eSM_slider_autoPlaySpeed . ',' . $this->eSM_slider_speed . ',' . $this->eSM_slider_initialSlide . ',' . $this->eSM_slider_preload . ',' . $this->eSM_slider_infinite . ',' . $this->eSM_slider_arrows . ',' . $this->eSM_slider_pagination . ',' . $this->eSM_slider_stopOnInteraction . ',' . $this->eSM_slider_fade . ',' . $this->eSM_slider_slidesToShow . ',' . $this->eSM_slider_slidesToScroll . ',' . $this->eSM_slider_adaptiveHeight;

+		// Breakpoint config

+    $this->eSM_slider_breakpoints = \StringUtil::deserialize($this->eSM_slider_breakpoints);

+    if (is_array($this->eSM_slider_breakpoints))

+    {

+      $arrBreakpoints = array();

+

+      foreach ($this->eSM_slider_breakpoints as $breakpoint)

+      {

+        if (is_numeric($breakpoint['breakpoint_width']) && is_numeric($breakpoint['breakpoint_slidesToShow']) && is_numeric($breakpoint['breakpoint_slidesToScroll']))

+        {

+          $arrBreakpoints[$breakpoint['breakpoint_width']] = array('slidesPerView'=>$breakpoint['breakpoint_slidesToShow'],'slidesPerGroup'=>$breakpoint['breakpoint_slidesToScroll']);

+        }

+      }

+

+      if (count($arrBreakpoints))

+      {

+        $this->Template->breakpoints = json_encode($arrBreakpoints,JSON_NUMERIC_CHECK );

+      }

+    }

+

 		// Background image

     if ($this->eSM_addImage && $this->multiSRC)

     {

@@ -31,6 +31,6 @@

      <div class="swiper-pagination"></div>

     <?php endif; ?>

-    <div class="swiper-wrapper" data-config="<?= $this->config ?>">

+    <div class="swiper-wrapper" data-config="<?= $this->config ?>"<?php if ($this->breakpoints): ?> data-breakpoints='<?= $this->breakpoints ?>'<?php endif; ?>>

 <?php $this->endblock(); ?>

@@ -67,7 +67,7 @@ $GLOBALS['TL_CSS'][] = '/system/modules/eSM_swiper/assets/css/swiper-custom.css'

         if (parseInt(s[11]) == 1)

           c.autoHeight = true;

-        if (s[12] !== '')

+        if (s[12] !== undefined && s[12] !== '')

           c.slideClass = s[12];

       }

@@ -82,6 +82,7 @@ $GLOBALS['TL_CSS'][] = '/system/modules/eSM_swiper/assets/css/swiper-custom.css'

         }

       }

       new Swiper(e,c);

+      console.log(c);

     }

   })();

 </script>

\ No newline at end of file