<!--
  This in an HTML Import-able file that contains the JS and HTML Templates for
  the linkify-sk element.

  To use this file import it:

    <link href="/res/imp/linkify-sk.html" rel="import" />

  Properties:
    text - The text to linkify.

  Methods:
    None.

  Events:
    None.
-->
<link rel="import" href="/res/imp/bower_components/polymer/polymer.html">
<dom-module id="linkify-sk">
  <template>
    <span id="linkifiedText"></span>
    <span id="sanitized" style="display:none">{{text}}</span>
  </template>
  <script>
  (function() {
    Polymer({
      is: "linkify-sk",

      properties: {
        text: {
          type: String,
          value: "",
          observer: "_linkify",
        },
      },

      _linkify: function() {
        this.$.linkifiedText.innerHTML = sk.formatHTML(this.$.sanitized.innerHTML, true);
      }
    });
  }());
  </script>
</dom-module>