gd-bs 6.6.19 → 6.6.21

package/generateIcons.js

@@ -135,7 +135,16 @@ 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\tlet regex = new RegExp("/\\{" + i + "\\}/g");\n',
+        '\t\t\t// Replace the placeholder',
+        '\t\t\tsvg = svg.replace(regex, Date.now().toString());',
+        '\t\t}',
+        '\t}\n',
         '\t// Get the icon element',
         '\tlet elDiv = document.createElement("div");',
         '\telDiv.innerHTML = svg;',
@@ -151,7 +160,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.19",
+    "version": "6.6.21",
     "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,16 @@
 // 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++) {
+			let regex = new RegExp("/\{" + i + "\}/g");
+
+			// Replace the placeholder
+			svg = svg.replace(regex, Date.now().toString());
+		}
+	}
+
 	// Get the icon element
 	let elDiv = document.createElement("div");
 	elDiv.innerHTML = svg;