added "limit" search modifier to search definition

src/public/app/widgets/search_options/limit.js

@@ -0,0 +1,49 @@
+import AbstractSearchOption from "./abstract_search_option.js";
+
+const TPL = `
+<tr data-search-option-conf="limit">
+    <td class="title-column">
+        <span class="bx bx-stop"></span>
+    
+        Limit
+    </td>
+    <td>
+        <input name="limit" class="form-control" type="number" min="1" step="1" />
+    </td>
+    <td class="button-column">
+        <div class="dropdown help-dropdown">
+            <span class="bx bx-help-circle icon-action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
+            <div class="dropdown-menu dropdown-menu-right p-4">
+                Take only first X specified results.
+            </div> 
+        </div>
+    
+        <span class="bx bx-x icon-action search-option-del"></span>
+    </td>
+</tr>`;
+
+export default class Limit extends AbstractSearchOption {
+    static get optionName() { return "limit" };
+    static get attributeType() { return "label" };
+
+    static async create(noteId) {
+        await AbstractSearchOption.setAttribute(noteId, 'label', 'limit', '10');
+    }
+
+    doRender() {
+        const $option = $(TPL);
+
+        this.$limit = $option.find('input[name=limit]');
+        this.$limit.on('change', () => this.update());
+        this.$limit.on('input', () => this.update());
+        this.$limit.val(this.note.getLabelValue('limit'));
+
+        return $option;
+    }
+
+    async update() {
+        const limit = this.$limit.val();
+
+        await this.setAttribute('label', 'limit', limit);
+    }
+}