<!DOCTYPE html>
<!--
Copyright (c) 2015 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<link rel="import" href="/base/units/size_in_bytes.html">

<polymer-element name="tr-ui-u-size-in-bytes-span">
  <template>
    <style>
    :host {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    </style>
    <span id="content"></span>
  </template>
  <script>
  'use strict';

  Polymer({
    ready: function() {
      this.$.content.textContent = String.fromCharCode(9888);
      this.numBytes_ = undefined;
    },

    get numBytes() {
      return this.numBytes_;
    },

    set numBytes(numBytesOrSizeInBytes) {
      if (numBytesOrSizeInBytes instanceof tr.b.units.SizeInBytes)
        this.numBytes_ = numBytesOrSizeInBytes.numBytes;
      else
        this.numBytes_ = numBytesOrSizeInBytes;

      this.$.content.textContent =
          tr.b.units.SizeInBytes.format(this.numBytes_);
    },

    get stringContent() {
      return this.$.content.textContent;
    }
  });
  </script>
</polymer-element>