marcel/linkding
1
0
Fork 0
mirror of https://github.com/sissbruecker/linkding.git synced 2025-09-23 09:29:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

Replace Svelte components with Lit elements (#1174)

Browse Source
This commit is contained in:
Sascha Ißbrücker
2025-08-24 12:28:15 +02:00
committed by GitHub
parent d519cb74eb
commit d873342105
11 changed files with 613 additions and 668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
bookmarks/frontend/behaviors/search-autocomplete.js
View File

@@ -1,6 +1,5 @@
import { mount } from "svelte";
import { Behavior, registerBehavior } from "./index";
import SearchAutoCompleteComponent from "../components/SearchAutoComplete.svelte";
import "../components/SearchAutocomplete.js";
class SearchAutocomplete extends Behavior {
constructor(element) {
@@ -11,26 +10,20 @@ class SearchAutocomplete extends Behavior {
return;
}
const container = document.createElement("div");
mount(SearchAutoCompleteComponent, {
target: container,
props: {
name: "q",
placeholder: input.getAttribute("placeholder") || "",
value: input.value,
linkTarget: input.dataset.linkTarget,
mode: input.dataset.mode,
search: {
user: input.dataset.user,
shared: input.dataset.shared,
unread: input.dataset.unread,
},
},
});
const autocomplete = document.createElement("ld-search-autocomplete");
autocomplete.name = "q";
autocomplete.placeholder = input.getAttribute("placeholder") || "";
autocomplete.value = input.value;
autocomplete.linkTarget = input.dataset.linkTarget || "_blank";
autocomplete.mode = input.dataset.mode || "";
autocomplete.search = {
user: input.dataset.user,
shared: input.dataset.shared,
unread: input.dataset.unread,
};
this.input = input;
this.autocomplete = container.firstElementChild;
this.autocomplete = autocomplete;
input.replaceWith(this.autocomplete);
}