html-demo-element - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

html-demo-element.js

@@ -61,3 +61,2 @@ import "https://unpkg.com/prismjs@1.23.0/components/prism-core.min.js";
 
-
     connectedCallback()
@@ -73,8 +72,6 @@ {
             slot.setAttribute('slot',name);
-            if( template )
-            {   const ref = template.nextElementSibling || template.parentElement.lastElementChild;
-                template.parentElement.insertBefore( slot, ref );
-            }else
-                this.insertBefore( slot, this.firstChild );
-            return slot;
+            if( 'legend' === name )
+                return this.insertBefore( slot, this.firstChild );
+            return template ?    template.parentElement.insertBefore( slot, template )
+                            :    this.append( slot );
         };
@@ -87,8 +84,9 @@
         template || demoDom.map( el => el.remove() );
-        this.demoSlot = createSlot('demo');
-        this.textSlot = createSlot('text');
+        this.textSlot   = createSlot('text'  );
+        this.demoSlot   = createSlot('demo'  );
         this.legendSlot = createSlot('legend');
         if( template )
-            this.demoSlot.append( template.content.cloneNode(true) );
-        else
+        {   this.demoSlot.innerHTML = '';
+            this.demoSlot.append( template.content.cloneNode( true ) );
+        }else
             demoDom.map( el=> this.demoSlot.append(el));
@@ -99,3 +97,3 @@ this.render();
     render()
-    {   if( this.legend )
+    {   if( this.legendSlot && this.legend )
             this.legendSlot.innerHTML = `<h3>${this.legend}</h3>`;
@@ -102,0 +100,0 @@

package.json

 {
     "name": "html-demo-element",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Webcomponent inserts prism JS syntax colored HTML in html-demo-element before actual dom",
@@ -22,2 +22,3 @@ "author": "Sasha Firsov",
     "scripts": {
+        "start": "node demo/dev-server.cjs"
     },
@@ -24,0 +25,0 @@ "dependencies": {

README.md

@@ -54,4 +54,4 @@ # html-demo-element
 # Live demo
-* https://unpkg.com/html-demo-element@1.0.3/demo/index.html
-* https://unpkg.com/html-demo-element@1.0.3/demo/advanced.html
+* https://unpkg.com/html-demo-element@1.0.4/demo/index.html
+* https://unpkg.com/html-demo-element@1.0.4/demo/advanced.html
 * https://unpkg.com/slotted-element@1.0.2/demo/index.html
@@ -72,4 +72,4 @@
 * `source` - the source code text. If the attribute is not defined, it would be initialized from `source` slot ^^
-* `type` - one of (prism js  supported languages)[https://prismjs.com/#supported-languages]. 
+* `type` - one of [prism js  supported languages](https://prismjs.com/#supported-languages). 
   `html`, `css`, `js` imported by default. When omitted, assumed `html`.
 * `legend` - optional heading for `html-demo-element`  

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

116861

1.83%

Number of package files

9

12.5%

Lines of code

134

47.25%

Worsened metrics

Number of low supply chain risk alerts

2

100%

Number of medium supply chain risk alerts

7

16.67%

No dependency changes