<h2 class="toc">Libraries</h2>

<p>This app exposes a set of npm libraries under the <a href="../ui/">ui/</a>
directory that you can include in your application.</p>

<div class="mt-4 mb-0">
  <a href="https://code.gramener.com/ctot/g1/" class="font-weight-bold" target="_blank">g1</a>: Gramex UI library
</div>
{% apply only_source %}
<script src="ui/g1/dist/g1.min.js"></script> {% end %}

<div class="mt-4 mb-0">
  <a href="https://github.com/florian/cookie.js" class="font-weight-bold" target="_blank">cookie</a>: cookie parser
</div>
{% apply only_source %}
<script src="ui/cookie_js/cookie.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://d3js.org/" class="font-weight-bold" target="_blank">d3</a>: low-level chart library
</div>
{% apply only_source %}
<script src="ui/d3/build/d3.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="http://www.daterangepicker.com/" class="font-weight-bold" target="_blank">daterangepicker</a>: date selector
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/daterangepicker/daterangepicker.css">
<script src="ui/daterangepicker/daterangepicker.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="http://fontawesome.io/" class="font-weight-bold" target="_blank">font-awesome</a>: icons
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/font-awesome/css/font-awesome.min.css">
{% end %}

<div class="mt-4 mb-0">
  <a href="http://leafletjs.com/" class="font-weight-bold" target="_blank">leaflet</a>: map library
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/leaflet/dist/leaflet.css">
<script src="ui/leaflet/dist/leaflet.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://lodash.com/docs/" class="font-weight-bold" target="_blank">lodash</a>: data processing
</div>
{% apply only_source %}
<script src="ui/lodash/lodash.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://momentjs.com/" class="font-weight-bold" target="_blank">moment</a>: time processing
</div>
{% apply only_source %}
<script src="ui/moment/min/moment-with-locales.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="http://numeraljs.com/" class="font-weight-bold" target="_blank">numeral</a>: number formatting
</div>
{% apply only_source %}
<script src="ui/numeral/min/numeral.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://ned.im/noty/" class="font-weight-bold" target="_blank">noty</a>: notifications
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/noty/lib/noty.css">
<script src="ui/noty/lib/noty.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://select2.org/" class="font-weight-bold" target="_blank">select2</a>: filters as pills
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/select2/dist/css/select2.min.css">
<script src="ui/select2/dist/js/select2.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="http://silviomoreto.github.io/bootstrap-select/" class="font-weight-bold" target="_blank">bootstrap-select</a>: styled select
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/bootstrap-select/dist/css/bootstrap-select.min.css">
<script src="ui/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="http://github.hubspot.com/shepherd/" class="font-weight-bold" target="_blank">shepherd</a>: guided tour
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/tether-shepherd/dist/css/shepherd-theme-arrows.css">
<link rel="stylesheet" href="ui/tether-shepherd/dist/css/shepherd-theme-dark.css">
<script src="ui/tether-shepherd/dist/js/tether.js"></script>
<script src="ui/tether-shepherd/dist/js/shepherd.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://github.com/topojson/topojson" class="font-weight-bold" target="_blank">topojson</a>: map library
</div>
{% apply only_source %}
<script src="ui/topojson/dist/topojson.min.js"></script>
{% end %}

<div class="mt-4 mb-0">
  <a href="https://www.dropzonejs.com/" class="font-weight-bold" target="_blank">Dropzone</a>: Drag and Drop AJAX uploads
</div>
{% apply only_source %}
<link rel="stylesheet" href="ui/dropzone/dist/min/dropzone.min.css">
<script src="ui/dropzone/dist/min/dropzone.min.js"></script>
{% end %}
<!--
Comment out deprecated libraries, but do not remove them.


<div class="mt-4 mb-0">
  <a href="" class="font-weight-bold" target="_blank">URLSearchParams</a>: polyfill for older browsers.
</div>
{% apply only_source %}
<script src="ui/url-search-params/build/url-search-params.js"></script>
{% end %}

-->
