jekyll_ranked_search 0.0.3 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 81e9541ca2a4139827dfb10a8ad23bb3f493f9465d95c8c0d8f18f55affeb10f
-  data.tar.gz: cc861e099846391ab537624f4a509e7bf97987c5f68851335a613fe8fbadb6e9
+  metadata.gz: 285d83435623362b1b2a64895f39e9083a23e994f44772b8d7d0ee119bb0a2a8
+  data.tar.gz: 3f87f6708fb4bb8070ffbf22a388345ec0ead46c251aa94b7828d3cb8e0653d6
 SHA512:
-  metadata.gz: cb47470cf5b035428a768d83804dd92703e754e3776f85655094f136e02d1523e0995c884595caf02716a29fe8cf7f416fd05f4549b18ca121c13fbad0ec252e
-  data.tar.gz: 5258f44e86d40cc44666aae5841ffd7e50c7a51b5c60dcf7666300177b278ffff0c4e89f5b4a6b2d62c6117f21edea8f8a0ee75ed076a8def7b010a572472a1d
+  metadata.gz: c5b400d6ad614276e3f325923c7a0ba56a78fc216e4eeaf26acb5fd070a89e90b41e995c16760f337c983b1902d892d8f96bfdba1312000e8f9bfff71104cb00
+  data.tar.gz: 132c37490020d2205f526ae84c0f190236e265ac19f33f12abb4654d0350547055e0549517e3df554b5a46d9271f43e80556dafbeadf5fd98f79c4992a126d70

data/lib/search.js

@@ -12,6 +12,9 @@ class SearchBox extends LitElement {
 
     // Lazy loading
     lazy: {type: Boolean, attribute: true},
+
+    // Maximum number of results to show
+    maxResults: {type: Number, attribute: "max-results"},
   };
 
   /**
@@ -35,6 +38,9 @@ class SearchBox extends LitElement {
     // Disable lazy loading by default
     this.lazy = false;
 
+    // Default to maximum of 8 results
+    this.maxResults = 8;
+
     this._placeholder = "Search...";
   }
 
@@ -48,7 +54,7 @@ class SearchBox extends LitElement {
       box-sizing: border-box;
       width: 100%;
       // margin: 0 auto;
-      padding: .4em;
+      padding: .4em 30px;
       border: 1px solid #ccc;
       font-size: 1.2em;
       border-radius: 4px;
@@ -56,12 +62,27 @@ class SearchBox extends LitElement {
       z-index: 11;
     }
 
+    label {
+      position: relative;
+    }
+
+    label::before {
+      content: "";
+      position: absolute;
+      left: 10px;
+      top: 0;
+      bottom: 0;
+      width: 20px;
+      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' /%3E%3C/svg%3E") no-repeat center center;
+    }
+
     #results {
       position: absolute;
       width: 100%;
       margin-top: 4px;
       z-index: 10;
       background-color: #F6F6F6;
+      overflow: hidden;
       border-radius: 4px;
       box-shadow: 1px 1px 2px #888;
     }
@@ -208,7 +229,7 @@ class SearchBox extends LitElement {
     const candidates = [...results.entries()].sort((a, b) => b[1] - a[1]).map((a) => a[0]);
     
     // Get top n results
-    this._results = candidates.map((idx) => this._data.docs[idx]).slice(0, 8);
+    this._results = candidates.map((idx) => this._data.docs[idx]).slice(0, this.maxResults);
     this._open = true;
   }
 
@@ -238,7 +259,9 @@ class SearchBox extends LitElement {
 
   render() {
     return html`<div>
+      <label>
       <input id="q" type="text" placeholder="${this._placeholder}" @keyup="${this.search}" @click=${this.openIfResults} @focus=${this.focus}>
+      </label>
       ${this._open ? html`
         <div id="results">
           ${this._results.map((result) => html`

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll_ranked_search
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.5
 platform: ruby
 authors:
 - Friedrich Ewald
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-06-28 00:00:00.000000000 Z
+date: 2023-07-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: redcarpet
@@ -53,7 +53,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.13
+rubygems_version: 3.4.15
 signing_key:
 specification_version: 4
 summary: TF-IDF offline search for Jekyll posts