chore: fix linting issues from 4th version updates

exadel-inc · Jul 15, 2024 · 2eef9a2 · 2eef9a2
1 parent a41d91f
commit 2eef9a2
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/site/src/esl-popup/esl-d-popup-game.less b/site/src/esl-popup/esl-d-popup-game.less
@@ -8,7 +8,8 @@ esl-d-popup-game {
   height: 95%;
   width: 100%;
 
-  &::before, &::after {
+  &::before,
+  &::after {
     position: absolute;
     font-size: calc(min(100vh, 300px) / 3);
     display: inline-block;

diff --git a/src/modules/esl-carousel/core/esl-carousel.ts b/src/modules/esl-carousel/core/esl-carousel.ts
@@ -65,22 +65,22 @@ export class ESLCarousel extends ESLBaseElement {
   /** Renderer type {@link ESLMediaRuleList} instance */
   @memoize()
   public get typeRule(): ESLMediaRuleList<string> {
-    return ESLMediaRuleList.parse(this.media, this.type);
+    return ESLMediaRuleList.parseTuple(this.media, this.type);
   }
   /** Loop marker {@link ESLMediaRuleList} instance */
   @memoize()
   public get loopRule(): ESLMediaRuleList<boolean> {
-    return ESLMediaRuleList.parse(this.media, this.loop, parseBoolean);
+    return ESLMediaRuleList.parseTuple(this.media, this.loop, parseBoolean);
   }
   /** Count of visible slides {@link ESLMediaRuleList} instance */
   @memoize()
   public get countRule(): ESLMediaRuleList<number> {
-    return ESLMediaRuleList.parse(this.media, this.count, parseInt);
+    return ESLMediaRuleList.parseTuple(this.media, this.count, parseInt);
   }
   /** Orientation of the carousel {@link ESLMediaRuleList} instance */
   @memoize()
   public get verticalRule(): ESLMediaRuleList<boolean> {
-    return ESLMediaRuleList.parse(this.media, this.vertical, parseBoolean);
+    return ESLMediaRuleList.parseTuple(this.media, this.vertical, parseBoolean);
   }
 
   /** Returns observed media rules */

diff --git a/src/modules/esl-carousel/plugin/touch/esl-carousel.touch.mixin.ts b/src/modules/esl-carousel/plugin/touch/esl-carousel.touch.mixin.ts
@@ -49,7 +49,7 @@ export class ESLCarouselTouchMixin extends ESLCarouselPlugin {
   /** @returns rule {@link ESLMediaRuleList} for touch types */
   @memoize()
   public get typeRule(): ESLMediaRuleList<TouchType> {
-    return ESLMediaRuleList.parse(this.type || ESLCarouselTouchMixin.DRAG_TYPE, toTouchType);
+    return ESLMediaRuleList.parseQuery(this.type || ESLCarouselTouchMixin.DRAG_TYPE, toTouchType);
   }
 
   /** @returns whether the swipe mode is active */

diff --git a/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less b/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less
@@ -20,9 +20,12 @@
     transition: transform 0.25s linear;
   }
 
+  /* stylelint-disable-next-line */
   &.esl-carousel-horizontal :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
     width: var(--esl-slide-size);
   }
+
+  /* stylelint-disable-next-line */
   &.esl-carousel-vertical :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
     height: var(--esl-slide-size);
   }

diff --git a/src/modules/esl-media/core/esl-media.less b/src/modules/esl-media/core/esl-media.less
@@ -51,12 +51,14 @@
       }
     }
 
-    &:not([wide])[fill-mode='cover'] .esl-media-inner, &[wide][fill-mode='inscribe'] .esl-media-inner {
+    &:not([wide])[fill-mode='cover'] .esl-media-inner,
+    &[wide][fill-mode='inscribe'] .esl-media-inner {
       width: auto;
       height: 100%;
     }
 
-    &:not([wide])[fill-mode='inscribe'] .esl-media-inner, &[wide][fill-mode='cover'] .esl-media-inner {
+    &:not([wide])[fill-mode='inscribe'] .esl-media-inner,
+    &[wide][fill-mode='cover'] .esl-media-inner {
       width: 100%;
       height: auto;
     }