<commit_before><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="../platform/platform.js"></script>
<link rel="import" href="../basic-framed-content/basic-framed-content.html">
<link rel="import" href="basic-modes.html">

<style>
body,
button,
input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

body {
  margin: 0;
}

basic-framed-content {
  padding: 2em;
}
</style>

</head>

<body unresolved>
<basic-framed-content>
<template is="auto-binding">
  Select mode: <select value="{{choice}}">
    <option value="0">First</option>
    <option value="1">Second</option>
    <option value="2">Third</option>
    <option value="3">Fourth</option>
  </select>
  <button onclick="document.querySelector('#modes').previous()" disabled?="{{!previousEnabled}}">Previous</button>
  <button onclick="document.querySelector('#modes').next()" disabled?="{{!nextEnabled}}">Next</button>
  <basic-modes id="modes" selected="{{choice}}" canGoNext="{{nextEnabled}}" canGoPrevious="{{previousEnabled}}">
    <div>First mode</div>
    <div>Second mode</div>
    <div>Third mode</div>
    <div>Fourth mode</div>
  </basic-modes><commit_msg>Move next/previous example to basic-sequence-navigator.<commit_after><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="../platform/platform.js"></script>
<link rel="import" href="../basic-framed-content/basic-framed-content.html">
<link rel="import" href="basic-modes.html">

<style>
body,
button,
input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

body {
  margin: 0;
}

basic-framed-content {
  padding: 2em;
}
</style>

</head>

<body unresolved>
<basic-framed-content>
<template is="auto-binding">
  Select mode: <select value="{{choice}}">
    <option value="0">First</option>
    <option value="1">Second</option>
    <option value="2">Third</option>
    <option value="3">Fourth</option>
  </select>
  <basic-modes id="modes" selected="{{choice}}" canGoNext="{{nextEnabled}}" canGoPrevious="{{previousEnabled}}">
    <div>First mode</div>
    <div>Second mode</div>
    <div>Third mode</div>
    <div>Fourth mode</div>
  </basic-modes>
{'fraction_non_alphanumeric': 0.20674740484429066, 'fraction_numerical': 0.00865051903114187, 'mean_word_length': 5.371900826446281, 'pattern_counts': {'":': 0, '<': 77, '<?xml version=': 0, '>': 77, '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': '6012422', 'n_tokens_mistral': 823, 'n_tokens_neox': 782, 'n_words': 147}