Adding new web components

Author: aarongustafson

src/_data/web_components.json

@@ -1,18 +1,32 @@
 [
+	{
+		"name": "dynamic-datalist",
+		"github": "aarongustafson/dynamic-datalist",
+		"description": "Web component that enables you to dynamically update a field's `datalist` with values retrieved from a URL as the user types.",
+		"demo_url": "https://aarongustafson.github.io/dynamic-datalist/demo/",
+		"npm_package": "@aarongustafson/dynamic-datalist"
+	},
+	{
+		"name": "form-obfuscator",
+		"github": "aarongustafson/form-obfuscator",
+		"description": "Web component that obfuscates fields when they don't have focus",
+		"demo_url": "https://aarongustafson.github.io/form-obfuscator/demo/",
+		"npm_package": "@aarongustafson/form-obfuscator"
+	},
+	{
+		"name": "form-repeatable",
+		"github": "aarongustafson/form-repeatable",
+		"description": "A web component that enables you to control the duplication of fields.",
+		"demo_url": "https://aarongustafson.github.io/form-repeatable/demo/",
+		"npm_package": "@aarongustafson/form-repeatable"
+	},
 	{
 		"name": "form-required-checkboxes",
 		"github": "aarongustafson/form-required-checkboxes",
 		"description": "Web component that enables requirement rules for checkbox groups.",
 		"demo_url": "https://aarongustafson.github.io/form-required-checkboxes/demo/",
 		"npm_package": "@aarongustafson/form-required-checkboxes"
 	},
-	{
-		"name": "form-show-if",
-		"github": "aarongustafson/form-show-if",
-		"description": "Web component that enables you to make one HTML form field show (or not) based on the value(s) of another field.",
-		"demo_url": "https://aarongustafson.github.io/form-show-if/demo/",
-		"npm_package": "@aarongustafson/form-show-if"
-	},
 	{
 		"name": "form-required-if",
 		"github": "aarongustafson/form-required-if",
@@ -21,18 +35,25 @@
 		"npm_package": "@aarongustafson/form-required-if"
 	},
 	{
-		"name": "form-obfuscator",
-		"github": "aarongustafson/form-obfuscator",
-		"description": "Web component that obfuscates fields when they don't have focus",
-		"demo_url": "https://aarongustafson.github.io/form-obfuscator/demo/",
-		"npm_package": "@aarongustafson/form-obfuscator"
+		"name": "form-show-if",
+		"github": "aarongustafson/form-show-if",
+		"description": "Web component that enables you to make one HTML form field show (or not) based on the value(s) of another field.",
+		"demo_url": "https://aarongustafson.github.io/form-show-if/demo/",
+		"npm_package": "@aarongustafson/form-show-if"
 	},
 	{
-		"name": "dynamic-datalist",
-		"github": "aarongustafson/dynamic-datalist",
-		"description": "Web component that enables you to dynamically update a field's `datalist` with values retrieved from a URL as the user types.",
-		"demo_url": "https://aarongustafson.github.io/dynamic-datalist/demo/",
-		"npm_package": "@aarongustafson/dynamic-datalist"
+		"name": "form-validation-list",
+		"github": "aarongustafson/form-validation-list",
+		"description": "A web component comprising a list of validation rules for a field.",
+		"demo_url": "https://aarongustafson.github.io/form-validation-list/demo/",
+		"npm_package": "@aarongustafson/form-validation-list"
+	},
+	{
+		"name": "fullscreen-control",
+		"github": "aarongustafson/fullscreen-control",
+		"description": "A web component to add progressively enhance any video or iframe element to have fullscreen capabilities.",
+		"demo_url": "https://aarongustafson.github.io/fullscreen-control/demo/",
+		"npm_package": "@aarongustafson/fullscreen-control"
 	},
 	{
 		"name": "lazy-img",
@@ -55,13 +76,6 @@
 		"demo_url": "https://aarongustafson.github.io/tabbed-interface/demo/",
 		"npm_package": "@aarongustafson/tabbed-interface"
 	},
-	{
-		"name": "form-repeatable",
-		"github": "aarongustafson/form-repeatable",
-		"description": "A web component that enables you to control the duplication of fields.",
-		"demo_url": "https://aarongustafson.github.io/form-repeatable/demo/",
-		"npm_package": "@aarongustafson/form-repeatable"
-	},
 	{
 		"name": "table-sortable",
 		"github": "aarongustafson/table-sortable",
@@ -70,10 +84,10 @@
 		"npm_package": "@aarongustafson/table-sortable"
 	},
 	{
-		"name": "form-validation-list",
-		"github": "aarongustafson/form-validation-list",
-		"description": "A web component comprising a list of validation rules for a field.",
-		"demo_url": "https://aarongustafson.github.io/form-validation-list/demo/",
-		"npm_package": "@aarongustafson/form-validation-list"
+		"name": "table-modifiable",
+		"github": "aarongustafson/table-modifiable",
+		"description": "A web component that enables users to hide & show columns on an HTML table.",
+		"demo_url": "https://aarongustafson.github.io/table-modifiable/demo/",
+		"npm_package": "@aarongustafson/table-modifiable"
 	}
 ]