fix(element): fixed reference to nav arrows SVG

fixes #8115

Author: nolimits4web

src/components-shared/update-swiper.mjs

@@ -194,14 +194,14 @@ function updateSwiper({
       if (!nextEl || typeof nextEl === 'string') {
         nextEl = document.createElement('div');
         nextEl.classList.add('swiper-button-next');
-        setInnerHTML(nextEl, swiper.hostEl.constructor.nextButtonSvg);
+        setInnerHTML(nextEl, swiper.navigation.arrowSvg);
         nextEl.part.add('button-next');
         swiper.el.appendChild(nextEl);
       }
       if (!prevEl || typeof prevEl === 'string') {
         prevEl = document.createElement('div');
         prevEl.classList.add('swiper-button-prev');
-        setInnerHTML(prevEl, swiper.hostEl.constructor.prevButtonSvg);
+        setInnerHTML(prevEl, swiper.navigation.arrowSvg);
         prevEl.part.add('button-prev');
         swiper.el.appendChild(prevEl);
       }

src/modules/navigation/navigation.mjs

@@ -20,6 +20,7 @@ export default function Navigation({ swiper, extendParams, on, emit }) {
   swiper.navigation = {
     nextEl: null,
     prevEl: null,
+    arrowSvg,
   };
 
   function getEl(el) {

src/swiper-element.mjs

@@ -41,17 +41,6 @@ class SwiperContainer extends ClassToExtend {
     this.attachShadow({ mode: 'open' });
   }
 
-  static get nextButtonSvg() {
-    return arrowSvg;
-  }
-
-  static get prevButtonSvg() {
-    return arrowSvg.replace(
-      '/></svg>',
-      ' transform-origin="center" transform="rotate(180)"/></svg>',
-    );
-  }
-
   cssStyles() {
     return [
       SwiperCSS, // eslint-disable-line