{
				return item.text.toUpperCase().indexOf(value.toUpperCase()) === 0;
			});
		}

		while (input.firstChild) {
			input.removeChild(input.firstChild);
		}

		suggestionItems.forEach(function(item) {
			var li = document.createElement("ui5-li");
			li.id = item.key;
			li.textContent = item.text;
			input.appendChild(li);
		});
	});


	// HCB button
	btn.addEventListener("click", function(event) {
		var hcb = event.target.pressed;
		var styles = hcb ? "background:#333;color:palegoldenrod;" : "background:#