import Ember from 'ember';

import layout from '../templates/components/doc-literal';

export default Ember.Component.extend({

  layout: layout,

  tagName: 'span',

  value: Ember.computed('url', function() {

    var url = this.get('url');

    if(typeof url === 'string') {

      return url;

    }

    else if (typeof url === 'object' && !Array.isArray(url) && 'value' in url) {

      return url['value'];

    }

    else {

      return null;

    }

  }),

  lang: Ember.computed('url', function() {

    var url = this.get('url');

    if (typeof url === 'object' && !Array.isArray(url) && 'lang' in url) {

      return url['lang'];

    }

    else {

      return null;

    }

  }),

  datatype: Ember.computed('url', function() {

    var url = this.get('url');

    if (typeof url === 'object' && !Array.isArray(url) && 'datatype' in url) {

      return url['datatype'];

    }

    else {

      return null;

    }

  })

});