You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
			
				
					226 lines
				
				6.5 KiB
			
		
		
			
		
	
	
					226 lines
				
				6.5 KiB
			| 
								 
											4 years ago
										 
									 | 
							
								'use strict';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								exports.type = 'perItem';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								exports.active = true;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								exports.description = 'removes hidden elements (zero sized, with absent attributes)';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								exports.params = {
							 | 
						||
| 
								 | 
							
								    isHidden: true,
							 | 
						||
| 
								 | 
							
								    displayNone: true,
							 | 
						||
| 
								 | 
							
								    opacity0: true,
							 | 
						||
| 
								 | 
							
								    circleR0: true,
							 | 
						||
| 
								 | 
							
								    ellipseRX0: true,
							 | 
						||
| 
								 | 
							
								    ellipseRY0: true,
							 | 
						||
| 
								 | 
							
								    rectWidth0: true,
							 | 
						||
| 
								 | 
							
								    rectHeight0: true,
							 | 
						||
| 
								 | 
							
								    patternWidth0: true,
							 | 
						||
| 
								 | 
							
								    patternHeight0: true,
							 | 
						||
| 
								 | 
							
								    imageWidth0: true,
							 | 
						||
| 
								 | 
							
								    imageHeight0: true,
							 | 
						||
| 
								 | 
							
								    pathEmptyD: true,
							 | 
						||
| 
								 | 
							
								    polylineEmptyPoints: true,
							 | 
						||
| 
								 | 
							
								    polygonEmptyPoints: true
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								var regValidPath = /M\s*(?:[-+]?(?:\d*\.\d+|\d+(?:\.|(?!\.)))([eE][-+]?\d+)?(?!\d)\s*,?\s*){2}\D*\d/i;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								 * Remove hidden elements with disabled rendering:
							 | 
						||
| 
								 | 
							
								 * - display="none"
							 | 
						||
| 
								 | 
							
								 * - opacity="0"
							 | 
						||
| 
								 | 
							
								 * - circle with zero radius
							 | 
						||
| 
								 | 
							
								 * - ellipse with zero x-axis or y-axis radius
							 | 
						||
| 
								 | 
							
								 * - rectangle with zero width or height
							 | 
						||
| 
								 | 
							
								 * - pattern with zero width or height
							 | 
						||
| 
								 | 
							
								 * - image with zero width or height
							 | 
						||
| 
								 | 
							
								 * - path with empty data
							 | 
						||
| 
								 | 
							
								 * - polyline with empty points
							 | 
						||
| 
								 | 
							
								 * - polygon with empty points
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * @param {Object} item current iteration item
							 | 
						||
| 
								 | 
							
								 * @param {Object} params plugin params
							 | 
						||
| 
								 | 
							
								 * @return {Boolean} if false, item will be filtered out
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * @author Kir Belevich
							 | 
						||
| 
								 | 
							
								 */
							 | 
						||
| 
								 | 
							
								exports.fn = function (item, params) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    if (item.elem) {
							 | 
						||
| 
								 | 
							
								        // Removes hidden elements
							 | 
						||
| 
								 | 
							
								        // https://www.w3schools.com/cssref/pr_class_visibility.asp
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.isHidden &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('visibility', 'hidden')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // display="none"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/painting.html#DisplayProperty
							 | 
						||
| 
								 | 
							
								        // "A value of display: none indicates that the given element
							 | 
						||
| 
								 | 
							
								        // and its children shall not be rendered directly"
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.displayNone &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('display', 'none')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // opacity="0"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/masking.html#ObjectAndGroupOpacityProperties
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.opacity0 &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('opacity', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Circles with zero radius
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#CircleElementRAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <circle r="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.circleR0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('circle') &&
							 | 
						||
| 
								 | 
							
								            item.isEmpty() &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('r', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Ellipse with zero x-axis radius
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#EllipseElementRXAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <ellipse rx="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.ellipseRX0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('ellipse') &&
							 | 
						||
| 
								 | 
							
								            item.isEmpty() &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('rx', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Ellipse with zero y-axis radius
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#EllipseElementRYAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <ellipse ry="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.ellipseRY0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('ellipse') &&
							 | 
						||
| 
								 | 
							
								            item.isEmpty() &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('ry', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Rectangle with zero width
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#RectElementWidthAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <rect width="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.rectWidth0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('rect') &&
							 | 
						||
| 
								 | 
							
								            item.isEmpty() &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('width', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Rectangle with zero height
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#RectElementHeightAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <rect height="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.rectHeight0 &&
							 | 
						||
| 
								 | 
							
								            params.rectWidth0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('rect') &&
							 | 
						||
| 
								 | 
							
								            item.isEmpty() &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('height', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Pattern with zero width
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/pservers.html#PatternElementWidthAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element (i.e., no paint is applied)"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <pattern width="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.patternWidth0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('pattern') &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('width', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Pattern with zero height
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/pservers.html#PatternElementHeightAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element (i.e., no paint is applied)"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <pattern height="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.patternHeight0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('pattern') &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('height', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Image with zero width
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/struct.html#ImageElementWidthAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <image width="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.imageWidth0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('image') &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('width', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Image with zero height
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/struct.html#ImageElementHeightAttribute
							 | 
						||
| 
								 | 
							
								        // "A value of zero disables rendering of the element"
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <image height="0">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.imageHeight0 &&
							 | 
						||
| 
								 | 
							
								            item.isElem('image') &&
							 | 
						||
| 
								 | 
							
								            item.hasAttr('height', '0')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Path with empty data
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/paths.html#DAttribute
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <path d=""/>
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.pathEmptyD &&
							 | 
						||
| 
								 | 
							
								            item.isElem('path') &&
							 | 
						||
| 
								 | 
							
								            (!item.hasAttr('d') || !regValidPath.test(item.attr('d').value))
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Polyline with empty points
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#PolylineElementPointsAttribute
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <polyline points="">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.polylineEmptyPoints &&
							 | 
						||
| 
								 | 
							
								            item.isElem('polyline') &&
							 | 
						||
| 
								 | 
							
								            !item.hasAttr('points')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Polygon with empty points
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // http://www.w3.org/TR/SVG/shapes.html#PolygonElementPointsAttribute
							 | 
						||
| 
								 | 
							
								        //
							 | 
						||
| 
								 | 
							
								        // <polygon points="">
							 | 
						||
| 
								 | 
							
								        if (
							 | 
						||
| 
								 | 
							
								            params.polygonEmptyPoints &&
							 | 
						||
| 
								 | 
							
								            item.isElem('polygon') &&
							 | 
						||
| 
								 | 
							
								            !item.hasAttr('points')
							 | 
						||
| 
								 | 
							
								        ) return false;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								};
							 |