feat: injectStyles and injectStylesUrls params

nolimits4web · Jan 19, 2023 · 71b10b2 · 71b10b2
1 parent 4263ed1
commit 71b10b2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/components-shared/params-list.js b/src/components-shared/params-list.js
@@ -106,6 +106,7 @@ const paramsList = [
   'virtual',
   'zoom',
   'control',
-  'modulesStyles',
+  'injectStyles',
+  'injectStylesUrls',
 ];
 export { paramsList };
diff --git a/src/element/swiper-element.js b/src/element/swiper-element.js
@@ -52,12 +52,12 @@ class SwiperContainer extends ClassToExtend {
   cssStyles() {
     return [
       globalInjectStyles ? SwiperCSS : '', // eslint-disable-line
-      ...(this.modulesStyles && Array.isArray(this.modulesStyles) ? this.modulesStyles : []),
+      ...(this.injectStyles && Array.isArray(this.injectStyles) ? this.injectStyles : []),
     ].join('\n');
   }
 
   cssLinks() {
-    return this.modulesStylesUrls || [];
+    return this.injectStylesUrls || [];
   }
 
   render() {

diff --git a/src/types/swiper-options.d.ts b/src/types/swiper-options.d.ts
@@ -38,6 +38,16 @@ export interface SwiperOptions {
    * ```
    */
   modules?: SwiperModule[];
+  /**
+   * Inject text styles to the shadow DOM. Only for usage with Swiper Element
+   *
+   */
+  injectStyles?: string[];
+  /**
+   * Inject styles `<link>`s to the shadow DOM. Only for usage with Swiper Element
+   *
+   */
+  injectStylesUrls?: string[];
   /**
    * Whether Swiper should be initialised automatically when you create an instance.
    * If disabled, then you need to init it manually by calling `swiper.init()`