<commit_before><!doctype html>
<html>
	<head>
		<title>Demo</title>
		<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
		<link rel="import" href="../../paper-styles/demo-pages.html">
		<link rel="import" href="../paper-search-panel.html">

		<style>
			.property {
				margin-bottom: 10px;
			}
		</style>
	</head>

	<body>
		<template is="dom-bind">
			<h2>Search panel</h2>
			<paper-search-panel
				placeholder="Search for anything..."
				hide-filter-button="[[hideFilterButton]]"
				search="{{search}}"
				count="{{count}}"
				items="[[_createItems(noResults)]]"
				has-more="[[hasMore]]"
				loading="[[loading]]"
				filters="[[filters]]"
				selected-filters="{{selectedFilters}}"
				on-change-request-params="loadData">
				<div>
					Your job: Show your [[count]] results for "[[search]]"
				</div>

				<div fixed>
					Content that is always shown
				</div>
			</paper-search-panel>

			<h2>Properties</h2>
			<div class="vertical-section">
				<paper-checkbox class="property" checked="{{noResults}}">Empty results</paper-checkbox><br>
				<paper-checkbox class="property" checked="{{hasMore}}">Results has more results</paper-checkbox><br>
				<paper-checkbox class="property" checked="{{loading}}">Loading</paper-checkbox><br>
				<paper-checkbox class="property" checked="{{hideFilterButton}}">Hide filter button</paper-checkbox><br>
			</div>
		</template>

		<script>
			var scope = document.querySelector("template[is=dom-bind]");
			scope.selectedFilters = {
				age: [ "teenager", "adult" ],
				gender: [ "male" ]
			};
			scope.filters = [
				{
					id: "age",
					name: "Age",
					values: [
						{
							id: "child",
							name: "0-12",
							count: 29
						},
						{
							id: "teenager",
							name: "13-19",
							count: 8
						},
						{
							id: "adult",
							name: "20+",
							count: 63
						}
					]<commit_msg>Default to has more items (to allow for loading state)<commit_after><!doctype html>
<html>
	<head>
		<title>Demo</title>
		<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
		<link rel="import" href="../../paper-styles/demo-pages.html">
		<link rel="import" href="../paper-search-panel.html">

		<style>
			.property {
				margin-bottom: 10px;
			}
		</style>
	</head>

	<body>
		<template is="dom-bind">
			<h2>Search panel</h2>
			<paper-search-panel
				placeholder="Search for anything..."
				hide-filter-button="[[hideFilterButton]]"
				search="{{search}}"
				count="{{count}}"
				items="[[_createItems(noResults)]]"
				has-more="[[hasMore]]"
				loading="[[loading]]"
				filters="[[filters]]"
				selected-filters="{{selectedFilters}}"
				on-change-request-params="loadData">
				<div>
					Your job: Show your [[count]] results for "[[search]]"
				</div>

				<div fixed>
					Content that is always shown
				</div>
			</paper-search-panel>

			<h2>Properties</h2>
			<div class="vertical-section">
				<paper-checkbox class="property" checked="{{noResults}}">Empty results</paper-checkbox><br>
				<paper-checkbox class="property" checked="{{hasMore}}">Results has more results</paper-checkbox><br>
				<paper-checkbox class="property" checked="{{loading}}">Loading</paper-checkbox><br>
				<paper-checkbox class="property" checked="{{hideFilterButton}}">Hide filter button</paper-checkbox><br>
			</div>
		</template>

		<script>
			var scope = document.querySelector("template[is=dom-bind]");
			scope.hasMore = true;
			scope.selectedFilters = {
				age: [ "teenager", "adult" ],
				gender: [ "male" ]
			};
			scope.filters = [
				{
					id: "age",
					name: "Age",
					values: [
						{
							id: "child",
							name: "0-12",
							count: 29
						},
						{
							id: "teenager",
							name: "13-19",
							count: 8
						},
						{
							id: "adult",
							name: "20+",
							count: 63
						}
					]
{'fraction_non_alphanumeric': 0.19536940686784598, 'fraction_numerical': 0.01040582726326743, 'mean_word_length': 2.9035532994923856, 'pattern_counts': {'":': 0, '<': 83, '<?xml version=': 0, '>': 83, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6511772', 'n_tokens_mistral': 1704, 'n_tokens_neox': 1244, 'n_words': 237}