<commit_before><header class="jumbotron subhead">
    <p class="lead">
        This is the config properties you can specify inside <code>data-bind="page: {...}"</code>.
        Consult the Event-page for the events you can specify.
        <br/>
        <code>data-bind:</code> can either take a configuration object <b>or</b> a
        <code>pager.Page</code>-instance.
    </p>
</header>
<h3>In HTML</h3>
<pre data-bind="prettyprint: {}" class="prettyprint linenums">
&lt;div data-bind="page: {id: 'someID', title: 'the page title', sourceOnShow: 'some.html', with: somePageViewModel}"&gt;&lt;/div&gt;
</pre>
<h3>In JavaScript</h3>
<pre data-bind="prettyprint: {}" class="prettyprint linenums">
// create a page
var somePage = new pager.Page();
// configure the page (the keys are the configurations you can see on this API page)
valueAccessorObject = {
    id:"someID"
};
myPage.valueAccessor = function () {
    return valueAccessorObject;
};
// set the view model for the page
myPage.viewModel = {
    answer:42,
    question:'How many roads must a man walk down before you can call him a man?'
};
// bind the page to the main view model
var viewModel = {
    myPage:myPage
};
</pre>


<h3><code class="code-large" id="recapitulation/page/id">id : String</code></h3>

<p>
    The ID of the page. It can be either a normal name or <i>?</i>. <i>?</i> means that it matches
    against any route. The <i>?</i>-ID is useful for automatically matching against a large set of
    structured values.
</p>

<pre data-bind="prettyprint: {}" class="prettyprint linenums">
&lt;div data-bind="page: {id: 'search'}"&gt;<commit_msg>Fixed wrong sample code on api_config.html<commit_after><header class="jumbotron subhead">
    <p class="lead">
        This is the config properties you can specify inside <code>data-bind="page: {...}"</code>.
        Consult the Event-page for the events you can specify.
        <br/>
        <code>data-bind:</code> can either take a configuration object <b>or</b> a
        <code>pager.Page</code>-instance.
    </p>
</header>
<h3>In HTML</h3>
<pre data-bind="prettyprint: {}" class="prettyprint linenums">
&lt;div data-bind="page: {id: 'someID', title: 'the page title', sourceOnShow: 'some.html', with: somePageViewModel}"&gt;&lt;/div&gt;
</pre>
<h3>In JavaScript</h3>
<pre data-bind="prettyprint: {}" class="prettyprint linenums">
// create a page
var myPage = new pager.Page();
// configure the page (the keys are the configurations you can see on this API page)
valueAccessorObject = {
    id:"myID"
};
myPage.valueAccessor = function () {
    return valueAccessorObject;
};
// set the view model for the page
myPage.viewModel = {
    answer:42,
    question:'How many roads must a man walk down before you can call him a man?'
};
// bind the page to the main view model.
// and use this 'myPage' on your HTML like 'data-bind="page: myPage"'.
var viewModel = {
    myPage:myPage
};
</pre>


<h3><code class="code-large" id="recapitulation/page/id">id : String</code></h3>

<p>
    The ID of the page. It can be either a normal name or <i>?</i>. <i>?</i> means that it matches
    against any route. The <i>?</i>-ID is useful for automatically matching against a large set of
    structured values.
</p>

<pre data-bind="prettyprint: {}" class="prettyprint linenums">
&lt;div data-bind="page: {id: 'search'}"&gt;
{'fraction_non_alphanumeric': 0.15366218236173393, 'fraction_numerical': 0.004783258594917788, 'mean_word_length': 3.8143884892086333, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, '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': '120118', 'n_tokens_mistral': 1103, 'n_tokens_neox': 1079, 'n_words': 368}