Components
==========

.. toctree::
   :maxdepth: 1

   chart
   item_chart
   item_price
   static_chart
   the_eye

Loading indicator
-----------------

``<loading>`` is the shared spinner used by other components
during async work. It is not a top-level page because it has
no user-facing surface of its own -- you mount it inside
another component and drive it from there.

Usage pattern:

.. code-block:: pug

   loading(ref="loading")

Then from the parent's script:

.. code-block:: javascript

   this.$refs.loading.start()   // when work begins
   this.$refs.loading.stop()    // when work ends

Component accepts following params:

* ``inContainer`` -- Boolean flag; when ``true``, the spinner
  is absolute-centered inside its parent (uses
  ``.in-container`` from ``_loading.sass``). Default
  ``false``.
* ``noText`` -- Boolean flag; when ``true``, hides the
  "loading..." text and shows only the spinner icon. Default
  ``false``.