gd-bs 6.6.18 → 6.6.20

package/generateIcons.js

@@ -135,7 +135,15 @@ fs.readdir(dirIcons, function (err, files) {
     stream = fs.createWriteStream("./src/icons/generate.ts");
     stream.write([
         '// Generates the html for an icon',
-        'export const generateIcon = (svg: string, height: number = 32, width: number = 32, className?: string) => {',
+        'export const generateIcon = (svg: string, height: number = 32, width: number = 32, className?: string, placeholders?: number) => {',
+        '\t// See if placeholders exist',
+        '\tif (placeholders > 0) {',
+        '\t\t// Parse the number of placeholders',
+        '\t\tfor (let i = 0; i < placeholders; i++) {',
+        '\t\t// Replace the placeholder',
+        '\t\tsvg = svg.replace("{" + i + "}", Date.now().toString());',
+        '\t\t}',
+        '\t}\n',
         '\t// Get the icon element',
         '\tlet elDiv = document.createElement("div");',
         '\telDiv.innerHTML = svg;',
@@ -151,7 +159,7 @@ fs.readdir(dirIcons, function (err, files) {
         '\t      }',
         '\t    }\n',
         '\t    // Make this icon invisible to the screen reader',
-		'\t    icon.setAttribute("aria-hidden", "true");\n',
+        '\t    icon.setAttribute("aria-hidden", "true");\n',
         '\t    // Set the height/width',
         '\t    icon.setAttribute("height", (height ? height : 32).toString());',
         '\t    icon.setAttribute("width", (width ? width : 32).toString());\n',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.18",
+    "version": "6.6.20",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/icons/generate.ts

@@ -1,5 +1,14 @@
 // Generates the html for an icon
-export const generateIcon = (svg: string, height: number = 32, width: number = 32, className?: string) => {
+export const generateIcon = (svg: string, height: number = 32, width: number = 32, className?: string, placeholders?: number) => {
+	// See if placeholders exist
+	if (placeholders > 0) {
+		// Parse the number of placeholders
+		for (let i = 0; i < placeholders; i++) {
+		// Replace the placeholder
+		svg = svg.replace("{" + i + "}", Date.now().toString());
+		}
+	}
+
 	// Get the icon element
 	let elDiv = document.createElement("div");
 	elDiv.innerHTML = svg;

package/src/styles/_custom.scss

@@ -414,9 +414,9 @@
     .mw-fit {
         max-width: fit-content !important;
     }
-    /* Set color for nav links */
-    .nav-link {
-        color: var(--sp-theme-primary, #0078d4);
+    /* Set color for active nav links */
+    .nav-link:active, .navbar-brand:active {
+        color: var(--bs-navbar-active-color);
     }
     .nav-tabs {
         border-bottom: 0;