import { leftItemsList, rightItemsList } from "./store.js";

let selectMultipleItems = [];

let leftSearchInput = "";

let rightSearchInput = "";

$: leftList = $leftItemsList;

$: rightList = $rightItemsList;

$: counterLeftListItems = filterListByItem(leftList, leftSearchInput).length;

$: counterRightListItems = filterListByItem(rightList, rightSearchInput).length;

function filterListByItem(list, searchInput) {

return searchInput

? list.filter((item) => {

return item.text

.toLocaleLowerCase()

.startsWith(searchInput.toLocaleLowerCase());

})

: list;

}

const updateBothLists = () => {

leftList = leftList;

rightList = rightList;

};

function moveItem(fromList, toList) {

const selectedOptions = fromList.filter((item) =>

selectMultipleItems.includes(item.id)

);

return selectedOptions.map((item) => {

const indx = fromList.findIndex((text) => text.id === item.id);

fromList.splice(indx, 1);