knate/src/KNateSvgStatic.js

const K = require('kcore');
require('./KBSCNateSvg');
require('./KNateXmlStatic');

// -----------------------------------------------------------------------------
//                                 SVG Prototypes
// -----------------------------------------------------------------------------

K.NateSvgElemProto = Object.assign({}, K.NateXmlAbstractProto, K.BSC.NateSvgProto,
{
  init(parent, namespace)
  {
    K.NateXmlAbstractProto.init.call(this, parent, namespace);

    this.isAttributeNamesCaseSensitive = true;
    this.isTagNameCaseSensitive        = true;
    this.addSlashToOpenCloseAtOnceTag  = true;

    if (K.Object.isNotNull(parent))
    {
      parent.push(this);
    }
  },

  _getDefaultNamespace()
  {
    return K.nateSvgStaticNamespace;
  },

  newSVGElement(tag, params) {
    return this.tagOpenClose(tag, params);
  }
});

K.NateSvgDocumentProto = Object.assign({}, K.NateSvgElemProto,
{
  init(parent, namespace)
  {
    K.NateSvgElemProto.init.call(this, parent, namespace);

    this.set('width', 300);
    this.set('height', 200);
  },

  render()
  {
    let rv = '<svg'
           + ' version="1.1"'
           + ' baseProfile="full"'
           + ' width="'  + this.tagParamsList['width']  + '"'
           + ' height="' + this.tagParamsList['height'] + '"'
           + ' xmlns="http://www.w3.org/2000/svg">';

    rv += K.NateXmlAbstractProto.render.call(this);
    rv += '</svg>';

    return rv;
  }
});

// -----------------------------------------------------------------------------
//                                 SVG namespace
// -----------------------------------------------------------------------------

K.nateSvgStaticNamespace =
  K.nateXmlStaticNamespace.createExtension('SvgStatic', {nateProto: K.NateSvgElemProto});

// -----------------------------------------------------------------------------
//                                   SVG tags
// -----------------------------------------------------------------------------

K.BSC.nateSvgCommonOpenCloseAtOnceTags.forEach((tagName) => {
  K.nateSvgStaticNamespace.addCreateFunction(tagName, K.NateXmlAbstractProto.tagOpenCloseAtOnce);
})

K.BSC.nateSvgCommonTags.forEach((tagName) => {
  K.nateSvgStaticNamespace.addCreateFunction(tagName, K.NateXmlAbstractProto.tagOpenClose);
})

// -----------------------------------------------------------------------------
//                             SVG property setters
// -----------------------------------------------------------------------------

K.BSC.nateSvgAttributes.forEach((key) => {
  K.nateSvgStaticNamespace.addSetter(key, K.NateXmlAbstractProto.commonAttributeSetter)
})

// Special case: overload default handler for xlink:href.
// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
// "Note: SVG 2 removed the need for the xlink namespace, so instead of xlink:href you
// should use href."
// We emit href attribute instead of xlink:href to be consistent with what
// does DOM do.
K.nateSvgStaticNamespace.addSetter('xlink:href', (nNode, key, value) => {
  K.NateXmlAbstractProto.commonAttributeSetter(nNode, 'href', value)
})

// Href version should works too.
K.nateSvgStaticNamespace.addSetter('href', (nNode, key, value) => {
  K.NateXmlAbstractProto.commonAttributeSetter(nNode, 'href', value)
})

K.nateSvgStaticNamespace.addSetter('textContent', (nNode, key, value) => {
  const escapedValue = K.NateXmlAbstractProto.escapeXmlTags(value);
  K.NateXmlAbstractProto.commonInnerContentSetter(nNode, 'textContent', escapedValue)
})

// This is not a standard, but Firefox and Chrome implement it in theirs DOMs,
// so we keep this call for compatibility.
K.nateSvgStaticNamespace.addSetter('innerHTML',
  K.NateXmlAbstractProto.commonInnerContentSetter)

// -----------------------------------------------------------------------------
//                             SVG factory functions
// -----------------------------------------------------------------------------

K.NateSvgElem     = K.nateSvgStaticNamespace.createFactoryFunction(K.NateSvgElemProto);
K.NateSvgDocument = K.nateSvgStaticNamespace.createFactoryFunction(K.NateSvgDocumentProto);