Binary files a/assets/css/.sass-cache/8993f705b9ef5296eeb93dfb49a731bcaf58ac05/swiper-custom.scssc and b/assets/css/.sass-cache/8993f705b9ef5296eeb93dfb49a731bcaf58ac05/swiper-custom.scssc differ

@@ -1,6 +1,14 @@

+.swiper-holder {

+  position: relative; }

+

 .swiper-container {

   overflow: hidden; }

+.swiper-button-prev ~ .swiper-container,

+.swiper-button-next ~ .swiper-container {

+  margin-left: 50px;

+  margin-right: 50px; }

+

 .swiper-container,

 .swiper-slide {

   position: relative; }

@@ -1,6 +1,6 @@

 {

 "version": 3,

-"mappings": "AAAA,iBAAkB;EAChB,QAAQ,EAAE,MAAM;;AAElB;aACc;EACZ,QAAQ,EAAE,QAAQ;EAElB;;;mCACoB;IAClB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,MAAM;IAEhB;;;2CAAM;MACJ,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,GAAG;MACR,IAAI,EAAE,GAAG;MACT,iBAAiB,EAAE,iCAAiC;MACpD,SAAS,EAAE,iCAAiC;MAC5C,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,IAAI;MAChB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,QAAQ,EAAE,MAAM;EAIpB;8BAAe;IACb,QAAQ,EAAE,QAAQ;EAGpB;0BAAW;IACT,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;EAGX;;;;;;;iCAGkB;IAChB,OAAO,EAAE,CAAC",

+"mappings": "AAAA,cAAe;EACb,QAAQ,EAAE,QAAQ;;AAGpB,iBAAkB;EAChB,QAAQ,EAAE,MAAM;;AAKhB;uCAAoB;EAClB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;;AAItB;aACc;EACZ,QAAQ,EAAE,QAAQ;EAElB;;;mCACoB;IAClB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,MAAM;IAEhB;;;2CAAM;MACJ,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,GAAG;MACR,IAAI,EAAE,GAAG;MACT,iBAAiB,EAAE,iCAAiC;MACpD,SAAS,EAAE,iCAAiC;MAC5C,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,IAAI;MAChB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,QAAQ,EAAE,MAAM;EAIpB;8BAAe;IACb,QAAQ,EAAE,QAAQ;EAGpB;0BAAW;IACT,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;EAGX;;;;;;;iCAGkB;IAChB,OAAO,EAAE,CAAC",

 "sources": ["swiper-custom.scss"],

 "names": [],

 "file": "swiper-custom.css"

@@ -1,6 +1,19 @@

+.swiper-holder {

+  position: relative;

+}

+

 .swiper-container {

   overflow: hidden;

 }

+

+.swiper-button-prev,

+.swiper-button-next {

+  ~ .swiper-container {

+    margin-left: 50px;

+    margin-right: 50px;

+  }

+}

+

 .swiper-container,

 .swiper-slide {

   position: relative;

@@ -98,10 +98,15 @@ $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slider_infinite'] = array

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

 (

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

-  'exclude'                 => true,

-  'inputType'               => 'checkbox',

-  'eval'                    => array('tl_class'=>'w50 m12'),

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

+  'inputType'               => 'select',

+  'options'                 => array

+  (

+    'inside',

+    'outside',

+  ),

+  'reference'               => &$GLOBALS['TL_LANG']['tl_content']['REF']['eSM_slider_arrows'],

+  'eval'                    => array('tl_class' => 'w50','includeBlankOption'=>true),

+  'sql'                     => "varchar(16) NOT NULL default ''"

 );

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

@@ -63,6 +63,15 @@ $GLOBALS['TL_LANG']['tl_content']['swiper_legend'] = "Slick Slider Einstellungen

 $GLOBALS['TL_LANG']['tl_content']['breakpoint_legend'] = "Slick Slider Breakpoint-Einstellungen";

 /**

+ * References

+ */

+

+$GLOBALS['TL_LANG']['tl_content']['REF']['eSM_slider_arrows'] = [

+  'inside'     => 'Innerhalb',

+  'outside'    => 'Außerhalb',

+];

+

+/**

  * Misc

  */

@@ -63,6 +63,14 @@ $GLOBALS['TL_LANG']['tl_content']['swiper_legend'] = "Slick Slider settings";

 $GLOBALS['TL_LANG']['tl_content']['breakpoint_legend'] = "Slick Slider breakpoint settings";

 /**

+ * References

+ */

+

+$GLOBALS['TL_LANG']['tl_content']['REF']['eSM_slider_arrows'] = [

+  'inside'     => 'Inside',

+  'outside'    => 'Outside',

+];

+/**

  * Misc

  */

@@ -1,10 +1,16 @@

 <?php $this->block('content'); ?>

-<div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

+

+<div class="<?= $this->class ?> swiper-holder block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

   <?php if ($this->headline): ?>

   <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>

   <?php endif; ?>

+<?php if ($this->eSM_slider_arrows && $this->eSM_slider_arrows == 'outside'): ?>

+  <div class="swiper-button-next"></div>

+  <div class="swiper-button-prev"></div>

+<?php endif; ?>

+

   <div class="swiper-container slide-container_<?= $this->id ?>">

     <?php if ($this->eSM_addImage && ($this->src || count($this->videoFiles))): ?>

       <div class="swiper-background"<?php if ($this->src): ?>style="<?= $this->backgroundStyle ?>"<?php endif; ?>>

@@ -21,7 +27,7 @@

       <?php endif; ?>

     <?php endif; ?>

-    <?php if ($this->eSM_slider_arrows): ?>

+    <?php if ($this->eSM_slider_arrows && $this->eSM_slider_arrows != 'outside'): ?>

       <div class="swiper-button-next"></div>

       <div class="swiper-button-prev"></div>

     <?php endif; ?>

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

 <script>

   (function () {

-    var cte = document.querySelectorAll(".ce_swiperSliderStart");

+    var cte = document.querySelectorAll(".ce_swiperSliderStart,.swiper-holder");

     for (var i=0; i<cte.length; i++)

     {

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

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

           c.loop = true;

-        if (parseInt(s[5]) == 1)

+        if (parseInt(s[5]) != '')

           c.navigation = {

-            nextEl: '.swiper-button-next',

-            prevEl: '.swiper-button-prev',

+            nextEl: cte[i].querySelectorAll('.swiper-button-next')[0],

+            prevEl: cte[i].querySelectorAll('.swiper-button-prev')[0],

           };

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

@@ -82,7 +82,6 @@ $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