feat: add "no tags found" results to tag-cloud v1 & v2

Author: Aetherinox

Snippets/Tag Cloud 1/README.md

@@ -249,15 +249,28 @@ const CreateTagCloud = async ( ) =>
         Calculate font size and font color.
     */
 
+    let count = 0;
     tags.forEach( ( tagInfo, tagName ) =>
     {
+        count++;
         const fontSize      = Generate_FontSize( tagInfo.backlinks, tagInfo.wordCount );
         const color         = Generate_Color( tagName, tagInfo );
         const length        = dv.pages( tagName ).length;
 		
         data.push( { name: `\\${tagName}`, id: tagName, length: length, fontSize, color } );
     });
 
+    /*
+        No tags found
+    */
+
+	if (count === 0)
+	{
+		const rootNode = dv.el("div", "🔖 No Tags Found", { cls: "atx-tcv1-results_none" });
+		rootNode.setAttribute("style", "text-align:center;");
+		return ``;
+	}
+
     /*
         Sorting functions
     */
@@ -435,6 +448,22 @@ Copy the code below and paste it into the new `tag_cloud_v1.css` file which shou
             transform:                  translateX(-50%);
             line-height:                19px;
           }
+
+    /*
+        Tag Cloud > No results
+    */
+
+        .atx-tcv1-results_none
+        {
+            text-align: center;
+            font-size: 14pt;
+        }
+
+        .atx-tcv1-results_none_subheader
+        {
+            padding-left: 12px;
+            font-size: 10pt;
+        }
 ```
 
 <br />
@@ -606,4 +635,4 @@ let B = Math.floor( ( Math.random( ) * 100 ) + 100 );
 
 For brighter colors, increase `100`. Don't exceed `255`.
 
-For darker colors, decrease `100`. Don't go below `0`.
+For darker colors, decrease `100`. Don't go below `0`.

Snippets/Tag Cloud 2/README.md

@@ -316,15 +316,28 @@ const CreateTagCloud = async ( ) =>
         Calculate font size and font color.
     */
 
+    let count = 0;
     tags.forEach( ( tagInfo, tagName ) =>
     {
+        count++;
         const fontSize      = Generate_FontSize( tagInfo.backlinks, tagInfo.wordCount );
         const color         = Generate_Color( tagName, tagInfo );
         const length        = dv.pages( tagName ).length;
 		
         data.push( { name: `\\${tagName}`, id: tagName, length: length, fontSize, color } );
     });
 
+    /*
+        No tags found
+    */
+
+	if (count === 0)
+	{
+		const rootNode = dv.el("div", "🔖 No Tags Found", { cls: "atx-tcv2-results_none" });
+		rootNode.setAttribute("style", "text-align:center;");
+		return ``;
+	}
+
     /*
         Sorting functions
     */
@@ -907,6 +920,22 @@ settings:
             transform:                  translateX( -50% );
             line-height:                var( --atx-tcv2-counter-bg-size );
           }
+
+    /*
+        Tag Cloud > No results
+    */
+
+        .atx-tcv2-results_none
+        {
+            text-align: center;
+            font-size: 14pt;
+        }
+
+        .atx-tcv2-results_none_subheader
+        {
+            padding-left: 12px;
+            font-size: 10pt;
+        }
 ```
 
 <br />
@@ -1129,4 +1158,4 @@ This snippet supports tweaking the look and feel of the cloud & tags using the *
 
 </div>
 
-<br /><br />
+<br /><br />

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@aetherinox/obsidian-dataview-snippets",
-    "version": "1.4.2",
+    "version": "1.4.3",
     "description": "A collection of Obsidian.md scripts to be used in combination with the dataview plugin.",
     "homepage": "https://github.com/Aetherinox/obsidian-dataview-snippets",
     "author": "Aetherinox <[email protected]>",