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.
62 lines
1.7 KiB
62 lines
1.7 KiB
'use strict'; |
|
|
|
const { pathElems, referencesProps } = require('./_collections.js'); |
|
|
|
exports.name = 'moveGroupAttrsToElems'; |
|
|
|
exports.type = 'perItem'; |
|
|
|
exports.active = true; |
|
|
|
exports.description = 'moves some group attributes to the content elements'; |
|
|
|
const pathElemsWithGroupsAndText = [...pathElems, 'g', 'text']; |
|
|
|
/** |
|
* Move group attrs to the content elements. |
|
* |
|
* @example |
|
* <g transform="scale(2)"> |
|
* <path transform="rotate(45)" d="M0,0 L10,20"/> |
|
* <path transform="translate(10, 20)" d="M0,10 L20,30"/> |
|
* </g> |
|
* ⬇ |
|
* <g> |
|
* <path transform="scale(2) rotate(45)" d="M0,0 L10,20"/> |
|
* <path transform="scale(2) translate(10, 20)" d="M0,10 L20,30"/> |
|
* </g> |
|
* |
|
* @param {Object} item current iteration item |
|
* @return {Boolean} if false, item will be filtered out |
|
* |
|
* @author Kir Belevich |
|
*/ |
|
exports.fn = function (item) { |
|
// move group transform attr to content's pathElems |
|
if ( |
|
item.type === 'element' && |
|
item.name === 'g' && |
|
item.children.length !== 0 && |
|
item.attributes.transform != null && |
|
Object.entries(item.attributes).some( |
|
([name, value]) => |
|
referencesProps.includes(name) && value.includes('url(') |
|
) === false && |
|
item.children.every( |
|
(inner) => |
|
pathElemsWithGroupsAndText.includes(inner.name) && |
|
inner.attributes.id == null |
|
) |
|
) { |
|
for (const inner of item.children) { |
|
const value = item.attributes.transform; |
|
if (inner.attributes.transform != null) { |
|
inner.attributes.transform = value + ' ' + inner.attributes.transform; |
|
} else { |
|
inner.attributes.transform = value; |
|
} |
|
} |
|
|
|
delete item.attributes.transform; |
|
} |
|
};
|
|
|