@iconify/tools 2.0.9 → 2.0.13

package/lib/icon-set/index.js

@@ -42,7 +42,7 @@ class IconSet {
     load(data) {
         this.prefix = data.prefix;
         // Defaults
-        const defaultProps = (0, props_1.filterProps)(data);
+        const defaultProps = (0, props_1.filterProps)(data, true);
         // Add icons
         this.entries = Object.create(null);
         const entries = this.entries;
@@ -51,7 +51,10 @@ class IconSet {
             const entry = {
                 type: 'icon',
                 body: item.body,
-                props: { ...defaultProps, ...(0, props_1.filterProps)(item) },
+                props: (0, props_1.filterProps)({
+                    ...defaultProps,
+                    ...item,
+                }, true),
                 chars: new Set(),
                 categories: new Set(),
             };
@@ -62,7 +65,7 @@ class IconSet {
             for (const name in data.aliases) {
                 const item = data.aliases[name];
                 const parent = item.parent;
-                const props = (0, props_1.filterProps)(item);
+                const props = (0, props_1.filterProps)(item, false);
                 const chars = new Set();
                 if (Object.keys(props).length) {
                     // Variation
@@ -71,7 +74,6 @@ class IconSet {
                         parent,
                         props,
                         chars,
-                        categories: new Set(),
                     };
                     entries[name] = entry;
                 }
@@ -111,7 +113,6 @@ class IconSet {
                     const icon = entries[iconName];
                     switch (icon === null || icon === void 0 ? void 0 : icon.type) {
                         case 'icon':
-                        case 'variation':
                             icon.categories.add(item);
                     }
                 });
@@ -342,6 +343,7 @@ class IconSet {
             .forEach((item) => {
             const names = this.listCategory(item);
             if (names) {
+                names.sort((a, b) => a.localeCompare(b));
                 categories[item.title] = names;
             }
         });
@@ -460,8 +462,8 @@ class IconSet {
             return null;
         }
         // Find icons
-        const icons = this._filter((_key, item, icon) => {
-            if (item.type === 'alias' || item.props.hidden || (icon === null || icon === void 0 ? void 0 : icon.hidden)) {
+        const icons = this._filter((_key, item) => {
+            if (item.type !== 'icon' || item.props.hidden) {
                 return false;
             }
             return item.categories.has(categoryItem);
@@ -600,7 +602,7 @@ class IconSet {
         return this.setItem(name, {
             type: 'icon',
             body: icon.body,
-            props: (0, props_1.filterProps)(icon),
+            props: (0, props_1.filterProps)(icon, true),
             chars: new Set(),
             categories: new Set(),
         });
@@ -619,26 +621,11 @@ class IconSet {
      * Add/update alias with props
      */
     setVariation(name, parent, props) {
-        // Copy categories
-        let categories;
-        while (!categories) {
-            const parentItem = this.entries[parent];
-            if (!parentItem) {
-                return false;
-            }
-            if (parentItem.type === 'alias') {
-                parent = parentItem.parent;
-            }
-            else {
-                categories = new Set(parentItem.categories);
-            }
-        }
         return this.setItem(name, {
             type: 'variation',
             parent,
             props,
             chars: new Set(),
-            categories,
         });
     }
     /**
@@ -664,7 +651,7 @@ class IconSet {
                     body,
                     props,
                     chars: item.chars,
-                    categories: item.categories,
+                    categories: item.type === 'icon' ? item.categories : new Set(),
                 });
             }
         }
@@ -699,7 +686,6 @@ class IconSet {
         }
         switch (item.type) {
             case 'icon':
-            case 'variation':
                 if (item.categories.has(categoryItem) !== add) {
                     categoryItem.count += add ? 1 : -1;
                     item.categories[add ? 'add' : 'delete'](categoryItem);

package/lib/icon-set/index.mjs

@@ -21,7 +21,7 @@ var IconSet = class {
   }
   load(data) {
     this.prefix = data.prefix;
-    const defaultProps = filterProps(data);
+    const defaultProps = filterProps(data, true);
     this.entries = Object.create(null);
     const entries = this.entries;
     for (const name in data.icons) {
@@ -29,7 +29,10 @@ var IconSet = class {
       const entry = {
         type: "icon",
         body: item.body,
-        props: { ...defaultProps, ...filterProps(item) },
+        props: filterProps({
+          ...defaultProps,
+          ...item
+        }, true),
         chars: new Set(),
         categories: new Set()
       };
@@ -39,15 +42,14 @@ var IconSet = class {
       for (const name in data.aliases) {
         const item = data.aliases[name];
         const parent = item.parent;
-        const props = filterProps(item);
+        const props = filterProps(item, false);
         const chars = new Set();
         if (Object.keys(props).length) {
           const entry = {
             type: "variation",
             parent,
             props,
-            chars,
-            categories: new Set()
+            chars
           };
           entries[name] = entry;
         } else {
@@ -82,7 +84,6 @@ var IconSet = class {
           const icon = entries[iconName];
           switch (icon == null ? void 0 : icon.type) {
             case "icon":
-            case "variation":
               icon.categories.add(item);
           }
         });
@@ -271,6 +272,7 @@ var IconSet = class {
     Array.from(this.categories).sort((a, b) => a.title.localeCompare(b.title)).forEach((item) => {
       const names2 = this.listCategory(item);
       if (names2) {
+        names2.sort((a, b) => a.localeCompare(b));
         categories[item.title] = names2;
       }
     });
@@ -362,8 +364,8 @@ var IconSet = class {
     if (!categoryItem) {
       return null;
     }
-    const icons = this._filter((_key, item, icon) => {
-      if (item.type === "alias" || item.props.hidden || (icon == null ? void 0 : icon.hidden)) {
+    const icons = this._filter((_key, item) => {
+      if (item.type !== "icon" || item.props.hidden) {
         return false;
       }
       return item.categories.has(categoryItem);
@@ -474,7 +476,7 @@ var IconSet = class {
     return this.setItem(name, {
       type: "icon",
       body: icon.body,
-      props: filterProps(icon),
+      props: filterProps(icon, true),
       chars: new Set(),
       categories: new Set()
     });
@@ -487,24 +489,11 @@ var IconSet = class {
     });
   }
   setVariation(name, parent, props) {
-    let categories;
-    while (!categories) {
-      const parentItem = this.entries[parent];
-      if (!parentItem) {
-        return false;
-      }
-      if (parentItem.type === "alias") {
-        parent = parentItem.parent;
-      } else {
-        categories = new Set(parentItem.categories);
-      }
-    }
     return this.setItem(name, {
       type: "variation",
       parent,
       props,
-      chars: new Set(),
-      categories
+      chars: new Set()
     });
   }
   fromSVG(name, svg) {
@@ -525,7 +514,7 @@ var IconSet = class {
           body,
           props,
           chars: item.chars,
-          categories: item.categories
+          categories: item.type === "icon" ? item.categories : new Set()
         });
       }
     }
@@ -553,7 +542,6 @@ var IconSet = class {
     }
     switch (item.type) {
       case "icon":
-      case "variation":
         if (item.categories.has(categoryItem) !== add) {
           categoryItem.count += add ? 1 : -1;
           item.categories[add ? "add" : "delete"](categoryItem);

package/lib/icon-set/merge.js

@@ -66,7 +66,6 @@ function mergeIconSets(oldIcons, newIcons) {
                             ...props,
                             hidden: true,
                         },
-                        categories: new Set(),
                     });
                 }
                 else {

package/lib/icon-set/merge.mjs

@@ -49,8 +49,7 @@ function mergeIconSets(oldIcons, newIcons) {
             props: {
               ...props,
               hidden: true
-            },
-            categories: new Set()
+            }
           });
         } else {
           mergedIcons.setItem(name, {

package/lib/icon-set/props.d.ts

@@ -7,4 +7,4 @@ export declare const defaultCommonProps: Required<CommonIconProps>;
 /**
  * Filter icon props: copies properties, removing undefined and default entries
  */
-export declare function filterProps(data: CommonIconProps): CommonIconProps;
+export declare function filterProps(data: CommonIconProps, compareDefaultValues: boolean): CommonIconProps;

package/lib/icon-set/props.js

@@ -19,12 +19,13 @@ const props = Object.keys(exports.defaultCommonProps);
 /**
  * Filter icon props: copies properties, removing undefined and default entries
  */
-function filterProps(data) {
+function filterProps(data, compareDefaultValues) {
     const result = {};
     props.forEach((attr) => {
         const value = data[attr];
         if (value !== void 0 &&
-            value !== exports.defaultCommonProps[attr]) {
+            (!compareDefaultValues ||
+                value !== exports.defaultCommonProps[attr])) {
             result[attr] = value;
         }
     });

package/lib/icon-set/props.mjs

@@ -8,11 +8,11 @@ var defaultCommonProps = {
   ...extraDefaultProps
 };
 var props = Object.keys(defaultCommonProps);
-function filterProps(data) {
+function filterProps(data, compareDefaultValues) {
   const result = {};
   props.forEach((attr) => {
     const value = data[attr];
-    if (value !== void 0 && value !== defaultCommonProps[attr]) {
+    if (value !== void 0 && (!compareDefaultValues || value !== defaultCommonProps[attr])) {
       result[attr] = value;
     }
   });

package/lib/icon-set/types.d.ts

@@ -25,6 +25,8 @@ export interface IconWithChars {
 }
 export interface IconWithPropsData extends IconWithChars {
     props: CommonIconProps;
+}
+export interface IconWithCategories {
     categories: Set<IconCategory>;
 }
 export interface IconParentData {
@@ -33,7 +35,7 @@ export interface IconParentData {
 /**
  * Icon types
  */
-export interface IconSetIcon extends IconWithPropsData {
+export interface IconSetIcon extends IconWithPropsData, IconWithCategories {
     type: 'icon';
     body: string;
 }

package/lib/import/figma/nodes.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFigmaIconNodes = void 0;
-// eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function assertNever(v) {
     //
 }
@@ -24,9 +24,8 @@ async function getFigmaIconNodes(document, options) {
                 if (iconNode.absoluteBoundingBox) {
                     const box = iconNode.absoluteBoundingBox;
                     const item = {
-                        id: node.id,
+                        ...node,
                         type: iconNodeType,
-                        name: node.name,
                         width: box.width,
                         height: box.height,
                         parents,
@@ -70,9 +69,8 @@ async function getFigmaIconNodes(document, options) {
             case 'FRAME':
             case 'GROUP': {
                 const parentItem = {
-                    id: node.id,
+                    ...node,
                     type: parentNodeType,
-                    name: node.name,
                 };
                 const newParents = parents.concat([parentItem]);
                 if (!parents.length && options.pages) {

package/lib/import/figma/nodes.mjs

@@ -16,9 +16,8 @@ async function getFigmaIconNodes(document, options) {
         if (iconNode.absoluteBoundingBox) {
           const box = iconNode.absoluteBoundingBox;
           const item = {
-            id: node.id,
+            ...node,
             type: iconNodeType,
-            name: node.name,
             width: box.width,
             height: box.height,
             parents
@@ -57,9 +56,8 @@ async function getFigmaIconNodes(document, options) {
       case "FRAME":
       case "GROUP": {
         const parentItem = {
-          id: node.id,
-          type: parentNodeType,
-          name: node.name
+          ...node,
+          type: parentNodeType
         };
         const newParents = parents.concat([parentItem]);
         if (!parents.length && options.pages) {

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 export { SVG } from './svg/index';
 export { parseSVG } from './svg/parse';
 export { parseSVGStyle } from './svg/parse-style';
+export { analyseSVGStructure } from './svg/analyse';
 export { cleanupSVG } from './svg/cleanup';
 export { removeBadAttributes } from './svg/cleanup/attribs';
 export { checkBadTags } from './svg/cleanup/bad-tags';
@@ -14,6 +15,7 @@ export { importDirectory } from './import/directory';
 export { downloadGitRepo } from './download/git/index';
 export { getGitRepoHash } from './download/git/hash';
 export { getGitRepoBranch } from './download/git/branch';
+export { resetGitRepoContents } from './download/git/reset';
 export { downloadGitHubRepo } from './download/github/index';
 export { getGitHubRepoHash } from './download/github/hash';
 export { downloadGitLabRepo } from './download/gitlab/index';
@@ -26,6 +28,7 @@ export { validateColors } from './colors/validate';
 export { runSVGO } from './optimise/svgo';
 export { deOptimisePaths } from './optimise/flags';
 export { scaleSVG } from './optimise/scale';
+export { cleanupGlobalStyle } from './optimise/global-style';
 export { exportToDirectory } from './export/directory';
 export { exportIconPackage } from './export/icon-package';
 export { exportJSONPackage } from './export/json-package';

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sendAPIQuery = exports.bumpVersion = exports.cleanupIconKeyword = exports.execAsync = exports.untar = exports.unzip = exports.compareDirectories = exports.scanDirectory = exports.prepareDirectoryForExport = exports.writeJSONFile = exports.exportJSONPackage = exports.exportIconPackage = exports.exportToDirectory = exports.scaleSVG = exports.deOptimisePaths = exports.runSVGO = exports.validateColors = exports.isEmptyColor = exports.parseColors = exports.downloadPackage = exports.getPackageVersion = exports.getNPMVersion = exports.downloadNPMPackage = exports.getGitLabRepoHash = exports.downloadGitLabRepo = exports.getGitHubRepoHash = exports.downloadGitHubRepo = exports.getGitRepoBranch = exports.getGitRepoHash = exports.downloadGitRepo = exports.importDirectory = exports.importFromFigma = exports.mergeIconSets = exports.blankIconSet = exports.IconSet = exports.convertStyleToAttrs = exports.cleanupSVGRoot = exports.cleanupInlineStyle = exports.checkBadTags = exports.removeBadAttributes = exports.cleanupSVG = exports.parseSVGStyle = exports.parseSVG = exports.SVG = void 0;
+exports.sendAPIQuery = exports.bumpVersion = exports.cleanupIconKeyword = exports.execAsync = exports.untar = exports.unzip = exports.compareDirectories = exports.scanDirectory = exports.prepareDirectoryForExport = exports.writeJSONFile = exports.exportJSONPackage = exports.exportIconPackage = exports.exportToDirectory = exports.cleanupGlobalStyle = exports.scaleSVG = exports.deOptimisePaths = exports.runSVGO = exports.validateColors = exports.isEmptyColor = exports.parseColors = exports.downloadPackage = exports.getPackageVersion = exports.getNPMVersion = exports.downloadNPMPackage = exports.getGitLabRepoHash = exports.downloadGitLabRepo = exports.getGitHubRepoHash = exports.downloadGitHubRepo = exports.resetGitRepoContents = exports.getGitRepoBranch = exports.getGitRepoHash = exports.downloadGitRepo = exports.importDirectory = exports.importFromFigma = exports.mergeIconSets = exports.blankIconSet = exports.IconSet = exports.convertStyleToAttrs = exports.cleanupSVGRoot = exports.cleanupInlineStyle = exports.checkBadTags = exports.removeBadAttributes = exports.cleanupSVG = exports.analyseSVGStructure = exports.parseSVGStyle = exports.parseSVG = exports.SVG = void 0;
 // SVG class and functions
 var index_1 = require("./svg/index");
 Object.defineProperty(exports, "SVG", { enumerable: true, get: function () { return index_1.SVG; } });
@@ -8,6 +8,8 @@ var parse_1 = require("./svg/parse");
 Object.defineProperty(exports, "parseSVG", { enumerable: true, get: function () { return parse_1.parseSVG; } });
 var parse_style_1 = require("./svg/parse-style");
 Object.defineProperty(exports, "parseSVGStyle", { enumerable: true, get: function () { return parse_style_1.parseSVGStyle; } });
+var analyse_1 = require("./svg/analyse");
+Object.defineProperty(exports, "analyseSVGStructure", { enumerable: true, get: function () { return analyse_1.analyseSVGStructure; } });
 // SVG cleanup
 var cleanup_1 = require("./svg/cleanup");
 Object.defineProperty(exports, "cleanupSVG", { enumerable: true, get: function () { return cleanup_1.cleanupSVG; } });
@@ -39,6 +41,8 @@ var hash_1 = require("./download/git/hash");
 Object.defineProperty(exports, "getGitRepoHash", { enumerable: true, get: function () { return hash_1.getGitRepoHash; } });
 var branch_1 = require("./download/git/branch");
 Object.defineProperty(exports, "getGitRepoBranch", { enumerable: true, get: function () { return branch_1.getGitRepoBranch; } });
+var reset_1 = require("./download/git/reset");
+Object.defineProperty(exports, "resetGitRepoContents", { enumerable: true, get: function () { return reset_1.resetGitRepoContents; } });
 var index_5 = require("./download/github/index");
 Object.defineProperty(exports, "downloadGitHubRepo", { enumerable: true, get: function () { return index_5.downloadGitHubRepo; } });
 var hash_2 = require("./download/github/hash");
@@ -66,6 +70,8 @@ var flags_1 = require("./optimise/flags");
 Object.defineProperty(exports, "deOptimisePaths", { enumerable: true, get: function () { return flags_1.deOptimisePaths; } });
 var scale_1 = require("./optimise/scale");
 Object.defineProperty(exports, "scaleSVG", { enumerable: true, get: function () { return scale_1.scaleSVG; } });
+var global_style_1 = require("./optimise/global-style");
+Object.defineProperty(exports, "cleanupGlobalStyle", { enumerable: true, get: function () { return global_style_1.cleanupGlobalStyle; } });
 // Export
 var directory_2 = require("./export/directory");
 Object.defineProperty(exports, "exportToDirectory", { enumerable: true, get: function () { return directory_2.exportToDirectory; } });

package/lib/index.mjs

@@ -2,6 +2,7 @@
 import { SVG } from "./svg/index.mjs";
 import { parseSVG } from "./svg/parse.mjs";
 import { parseSVGStyle } from "./svg/parse-style.mjs";
+import { analyseSVGStructure } from "./svg/analyse.mjs";
 import { cleanupSVG } from "./svg/cleanup.mjs";
 import { removeBadAttributes } from "./svg/cleanup/attribs.mjs";
 import { checkBadTags } from "./svg/cleanup/bad-tags.mjs";
@@ -15,6 +16,7 @@ import { importDirectory } from "./import/directory.mjs";
 import { downloadGitRepo } from "./download/git/index.mjs";
 import { getGitRepoHash } from "./download/git/hash.mjs";
 import { getGitRepoBranch } from "./download/git/branch.mjs";
+import { resetGitRepoContents } from "./download/git/reset.mjs";
 import { downloadGitHubRepo } from "./download/github/index.mjs";
 import { getGitHubRepoHash } from "./download/github/hash.mjs";
 import { downloadGitLabRepo } from "./download/gitlab/index.mjs";
@@ -27,6 +29,7 @@ import { validateColors } from "./colors/validate.mjs";
 import { runSVGO } from "./optimise/svgo.mjs";
 import { deOptimisePaths } from "./optimise/flags.mjs";
 import { scaleSVG } from "./optimise/scale.mjs";
+import { cleanupGlobalStyle } from "./optimise/global-style.mjs";
 import { exportToDirectory } from "./export/directory.mjs";
 import { exportIconPackage } from "./export/icon-package.mjs";
 import { exportJSONPackage } from "./export/json-package.mjs";
@@ -43,9 +46,11 @@ import { sendAPIQuery } from "./download/api/index.mjs";
 export {
   IconSet,
   SVG,
+  analyseSVGStructure,
   blankIconSet,
   bumpVersion,
   checkBadTags,
+  cleanupGlobalStyle,
   cleanupIconKeyword,
   cleanupInlineStyle,
   cleanupSVG,
@@ -77,6 +82,7 @@ export {
   parseSVGStyle,
   prepareDirectoryForExport,
   removeBadAttributes,
+  resetGitRepoContents,
   runSVGO,
   scaleSVG,
   scanDirectory,

package/lib/optimise/flags.js

@@ -64,6 +64,15 @@ function cleanPath(path) {
             });
             currentArgs = [];
             canParseCommandOrComma = true;
+            // Change command for lines after moving
+            switch (currentCommand) {
+                case 'M':
+                    currentCommand = 'L';
+                    break;
+                case 'm':
+                    currentCommand = 'l';
+                    break;
+            }
         }
     };
     const parseNumber = () => {

package/lib/optimise/flags.mjs

@@ -44,6 +44,14 @@ function cleanPath(path) {
       });
       currentArgs = [];
       canParseCommandOrComma = true;
+      switch (currentCommand) {
+        case "M":
+          currentCommand = "L";
+          break;
+        case "m":
+          currentCommand = "l";
+          break;
+      }
     }
   };
   const parseNumber = () => {

package/lib/optimise/global-style.d.ts

@@ -0,0 +1,5 @@
+import type { SVG } from '../svg';
+/**
+ * Expand global style
+ */
+export declare function cleanupGlobalStyle(svg: SVG): Promise<void>;

package/lib/optimise/global-style.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cleanupGlobalStyle = void 0;
+require("../svg/data/attributes");
+const tags_1 = require("../svg/data/tags");
+const parse_1 = require("../svg/parse");
+const parse_style_1 = require("../svg/parse-style");
+function getClassList(value) {
+    return value === null || value === void 0 ? void 0 : value.split(/\s+/);
+}
+const tempDataAttrbiute = 'data-gstyle-temp';
+/**
+ * Expand global style
+ */
+async function cleanupGlobalStyle(svg) {
+    const backup = svg.toString();
+    let containsTempAttr = false;
+    // Find all animated classes
+    const animatedClasses = new Set();
+    await (0, parse_1.parseSVG)(svg, (item) => {
+        if (!tags_1.animateTags.has(item.tagName)) {
+            return;
+        }
+        const $element = item.$element;
+        if ($element.attr('attributeName') !== 'class') {
+            return;
+        }
+        ['from', 'to', 'values'].forEach((attr) => {
+            const value = $element.attr(attr);
+            if (typeof value !== 'string') {
+                return;
+            }
+            value.split(';').forEach((item) => {
+                getClassList(item).forEach((className) => {
+                    animatedClasses.add(className);
+                });
+            });
+        });
+    });
+    // Parse style
+    try {
+        await (0, parse_style_1.parseSVGStyle)(svg, async (styleItem) => {
+            var _a;
+            const returnValue = styleItem.value;
+            if (styleItem.type !== 'global') {
+                return returnValue;
+            }
+            // Handle only simple selectors
+            if (styleItem.selectors.length !== 1 ||
+                styleItem.selectorTokens.length !== 1) {
+                return returnValue;
+            }
+            // Do not handle media queries
+            const selectorToken = styleItem.selectorTokens[0];
+            if (selectorToken.type !== 'selector') {
+                return returnValue;
+            }
+            // Simple selector and simple rule
+            const selector = styleItem.selectors[0];
+            const firstChar = selector.charAt(0);
+            let matchType;
+            if (firstChar === '.') {
+                matchType = 'class';
+            }
+            else if (firstChar === '#') {
+                matchType = 'id';
+            }
+            else if (tags_1.allValidTags.has(selector)) {
+                matchType = 'tag';
+            }
+            else {
+                return returnValue;
+            }
+            const valueMatch = matchType === 'tag' ? selector : selector.slice(1);
+            if (matchType === 'class' && animatedClasses.has(valueMatch)) {
+                // Class name is used in animations
+                return returnValue;
+            }
+            // Check if element is a match
+            const isMatch = (tagName, $element) => {
+                switch (matchType) {
+                    case 'id':
+                        return $element.attr('id') === valueMatch;
+                    case 'tag':
+                        return tagName === valueMatch;
+                    case 'class': {
+                        const className = $element.attr('class');
+                        if (!className ||
+                            getClassList(className).indexOf(valueMatch) === -1) {
+                            return false;
+                        }
+                    }
+                }
+                return true;
+            };
+            // Parse all elements
+            await (0, parse_1.parseSVG)(svg, (svgItem) => {
+                var _a;
+                const tagName = svgItem.tagName;
+                const $element = svgItem.$element;
+                if (!isMatch(tagName, $element)) {
+                    return;
+                }
+                // Transfer attribute
+                const addedAttributes = new Set((_a = $element.attr(tempDataAttrbiute)) === null || _a === void 0 ? void 0 : _a.split(/\s+/));
+                const prop = styleItem.prop;
+                if ($element.attr(prop) !== void 0) {
+                    // Previously added attribute?
+                    if (addedAttributes.has(prop)) {
+                        // Two CSS rules are applied to same element: abort parsing and restore content from backup.
+                        // This parse is very basic, it does not account for specificity.
+                        throw new Error('Duplicate attribute');
+                    }
+                }
+                $element.attr(prop, styleItem.value);
+                addedAttributes.add(prop);
+                $element.attr(tempDataAttrbiute, Array.from(addedAttributes).join(' '));
+                containsTempAttr = true;
+            });
+            // Remove class attribute
+            if (matchType === 'class' &&
+                ((_a = styleItem.nextTokens[0]) === null || _a === void 0 ? void 0 : _a.type) === 'close') {
+                // Can remove class
+                await (0, parse_1.parseSVG)(svg, (svgItem) => {
+                    const $element = svgItem.$element;
+                    if (!isMatch('', $element)) {
+                        return;
+                    }
+                    // Remove class
+                    const classList = getClassList($element.attr('class'));
+                    if (!classList) {
+                        return;
+                    }
+                    const filtered = classList.filter((item) => item !== valueMatch);
+                    if (!filtered.length) {
+                        $element.removeAttr('class');
+                    }
+                    else {
+                        $element.attr('class', filtered.join(' '));
+                    }
+                });
+            }
+            // Remove rule
+            return;
+        });
+        // Remove temporary attributes
+        if (containsTempAttr) {
+            await (0, parse_1.parseSVG)(svg, (item) => {
+                item.$element.removeAttr(tempDataAttrbiute);
+            });
+        }
+    }
+    catch (err) {
+        // Failed: restore from backup
+        svg.load(backup);
+    }
+}
+exports.cleanupGlobalStyle = cleanupGlobalStyle;