1tontech · Barrod-code · May 7, 2019 · Jul 25, 2019 · Dec 19, 2019 · Jun 5, 2020
diff --git a/snippets/bootstrap/$.html b/snippets/bootstrap/$.html
@@ -1,20 +1,28 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <title>${1:Title}</title>
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="${2:https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css}" integrity="${3:sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T}" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+
+    <title>Hello, world!</title>
   </head>
   <body>
-      $10$END$
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="${4:https://code.jquery.com/jquery-3.3.1.slim.min.js}" integrity="${5:sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo}" crossorigin="anonymous"></script>
-    <script src="${6:https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js}" integrity="${7:sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1}" crossorigin="anonymous"></script>
-    <script src="${8:https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js}" integrity="${9:sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM}" crossorigin="anonymous"></script>
+    <h1>Hello, world!</h1>
+
+    <!-- Optional JavaScript; choose one of the two! -->
+
+    <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+
+    <!-- Option 2: jQuery, Popper.js, and Bootstrap JS
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
+    -->
   </body>
 </html>
diff --git a/snippets/bootstrap/components/button/block.html b/snippets/bootstrap/components/button/block.html
@@ -1 +1 @@
-<button type="button" name="$3" id="$3" class="btn btn-${2:primary|secondary|success|danger|warning|info|light|dark|link}" btn-lg btn-block">$1</button>
+<button type="button" name="$3" id="$3" class="btn btn-${2:primary|secondary|success|danger|warning|info|light|dark|link} btn-lg btn-block">$1</button>
diff --git a/snippets/bootstrap/components/carousel/caption.html b/snippets/bootstrap/components/carousel/caption.html
@@ -6,21 +6,21 @@
 	</ol>
 	<div class="carousel-inner" role="listbox">
 		<div class="carousel-item active">
-			<img data-src="${2:holder.js/900x500/auto/#777:#555/text:First slide}" alt="${3:First slide}">
+			<img src="${2:holder.js/900x500/auto/#777:#555/text:First slide}" alt="${3:First slide}" class="d-inline-block">
 			<div class="carousel-caption d-none d-md-block">
 				<h3>${4:Title}</h3>
 				<p>${5:Description}</p>
 			</div>
 		</div>
 		<div class="carousel-item">
-			<img data-src="${6:holder.js/900x500/auto/#666:#444/text:Second slide}" alt="${7:Second slide}">
+			<img src="${6:holder.js/900x500/auto/#666:#444/text:Second slide}" alt="${7:Second slide}" class="d-inline-block">
 			<div class="carousel-caption d-none d-md-block">
 				<h3>${8:Title}</h3>
 				<p>${9:Description}</p>
 			</div>
 		</div>
 		<div class="carousel-item">
-			<img data-src="${10:holder.js/900x500/auto/#666:#444/text:Third slide}" alt="${11:Third slide}">
+			<img src="${10:holder.js/900x500/auto/#666:#444/text:Third slide}" alt="${11:Third slide}" class="d-inline-block">
 			<div class="carousel-caption d-none d-md-block">
 				<h3>${12:Title}</h3>
 				<p>${13:Description}</p>

diff --git a/snippets/bootstrap/components/carousel/default.html b/snippets/bootstrap/components/carousel/default.html
@@ -6,13 +6,13 @@
 	</ol>
 	<div class="carousel-inner" role="listbox">
 		<div class="carousel-item active">
-			<img data-src="${2:holder.js/900x500/auto/#777:#555/text:First slide}" alt="${3:First slide}">
+			<img src="${2:holder.js/900x500/auto/#777:#555/text:First slide}" alt="${3:First slide}" class="d-inline-block">
 		</div>
 		<div class="carousel-item">
-			<img data-src="${4:holder.js/900x500/auto/#666:#444/text:Second slide}" alt="${5:Second slide}">
+			<img src="${4:holder.js/900x500/auto/#666:#444/text:Second slide}" alt="${5:Second slide}" class="d-inline-block">
 		</div>
 		<div class="carousel-item">
-			<img data-src="${6:holder.js/900x500/auto/#666:#444/text:Third slide}" alt="${7:Third slide}">
+			<img src="${6:holder.js/900x500/auto/#666:#444/text:Third slide}" alt="${7:Third slide}" class="d-inline-block">
 		</div>
 	</div>
 	<a class="carousel-control-prev" href="#${1:carouselId}" role="button" data-slide="prev">

diff --git a/snippets/bootstrap/components/form/input-range.html b/snippets/bootstrap/components/form/input-range.html
@@ -0,0 +1,5 @@
+<div class="form-group">
+  <label for="$3">$1</label>
+  <input type="range" class="form-control-range" name="$3" id="$3" aria-describedby="${4:helpId}" placeholder="$2">
+  <small id="${4:helpId}" class="form-text text-muted">${5:Help text}</small>
+</div>
diff --git a/snippets/bootstrap/components/modal/customize.html b/snippets/bootstrap/components/modal/customize.html
@@ -1,18 +1,18 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${4:modelTitleId}" aria-hidden="true">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
 	<div class="modal-dialog" role="document">
 		<div class="modal-content">
-				<div class="modal-header">
-						<h5 class="modal-title">${3:Modal title}</h5>
-							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-								<span aria-hidden="true">&times;</span>
-							</button>
-					</div>
+			<div class="modal-header">
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+			</div>
 			<div class="modal-body">
 				<div class="container-fluid">
 					${7:Add rows here}
@@ -27,7 +27,7 @@ <h5 class="modal-title">${3:Modal title}</h5>
 </div>
 
 <script>
-	$('#exampleModal').on('show.bs.modal', event => {
+	$('#${2:modalId}').on('show.bs.modal', event => {
 		var button = $(event.relatedTarget);
 		var modal = $(this);
 		// Use above variables to manipulate the DOM

diff --git a/snippets/bootstrap/components/modal/default.html b/snippets/bootstrap/components/modal/default.html
@@ -1,17 +1,17 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${4:modelTitleId}" aria-hidden="true">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
 	<div class="modal-dialog" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
-				<h5 class="modal-title">${3:Modal title}</h5>
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
 			</div>
 			<div class="modal-body">
 				${7:Body}

diff --git a/snippets/bootstrap/components/modal/grid.html b/snippets/bootstrap/components/modal/grid.html
@@ -1,18 +1,18 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${4:modelTitleId}" aria-hidden="true">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
 	<div class="modal-dialog" role="document">
 		<div class="modal-content">
-				<div class="modal-header">
-						<h5 class="modal-title">${3:Modal title}</h5>
-							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-								<span aria-hidden="true">&times;</span>
-							</button>
-					</div>
+			<div class="modal-header">
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+			</div>
 			<div class="modal-body">
 				<div class="container-fluid">
 					${7:Add rows here}

diff --git a/snippets/bootstrap/components/modal/sizes.html b/snippets/bootstrap/components/modal/sizes.html
@@ -1,17 +1,17 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${5:modelTitleId}" aria-hidden="true">
-	<div class="modal-dialog modal-${3:sm|lg}" role="document">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
+	<div class="modal-dialog modal-${5:sm|lg}" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
-				<h5 class="modal-title">${3:Modal title}</h5>
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
 			</div>
 			<div class="modal-body">
 				${8:Body}

diff --git a/vscode/.version b/vscode/.version
@@ -1 +1 @@
-6.1.0
+6.1.2-shitty
diff --git a/vscode/README.md b/vscode/README.md
@@ -3,7 +3,7 @@ Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets for Visual studi
 
 Visual studio code plugin containing Bootstrap 4, Font awesome 4 & Font Awesome 5 Free & Pro snippets. This plugin works in both in the stable & the insiders build
 
-![Plugin in action](https://github.com/1tontech/bootstrap4-snippets/raw/vscode-6.1.0/vscode/help.gif)
+![Plugin in action](https://github.com/1tontech/bootstrap4-snippets/raw/vscode-6.1.2-shitty/vscode/help.gif)
 
 The detailed list of supported template triggers are listed [below](#documentation)
 
@@ -184,6 +184,7 @@ b4-**form-help-text-inline** | Form help text inline
 b4-**form-help-text** | Form help text
 b4-**form-hidden** | Form hidden
 b4-**form-inline** | Form inline
+b4-**form-input-range** | Form input range
 b4-**form-input-sizing** | Form input sizing
 b4-**form-input-text** | Form input text
 b4-**form-input** | Form input

diff --git a/vscode/src/util/resources/package-template.json b/vscode/src/util/resources/package-template.json
@@ -47,10 +47,6 @@
         "language": "php",
         "path": "./snippets.json"
       },
-      {
-        "language": "plaintext",
-        "path": "./snippets.json"
-      },
       {
         "language": "razor",
         "path": "./snippets.json"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<button type="button" name="$3" id="$3" class="btn btn-${2:primary\|secondary\|success\|danger\|warning\|info\|light\|dark\|link}" btn-lg btn-block">$1</button>
		<button type="button" name="$3" id="$3" class="btn btn-${2:primary\|secondary\|success\|danger\|warning\|info\|light\|dark\|link} btn-lg btn-block">$1</button>