[feature] add search in new tab control

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "4.40.4",
+  "version": "4.41.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "4.40.4",
+  "version": "4.41.0",
   "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
   "main": "index.js",
   "scripts": {

src/html/menu/menu-content/header.html

@@ -602,6 +602,11 @@
             <p class="control-header-search-size-helper form-helper-item">Only the Search box width control will change the Width of the Search box.</p>
           </div>
           <hr>
+          <div class="form-wrap">
+            <input id="control-header-search-newtab" class="control-header-search-newtab" type="checkbox" tabindex="-1">
+            <label for="control-header-search-newtab"><span class="label-icon"></span> Open Search results in a new tab</label>
+          </div>
+          <hr>
           <div class="form-wrap">
             <input id="control-header-search-newline" class="control-header-search-newline" type="checkbox" tabindex="-1">
             <label for="control-header-search-newline"><span class="label-icon"></span> New line</label>

src/js/control.js

@@ -2192,6 +2192,31 @@ var control = (function() {
       render.update.control.header();
       render.update.control.menu();
     }
+  }, {
+    element: ".control-header-search-newtab",
+    path: "header.search.newTab",
+    type: "checkbox",
+    func: function() {
+      header.render.item.clear();
+      header.render.item.all();
+      header.render.search.width.size();
+      greeting.render.clear();
+      greeting.render.all();
+      clock.render.clear();
+      clock.render.all();
+      transitional.render.clear();
+      transitional.render.all();
+      date.render.clear();
+      date.render.all();
+      render.class();
+      render.dependents();
+      render.update.control.header();
+      bind.control.header();
+      search.render.engine();
+      search.bind.input();
+      search.bind.clear();
+      dropdown.bind.editAdd();
+    }
   }, {
     element: ".control-header-search-newline",
     path: "header.search.newLine",
@@ -6738,6 +6763,7 @@ var control = (function() {
               ".control-header-search-size-number",
               ".control-header-search-size-default",
               ".control-header-search-size-helper",
+              ".control-header-search-newtab",
               ".control-header-search-newline",
               ".control-header-search-newline-helper"
             ];

src/js/header.js

@@ -352,6 +352,10 @@ var header = (function() {
         helper.addClass(searchInput, "input-clear");
       };
 
+      if (state.get.current().header.search.newTab) {
+        form.setAttribute("target", "_blank");
+      };
+
       return headerSearchBody;
     },
     editAdd: function() {

src/js/state.js

@@ -118,7 +118,8 @@ var state = (function() {
           justify: "center"
         },
         size: 1,
-        newLine: false
+        newLine: false,
+        newTab: false
       },
       editAdd: {
         show: true,

src/js/update.js

@@ -861,6 +861,10 @@ var update = (function() {
       delete data.state.group.area.alignment;
       data.state.header.area.align = "center";
       return data;
+    },
+    "4.41.0": function(data) {
+      data.state.header.search.newTab = false;
+      return data;
     }
   };
 

src/js/version.js

@@ -1,6 +1,6 @@
 var version = (function() {
 
-  var current = "4.40.4";
+  var current = "4.41.0";
 
   var name = "Naughty Goose";
 

src/manifest.json

@@ -2,7 +2,7 @@
   "name": "nightTab",
   "short_name": "nightTab",
   "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
-  "version": "4.40.4",
+  "version": "4.41.0",
   "manifest_version": 2,
   "chrome_url_overrides": {
     "newtab": "index.html"