<commit_before><!--on-tap="bla" on-hold="bli" on-release="blo" on-holdpulse="ble"-->
<!--TODO: replace three-viewer with usco-base-viewer??
<link rel="import" href="components/usco-viewer-base/three-viewer/three-viewer.html">
-->

<link rel="import" href="../components/asset-manager/element/asset-manager.html">
<link rel="import" href="../components/usco-viewer-base/three-viewer/three-viewer.html">


<script src="lib/custom-grid-helper.js"></script>

<polymer-element name="usco-ultiviewer" extends="three-viewer" attributes="showGrid">
  <template>
    <link rel="stylesheet" type="text/css" href="usco-ultiviewer.css">
    <asset-manager id="assetsMgr"> </asset-manager>

    <div id="viewWrapper" touch-action="none" on-pointermove="{{onPointerMove}}" on-pointerdown="{{onPointerDown}}" on-pointerup="{{onPointerUp}}" on-longstatictap="{{onLongstatictap}}" on-longmovetap="{{onLongmovetap}}">
      <div id="viewer"></div>
      <three-stats id="stats" show="{{showStats}}"></three-stats>

      <div id="resourcesList" style="position:absolute;top:0px;right:20px">
        <template repeat="{{resource in resources}}">
          <template if="{{!resource.loaded}}"> <!-- only display resources info if not yet fully loaded-->
            <div id="resourceLoading" >Loading: {{resource.name}} Download: {{resource.fetchProgress}} % Total:{{resource.totalDisplaySize}} Loaded:{{resource.loaded}}</div>
            <template if="{{resource.totalRawSize > warningSize}}">
              <div style="color:red"> Warning: large file</div>
            </template>
          </template>
        </template>
      </div>
    </div>
  </template>
  <!--TODO: perhaps favour composition over inheritance ??
  <three-viewer style="width:100%; height:100%"> </three-viewer>
  -->
<script src="usco-ultiviewer.js"></script>
</polymer-element>

<commit_msg>- experimenting / adding additionnal basic ui elements<commit_after><!--on-tap="bla" on-hold="bli" on-release="blo" on-holdpulse="ble"-->
<!--TODO: replace three-viewer with usco-base-viewer??
<link rel="import" href="components/usco-viewer-base/three-viewer/three-viewer.html">
-->

<link rel="import" href="../components/asset-manager/element/asset-manager.html">
<link rel="import" href="../components/usco-viewer-base/three-viewer/three-viewer.html">


<script src="lib/custom-grid-helper.js"></script>

<polymer-element name="usco-ultiviewer" extends="three-viewer" attributes="showGrid">
  <template>
    <link rel="stylesheet" type="text/css" href="usco-ultiviewer.css">
    <asset-manager id="assetsMgr"> </asset-manager>

    <div id="viewWrapper" touch-action="none" on-pointermove="{{onPointerMove}}" on-pointerdown="{{onPointerDown}}" on-pointerup="{{onPointerUp}}" on-longstatictap="{{onLongstatictap}}" on-longmovetap="{{onLongmovetap}}">
      <div id="viewer"></div>
      <three-stats id="stats" show="{{showStats}}"></three-stats>

      <div style="position:absolute;top:0px;left:20px" >
        <div><a href="#">Download</a> <a href="#">Edit</a></div>
      </div>

      <div style="position:absolute;top:0px;right:20px">
        <div><a href="#">Fullscreen</a> <a href="#">Show grid</a></div>
      </div>

      <!-- seperate this out to another component ?? -->
      <div id="resourcesList" style="position:absolute;top:40px;right:20px">
        <template repeat="{{resource in resources}}">
          <template if="{{!resource.loaded}}"> <!-- only display resources info if not yet fully loaded-->
            <div id="resourceLoading" >Loading: {{resource.name}} Download: {{resource.fetchProgress}} % Total:{{resource.totalDisplaySize}} Loaded:{{resource.loaded}}</div>
            <template if="{{resource.totalRawSize > warningSize}}">
              <div style="color:red"> Warning: large file</div>
            </template>
          </template>
        </template>
      </div>
    </div>
  </template>
  <!--TODO: perhaps favour composition over inheritance ??
  <three-viewer style="width:100%; height:100%"> </three-viewer>
  -->
<script src="usco-ultiviewer.js"></script>
</polymer-element>


{'fraction_non_alphanumeric': 0.2009322865554465, 'fraction_numerical': 0.006133464180569185, 'mean_word_length': 4.206896551724138, 'pattern_counts': {'":': 0, '<': 96, '<?xml version=': 0, '>': 98, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4922222', 'n_tokens_mistral': 1303, 'n_tokens_neox': 1259, 'n_words': 223}