media-chrome - npm Package Compare versions

Comparing version 4.2.0 to 4.2.1-canary.0

dist/cjs/media-chrome-range.js

@@ -372,2 +372,6 @@ var __defProp = Object.defineProperty;
     __privateGet(this, _cssRules).thumb = (0, import_element_utils.getOrInsertCSSRule)(this.shadowRoot, "#thumb");
+    __privateGet(this, _cssRules).activeSegment = (0, import_element_utils.getOrInsertCSSRule)(
+      this.shadowRoot,
+      "#segments-clipping rect:nth-child(0)"
+    );
     const mediaControllerId = this.getAttribute(
@@ -416,6 +420,2 @@ import_constants.MediaStateReceiverAttributes.MEDIA_CONTROLLER
       return;
-    __privateGet(this, _cssRules).activeSegment = (0, import_element_utils.insertCSSRule)(
-      this.shadowRoot,
-      "#segments-clipping rect:nth-child(0)"
-    );
     const normalized = [
@@ -422,0 +422,0 @@ .../* @__PURE__ */ new Set([

dist/media-chrome-range.js

@@ -27,3 +27,2 @@ var __accessCheck = (obj, member, msg) => {
 import {
-  insertCSSRule,
   getOrInsertCSSRule,
@@ -354,2 +353,6 @@ getPointProgressOnLine
     __privateGet(this, _cssRules).thumb = getOrInsertCSSRule(this.shadowRoot, "#thumb");
+    __privateGet(this, _cssRules).activeSegment = getOrInsertCSSRule(
+      this.shadowRoot,
+      "#segments-clipping rect:nth-child(0)"
+    );
     const mediaControllerId = this.getAttribute(
@@ -398,6 +401,2 @@ MediaStateReceiverAttributes.MEDIA_CONTROLLER
       return;
-    __privateGet(this, _cssRules).activeSegment = insertCSSRule(
-      this.shadowRoot,
-      "#segments-clipping rect:nth-child(0)"
-    );
     const normalized = [
@@ -404,0 +403,0 @@ .../* @__PURE__ */ new Set([

package.json

 {
   "name": "media-chrome",
-  "version": "4.2.0",
+  "version": "4.2.1-canary.0",
   "description": "Custom elements (web components) for making audio and video player controls that look great in your website or app.",
@@ -5,0 +5,0 @@ "author": "@muxinc",

src/js/media-chrome-range.ts

 import { MediaStateReceiverAttributes } from './constants.js';
 import { globalThis, document } from './utils/server-safe-globals.js';
 import {
-  insertCSSRule,
   getOrInsertCSSRule,
@@ -391,2 +390,6 @@ getPointProgressOnLine,
     this.#cssRules.thumb = getOrInsertCSSRule(this.shadowRoot, '#thumb');
+    this.#cssRules.activeSegment = getOrInsertCSSRule(
+      this.shadowRoot,
+      '#segments-clipping rect:nth-child(0)'
+    );
 
@@ -452,7 +455,2 @@ const mediaControllerId = this.getAttribute(
 
-    this.#cssRules.activeSegment = insertCSSRule(
-      this.shadowRoot,
-      '#segments-clipping rect:nth-child(0)'
-    );
-
     const normalized = [
@@ -459,0 +457,0 @@ ...new Set([

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

4252153

Lines of code

74098

Number of low quality alerts

1

increased byInfinity%

No dependency changes