UNPKG

react-saasify-chrisvxd

Version:

React components for Saasify web clients.

50 lines (43 loc) 1.33 kB
'use strict'; exports.type = 'perItem'; exports.active = false; exports.description = 'removes width and height in presence of viewBox (opposite to removeViewBox, disable it first)'; /** * Remove width/height attributes and add the viewBox attribute if it's missing * * @example * <svg width="100" height="50" /> * ↓ * <svg viewBox="0 0 100 50" /> * * @param {Object} item current iteration item * @return {Boolean} if true, with and height will be filtered out * * @author Benny Schudel */ exports.fn = function(item) { if (item.isElem('svg')) { if (item.hasAttr('viewBox')) { item.removeAttr('width'); item.removeAttr('height'); } else if ( item.hasAttr('width') && item.hasAttr('height') && !isNaN(Number(item.attr('width').value)) && !isNaN(Number(item.attr('height').value)) ) { item.addAttr({ name: 'viewBox', value: '0 0 ' + Number(item.attr('width').value) + ' ' + Number(item.attr('height').value), prefix: '', local: 'viewBox' }); item.removeAttr('width'); item.removeAttr('height'); } } };