{"version":3,"sources":["webpack://multicontent-widget/./resources/js/src/components/SwiperSliderBanner.vue?37b9","webpack://multicontent-widget/resources/js/src/components/SwiperSliderBanner.vue","webpack://multicontent-widget/./resources/js/src/components/SwiperSliderBanner.vue?195e","webpack://multicontent-widget/./resources/js/src/components/SwiperSliderBanner.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","configSlides","slide","index","class","sliderOptions","animationStyle","customClassSlide","display","ratioClass","layoutDesktop","contentAlignmentDivided","layoutMobile","style","widthImage","lazyLoad","attrs","customImage","fallbackImagePath","alt","altText","title","nameText","role","scopedSlots","_u","key","fn","differentImageSize","customImageDesktop","length","media","srcset","_e","_v","customImageTablet","proxy","customClassContent","widthContent","linkSpreadStyle","domProps","innerHTML","_s","contentSlides","contentArea","addLink","linkInfo","classButton","href","url","rel","linkRel","target","linkTarget","linkTitle","icon","staticStyle","linkText","contentAlignment","appearanceSlider","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/multicontent-19.min.js","sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"swiper\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"swiper-wrapper\" },\n      _vm._l(_vm.configSlides, function (slide, index) {\n        return _c(\n          \"div\",\n          {\n            staticClass: \"swiper-slide\",\n            class: [\n              _vm.sliderOptions.animationStyle === \"fade\" ? \"fade-front\" : \"\",\n              slide.customClassSlide,\n            ],\n          },\n          [\n            _c(\n              \"div\",\n              {\n                class: [\n                  _vm.display === \"xs\" || _vm.display === \"sm\"\n                    ? \"\"\n                    : \"widget-proportional \" + _vm.ratioClass,\n                ],\n              },\n              [\n                slide.layoutDesktop === \"divided\"\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass: \"d-flex\",\n                        class: [\n                          _vm.display === \"xs\" || _vm.display === \"sm\"\n                            ? \"flex-column\"\n                            : \"w-100 h-100 position-absolute\",\n                        ],\n                      },\n                      [\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"background widget-image-box\",\n                            class: [\n                              _vm.contentAlignmentDivided(slide),\n                              slide.layoutMobile === \"up\" &&\n                              (_vm.display === \"xs\" || _vm.display === \"sm\")\n                                ? \"order-2\"\n                                : \"\",\n                              _vm.display === \"xs\" || _vm.display === \"sm\"\n                                ? \"widget-proportional \" + _vm.ratioClass\n                                : \"widget-retain-aspect-ratio\",\n                            ],\n                            style: [_vm.widthImage(slide)],\n                          },\n                          [\n                            slide.lazyLoad\n                              ? _c(\"lazy-img\", {\n                                  attrs: {\n                                    \"image-url\": slide.customImage,\n                                    \"fallback-url\": slide.fallbackImagePath,\n                                    \"picture-class\": \"img-cover\",\n                                    alt: slide.altText,\n                                    title: slide.nameText,\n                                    role: \"option\",\n                                  },\n                                  scopedSlots: _vm._u(\n                                    [\n                                      {\n                                        key: \"additionalimages\",\n                                        fn: function () {\n                                          return [\n                                            slide.differentImageSize &&\n                                            slide.customImageDesktop.length > 0\n                                              ? _c(\"source\", {\n                                                  attrs: {\n                                                    media: \"(min-width: 992px)\",\n                                                    srcset:\n                                                      slide.customImageDesktop,\n                                                  },\n                                                })\n                                              : _vm._e(),\n                                            _vm._v(\" \"),\n                                            slide.differentImageSize &&\n                                            slide.customImageTablet.length > 0\n                                              ? _c(\"source\", {\n                                                  attrs: {\n                                                    media: \"(min-width: 768px)\",\n                                                    srcset:\n                                                      slide.customImageTablet,\n                                                  },\n                                                })\n                                              : _vm._e(),\n                                          ]\n                                        },\n                                        proxy: true,\n                                      },\n                                    ],\n                                    null,\n                                    true\n                                  ),\n                                })\n                              : _c(\n                                  \"picture\",\n                                  {\n                                    class: [\n                                      _vm.display === \"xs\" ||\n                                      _vm.display === \"sm\"\n                                        ? \"img-cover\"\n                                        : \"mw-img-fit\",\n                                    ],\n                                  },\n                                  [\n                                    slide.differentImageSize &&\n                                    slide.customImageDesktop.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: {\n                                            media: \"(min-width: 992px)\",\n                                            srcset: slide.customImageDesktop,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    slide.differentImageSize &&\n                                    slide.customImageTablet.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: {\n                                            media: \"(min-width: 768px)\",\n                                            srcset: slide.customImageTablet,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    slide.customImage.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: { srcset: slide.customImage },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    slide.fallbackImagePath.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: {\n                                            srcset: slide.fallbackImagePath,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\"img\", {\n                                      staticClass: \"img-cover\",\n                                      attrs: {\n                                        alt: slide.altText,\n                                        title: slide.nameText,\n                                      },\n                                    }),\n                                  ]\n                                ),\n                          ],\n                          1\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"text-content d-flex flex-column \",\n                            class: slide.customClassContent,\n                            style: [\n                              _vm.widthContent(slide),\n                              _vm.linkSpreadStyle(slide),\n                            ],\n                          },\n                          [\n                            _c(\"span\", {\n                              domProps: {\n                                innerHTML: _vm._s(\n                                  _vm.contentSlides[index].contentArea\n                                ),\n                              },\n                            }),\n                            _vm._v(\" \"),\n                            slide.addLink\n                              ? _c(\n                                  \"a\",\n                                  {\n                                    class: _vm.linkInfo[index].classButton,\n                                    attrs: {\n                                      href: _vm.linkInfo[index].url,\n                                      rel: _vm.linkRel(index),\n                                      target: _vm.linkTarget(index),\n                                      title: _vm.linkInfo[index].linkTitle,\n                                    },\n                                  },\n                                  [\n                                    _vm.linkInfo[index].icon !== \"none\"\n                                      ? _c(\"i\", {\n                                          staticClass: \"fa ml-1\",\n                                          class: _vm.linkInfo[index].icon,\n                                          staticStyle: {\n                                            \"line-height\": \"inherit\",\n                                          },\n                                          attrs: { \"aria-hidden\": \"true\" },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\n                                      \"\\n                \" +\n                                        _vm._s(_vm.linkInfo[index].linkText) +\n                                        \"\\n              \"\n                                    ),\n                                  ]\n                                )\n                              : _vm._e(),\n                          ]\n                        ),\n                      ]\n                    )\n                  : _c(\n                      \"div\",\n                      {\n                        class: [\n                          _vm.display === \"xs\" || _vm.display === \"sm\"\n                            ? \"d-flex flex-column\"\n                            : \"\",\n                        ],\n                      },\n                      [\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"background widget-image-box\",\n                            class: [\n                              slide.layoutMobile === \"up\" &&\n                              (_vm.display === \"xs\" || _vm.display === \"sm\")\n                                ? \"order-2\"\n                                : \"\",\n                              _vm.display === \"xs\" || _vm.display === \"sm\"\n                                ? \"widget-proportional \" + _vm.ratioClass\n                                : \"\",\n                            ],\n                          },\n                          [\n                            slide.lazyLoad\n                              ? _c(\"lazy-img\", {\n                                  attrs: {\n                                    \"picture-class\": \"img-cover\",\n                                    \"image-url\": slide.customImage,\n                                    \"fallback-url\": slide.fallbackImagePath,\n                                    alt: slide.altText,\n                                    title: slide.nameText,\n                                    role: \"option\",\n                                  },\n                                  scopedSlots: _vm._u(\n                                    [\n                                      {\n                                        key: \"additionalimages\",\n                                        fn: function () {\n                                          return [\n                                            slide.differentImageSize &&\n                                            slide.customImageDesktop.length > 0\n                                              ? _c(\"source\", {\n                                                  attrs: {\n                                                    media: \"(min-width: 992px)\",\n                                                    srcset:\n                                                      slide.customImageDesktop,\n                                                  },\n                                                })\n                                              : _vm._e(),\n                                            _vm._v(\" \"),\n                                            slide.differentImageSize &&\n                                            slide.customImageTablet.length > 0\n                                              ? _c(\"source\", {\n                                                  attrs: {\n                                                    media: \"(min-width: 768px)\",\n                                                    srcset:\n                                                      slide.customImageTablet,\n                                                  },\n                                                })\n                                              : _vm._e(),\n                                          ]\n                                        },\n                                        proxy: true,\n                                      },\n                                    ],\n                                    null,\n                                    true\n                                  ),\n                                })\n                              : _c(\n                                  \"picture\",\n                                  {\n                                    class: [\n                                      _vm.display === \"xs\" ||\n                                      _vm.display === \"sm\"\n                                        ? \"img-cover\"\n                                        : \"mw-img-fit\",\n                                    ],\n                                  },\n                                  [\n                                    slide.differentImageSize &&\n                                    slide.customImageDesktop.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: {\n                                            media: \"(min-width: 992px)\",\n                                            srcset: slide.customImageDesktop,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    slide.differentImageSize &&\n                                    slide.customImageTablet.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: {\n                                            media: \"(min-width: 768px)\",\n                                            srcset: slide.customImageTablet,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    slide.customImage.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: { srcset: slide.customImage },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    slide.fallbackImagePath.length > 0\n                                      ? _c(\"source\", {\n                                          attrs: {\n                                            srcset: slide.fallbackImagePath,\n                                          },\n                                        })\n                                      : _vm._e(),\n                                    _vm._v(\" \"),\n                                    _c(\"img\", {\n                                      staticClass: \"img-cover\",\n                                      attrs: {\n                                        alt: slide.altText,\n                                        title: slide.nameText,\n                                      },\n                                    }),\n                                  ]\n                                ),\n                          ],\n                          1\n                        ),\n                        _vm._v(\" \"),\n                        slide.layoutDesktop === \"over-background\"\n                          ? _c(\n                              \"div\",\n                              {\n                                staticClass: \"text-content\",\n                                class: [\n                                  _vm.display === \"xs\" || _vm.display === \"sm\"\n                                    ? \"\"\n                                    : \"position-absolute w-100  h-100 d-flex\",\n                                ],\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"d-flex flex-column\",\n                                    class: [\n                                      slide.customClassContent,\n                                      _vm.contentAlignment(slide),\n                                    ],\n                                    style: [\n                                      _vm.linkSpreadStyle(slide),\n                                      _vm.widthContent(slide),\n                                    ],\n                                  },\n                                  [\n                                    _c(\"span\", {\n                                      domProps: {\n                                        innerHTML: _vm._s(\n                                          _vm.contentSlides[index].contentArea\n                                        ),\n                                      },\n                                    }),\n                                    _vm._v(\" \"),\n                                    slide.addLink\n                                      ? _c(\n                                          \"a\",\n                                          {\n                                            class:\n                                              _vm.linkInfo[index].classButton,\n                                            attrs: {\n                                              href: _vm.linkInfo[index].url,\n                                              rel: _vm.linkRel(index),\n                                              target: _vm.linkTarget(index),\n                                              title:\n                                                _vm.linkInfo[index].linkTitle,\n                                            },\n                                          },\n                                          [\n                                            _vm.linkInfo[index].icon !== \"none\"\n                                              ? _c(\"i\", {\n                                                  staticClass: \"fa ml-1\",\n                                                  class:\n                                                    _vm.linkInfo[index].icon,\n                                                  staticStyle: {\n                                                    \"line-height\": \"inherit\",\n                                                  },\n                                                  attrs: {\n                                                    \"aria-hidden\": \"true\",\n                                                  },\n                                                })\n                                              : _vm._e(),\n                                            _vm._v(\n                                              \"\\n                  \" +\n                                                _vm._s(\n                                                  _vm.linkInfo[index].linkText\n                                                ) +\n                                                \"\\n                \"\n                                            ),\n                                          ]\n                                        )\n                                      : _vm._e(),\n                                  ]\n                                ),\n                              ]\n                            )\n                          : _c(\"div\", [\n                              slide.addLink\n                                ? _c(\"a\", {\n                                    staticClass: \"stretched-link\",\n                                    attrs: {\n                                      href: _vm.linkInfo[index].url,\n                                      rel: _vm.linkRel(index),\n                                      target: _vm.linkTarget(index),\n                                      title: _vm.linkInfo[index].linkTitle,\n                                    },\n                                  })\n                                : _vm._e(),\n                            ]),\n                      ]\n                    ),\n              ]\n            ),\n          ]\n        )\n      }),\n      0\n    ),\n    _vm._v(\" \"),\n    _c(\"div\", {\n      staticClass: \"swiper-button-prev\",\n      style: _vm.appearanceSlider,\n    }),\n    _vm._v(\" \"),\n    _c(\"div\", {\n      staticClass: \"swiper-button-next\",\n      style: _vm.appearanceSlider,\n    }),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"swiper\">\n    <!-- Additional required wrapper -->\n    <div class=\"swiper-wrapper\">\n      <!-- Slides -->\n      <div v-for=\"(slide, index) in configSlides\" class=\"swiper-slide\" :class=\"[sliderOptions.animationStyle === 'fade' ? 'fade-front' : '',slide.customClassSlide]\">\n        <div :class=\"[ (display === 'xs' || display === 'sm') ? '' : `widget-proportional ${ratioClass}`]\" >\n          <div v-if=\"slide.layoutDesktop === 'divided'\" class=\"d-flex\" :class=\"[ (display === 'xs' || display === 'sm') ?  'flex-column' : 'w-100 h-100 position-absolute']\">\n            <div  :style=\"[widthImage(slide)]\" :class=\"[ contentAlignmentDivided(slide)  ,(slide.layoutMobile === 'up') && (display === 'xs' || display === 'sm') ? 'order-2' : '' , (display === 'xs' || display === 'sm') ?  `widget-proportional ${ratioClass}` : 'widget-retain-aspect-ratio']\" class=\"background widget-image-box\" >\n              <lazy-img v-if=\"slide.lazyLoad\"\n                  :image-url=\"slide.customImage\"\n                  :fallback-url=\"slide.fallbackImagePath\"\n                  picture-class=\"img-cover\"\n                  :alt=\"slide.altText\"\n                  :title=\"slide.nameText\"\n                  role=\"option\">\n                <template #additionalimages>\n                  <source v-if=\"slide.differentImageSize && slide.customImageDesktop.length > 0\" media=\"(min-width: 992px)\" :srcset=\"slide.customImageDesktop\">\n                  <source v-if=\"slide.differentImageSize && slide.customImageTablet.length > 0\" media=\"(min-width: 768px)\" :srcset=\"slide.customImageTablet\">\n                </template>\n              </lazy-img>\n              <picture v-else :class=\"[ (display === 'xs' || display === 'sm') ?  'img-cover' : 'mw-img-fit']\">\n                <source v-if=\"slide.differentImageSize && slide.customImageDesktop.length > 0\" media=\"(min-width: 992px)\" :srcset=\"slide.customImageDesktop\">\n                <source v-if=\"slide.differentImageSize && slide.customImageTablet.length > 0\" media=\"(min-width: 768px)\" :srcset=\"slide.customImageTablet\">\n                <source v-if=\"slide.customImage.length > 0\" :srcset=\"slide.customImage\">\n                <source v-if=\"slide.fallbackImagePath.length > 0\" :srcset=\"slide.fallbackImagePath\">\n                <img  :alt=\"slide.altText\" :title=\"slide.nameText\" class=\"img-cover\">\n              </picture>\n            </div>\n            <div :class=\"slide.customClassContent\" class=\"text-content d-flex flex-column \" :style=\"[widthContent(slide), linkSpreadStyle(slide)]\" >\n              <span v-html=\"contentSlides[index].contentArea\"></span>\n              <a v-if=\"slide.addLink\" :class=\"linkInfo[index].classButton\" :href=\"linkInfo[index].url\" :rel=\"linkRel(index)\"  :target=\"linkTarget(index)\" :title=\"linkInfo[index].linkTitle\">\n                <i v-if=\"linkInfo[index].icon !== 'none'\" class=\"fa ml-1\" :class=\"linkInfo[index].icon\"  aria-hidden=\"true\" style=\"line-height: inherit\"></i>\n                {{ linkInfo[index].linkText }}\n              </a>\n            </div>\n          </div>\n          <div v-else :class=\"[ (display === 'xs' || display === 'sm') ? 'd-flex flex-column' : '']\">\n            <div class=\"background widget-image-box\" :class=\"[ (slide.layoutMobile === 'up') && (display === 'xs' || display === 'sm')  ? 'order-2' : '' ,(display === 'xs' || display === 'sm') ?  `widget-proportional ${ratioClass}` : '']\">\n              <lazy-img v-if=\"slide.lazyLoad\"\n                        picture-class=\"img-cover\"\n                        :image-url=\"slide.customImage\"\n                        :fallback-url=\"slide.fallbackImagePath\"\n                        :alt=\"slide.altText\"\n                        :title=\"slide.nameText\"\n                        role=\"option\">\n                <template #additionalimages>\n                  <source v-if=\"slide.differentImageSize && slide.customImageDesktop.length > 0\" media=\"(min-width: 992px)\" :srcset=\"slide.customImageDesktop\">\n                  <source v-if=\"slide.differentImageSize && slide.customImageTablet.length > 0\" media=\"(min-width: 768px)\" :srcset=\"slide.customImageTablet\">\n                </template>\n              </lazy-img>\n              <picture v-else :class=\"[ (display === 'xs' || display === 'sm') ?  'img-cover' : 'mw-img-fit']\">\n                <source v-if=\"slide.differentImageSize && slide.customImageDesktop.length > 0\" media=\"(min-width: 992px)\" :srcset=\"slide.customImageDesktop\">\n                <source v-if=\"slide.differentImageSize && slide.customImageTablet.length > 0\" media=\"(min-width: 768px)\" :srcset=\"slide.customImageTablet\">\n                <source v-if=\"slide.customImage.length > 0\" :srcset=\"slide.customImage\">\n                <source v-if=\"slide.fallbackImagePath.length > 0\" :srcset=\"slide.fallbackImagePath\">\n                <img   :alt=\"slide.altText\" :title=\"slide.nameText\" class=\"img-cover\">\n              </picture>\n            </div>\n            <div v-if=\"slide.layoutDesktop === 'over-background'\" class=\"text-content\" :class=\"[ (display === 'xs' || display === 'sm') ? '' : 'position-absolute w-100  h-100 d-flex']\">\n              <div class=\"d-flex flex-column\" :class=\"[slide.customClassContent, contentAlignment(slide)]\" :style=\"[linkSpreadStyle(slide), widthContent(slide)]\">\n                <span v-html=\"contentSlides[index].contentArea\"></span>\n                <a v-if=\"slide.addLink\" :class=\"linkInfo[index].classButton\" :href=\"linkInfo[index].url\" :rel=\"linkRel(index)\"  :target=\"linkTarget(index)\" :title=\"linkInfo[index].linkTitle\">\n                  <i v-if=\"linkInfo[index].icon !== 'none'\" class=\"fa ml-1\" :class=\"linkInfo[index].icon\"  aria-hidden=\"true\" style=\"line-height: inherit\"></i>\n                  {{ linkInfo[index].linkText }}\n                </a>\n              </div>\n            </div>\n            <div v-else>\n              <a v-if=\"slide.addLink\" class=\"stretched-link\" :href=\"linkInfo[index].url\" :rel=\"linkRel(index)\"  :target=\"linkTarget(index)\" :title=\"linkInfo[index].linkTitle\"></a>\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n<!--    &lt;!&ndash; If we need pagination &ndash;&gt;-->\n<!--    <div class=\"swiper-pagination\"></div>-->\n\n    <!-- If we need navigation buttons -->\n    <div class=\"swiper-button-prev\" :style=\"appearanceSlider\"></div>\n    <div class=\"swiper-button-next\" :style=\"appearanceSlider\"></div>\n\n<!--    &lt;!&ndash; If we need scrollbar &ndash;&gt;-->\n<!--    <div class=\"swiper-scrollbar\"></div>-->\n  </div>\n</template>\n<script>\n\n// import Swiper bundle with all modules installed\nimport Swiper, { Navigation, EffectFade, Autoplay } from 'swiper';\n\n// import styles bundle\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport 'swiper/css/effect-fade';\n\n\nexport default {\n  props: {\n    configSlides: {type: Array},\n    contentSlides: {type: Array},\n    ratioClass: {type: String},\n    linkInfo: {type: Array},\n    appearance: {type: String},\n    sliderOptions: { type: Object}\n  },\n  data () {\n    return {\n      display: 'sm',\n    }\n  },\n  computed:{\n    imageStyles(){\n      if(this.display === 'xs' || this.display === 'sm'){\n        return {}\n      }else\n        return {\n          objectFit: 'cover',\n          width: '100%',\n          height: '100%'\n        }\n    },\n    appearanceSlider(){\n      return {\n        color: `var(--${this.appearance})`\n      }\n    }\n\n  },\n\n  mounted() {\n    this.onInit(window.innerWidth)\n    window.addEventListener('resize', this.onResize)\n    // init Swiper:\n    this.$nextTick(() => {\n\n      let options = {\n        // configure Swiper to use modules\n        modules: [Navigation, EffectFade, Autoplay],\n        autoHeight: true,\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev',\n        },\n      }\n\n      if(this.sliderOptions.animationStyle === 'fade'){\n        options = {\n          effect: 'fade',\n          fadeEffect: {\n            crossFade: true\n          },\n          ...options\n        }\n      }\n\n      if(this.sliderOptions.autoplay){\n        options = {\n          autoplay: {\n            delay: 3000,\n            disableOnInteraction: false,\n            pauseOnMouseEnter: true\n          },\n          ...options\n        }\n      }\n\n\n      const swiper = new Swiper('.swiper', options);\n    });\n\n\n  },\n  methods: {\n    linkRel(index){\n      if(this.linkInfo[index].linkRel !== 'none'){\n        return this.linkInfo[index].linkRel\n      }else{\n        return ''\n      }\n    },\n    linkTarget(index){\n      if(this.linkInfo[index].openInNewTab){\n        return '_blank'\n      }else{\n        return '_self'\n      }\n    },\n    linkSpreadStyle(slide){\n      if(slide.addLink && slide.urlSpread === 'overContent'){\n        return { transform: 'rotate(0)'}\n      }\n      return {}\n    },\n    contentAlignment(slide){\n      if(slide.contentAlignment === 'left'){\n        return ''\n      }else{\n        return 'ml-auto'\n      }\n    },\n    contentAlignmentDivided(slide){\n      if(slide.contentAlignment === 'left' && (this.display === 'md' || this.display === 'lg') ){\n        return 'order-2'\n      }else{\n        return ''\n      }\n    },\n    widthContent(slide){\n      if(this.display === 'md' ){\n        return {width: `${slide.contentWidthTablet}%`}\n      }else if(this.display === 'lg'){\n        return {width: `${slide.contentWidthDesktop}%`}\n      }\n    },\n    widthImage(slide){\n      if(this.display === 'md' ){\n        return {width: `${100-slide.contentWidthTablet}%`}\n      }else if(this.display === 'lg'){\n        return {width: `${100-slide.contentWidthDesktop}%`}\n      }\n    },\n    onResize () {\n      if (window.innerWidth > 992) {\n        this.display = 'lg'\n      } else if (window.innerWidth > 768) {\n        this.display = 'md'\n      } else if (window.innerWidth > 576) {\n        this.display = 'sm'\n      } else {\n        this.display = 'xs'\n      }\n    },\n    onInit (size) {\n      if (size > 992) {\n        this.display = 'lg'\n      } else if (size > 768) {\n        this.display = 'md'\n      } else if (window.innerWidth > 576) {\n        this.display = 'sm'\n      } else {\n        this.display = 'xs'\n      }\n    }\n  },\n  beforeDestroy () {\n    window.removeEventListener('resize', this.onResize)\n  }\n}\n\n\n\n</script>","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwiperSliderBanner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwiperSliderBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperSliderBanner.vue?vue&type=template&id=3da428c5&\"\nimport script from \"./SwiperSliderBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperSliderBanner.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/santiagoas/Documents/MultiContentWidget/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3da428c5')) {\n      api.createRecord('3da428c5', component.options)\n    } else {\n      api.reload('3da428c5', component.options)\n    }\n    module.hot.accept(\"./SwiperSliderBanner.vue?vue&type=template&id=3da428c5&\", function () {\n      api.rerender('3da428c5', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/SwiperSliderBanner.vue\"\nexport default component.exports"],"sourceRoot":""}