@nasser-sw/fabric 7.0.0-beta1

package/dist/src/parser/parsePointsAttribute.mjs

@@ -0,0 +1,30 @@
+/**
+ * Parses "points" attribute, returning an array of values
+ * @param {String} points points attribute string
+ * @return {Array} array of points
+ */
+function parsePointsAttribute(points) {
+  // points attribute is required and must not be empty
+  if (!points) {
+    return [];
+  }
+
+  // replace commas with whitespace and remove bookending whitespace
+  const pointsSplit = points.replace(/,/g, ' ').trim().split(/\s+/);
+  const parsedPoints = [];
+  for (let i = 0; i < pointsSplit.length; i += 2) {
+    parsedPoints.push({
+      x: parseFloat(pointsSplit[i]),
+      y: parseFloat(pointsSplit[i + 1])
+    });
+  }
+
+  // odd number of points is an error
+  // if (parsedPoints.length % 2 !== 0) {
+  //   return null;
+  // }
+  return parsedPoints;
+}
+
+export { parsePointsAttribute };
+//# sourceMappingURL=parsePointsAttribute.mjs.map

package/dist/src/parser/parsePointsAttribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePointsAttribute.mjs","sources":["../../../src/parser/parsePointsAttribute.ts"],"sourcesContent":["import type { XY } from '../Point';\n\n/**\n * Parses \"points\" attribute, returning an array of values\n * @param {String} points points attribute string\n * @return {Array} array of points\n */\nexport function parsePointsAttribute(points: string | null): XY[] {\n  // points attribute is required and must not be empty\n  if (!points) {\n    return [];\n  }\n\n  // replace commas with whitespace and remove bookending whitespace\n  const pointsSplit: string[] = points.replace(/,/g, ' ').trim().split(/\\s+/);\n\n  const parsedPoints = [];\n\n  for (let i = 0; i < pointsSplit.length; i += 2) {\n    parsedPoints.push({\n      x: parseFloat(pointsSplit[i]),\n      y: parseFloat(pointsSplit[i + 1]),\n    });\n  }\n\n  // odd number of points is an error\n  // if (parsedPoints.length % 2 !== 0) {\n  //   return null;\n  // }\n  return parsedPoints;\n}\n"],"names":["parsePointsAttribute","points","pointsSplit","replace","trim","split","parsedPoints","i","length","push","x","parseFloat","y"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAACC,MAAqB,EAAQ;AAChE;EACA,IAAI,CAACA,MAAM,EAAE;AACX,IAAA,OAAO,EAAE;AACX,EAAA;;AAEA;AACA,EAAA,MAAMC,WAAqB,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE,CAACC,KAAK,CAAC,KAAK,CAAC;EAE3E,MAAMC,YAAY,GAAG,EAAE;AAEvB,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,WAAW,CAACM,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IAC9CD,YAAY,CAACG,IAAI,CAAC;AAChBC,MAAAA,CAAC,EAAEC,UAAU,CAACT,WAAW,CAACK,CAAC,CAAC,CAAC;MAC7BK,CAAC,EAAED,UAAU,CAACT,WAAW,CAACK,CAAC,GAAG,CAAC,CAAC;AAClC,KAAC,CAAC;AACJ,EAAA;;AAEA;AACA;AACA;AACA;AACA,EAAA,OAAOD,YAAY;AACrB;;;;"}

package/dist/src/parser/parseSVGDocument.d.ts

@@ -0,0 +1,19 @@
+import type { SVGParsingOutput, TSvgReviverCallback } from './typedefs';
+import type { LoadImageOptions } from '../util/misc/objectEnlive';
+export declare const createEmptyResponse: () => SVGParsingOutput;
+/**
+ * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback
+ * @param {HTMLElement} doc SVG document to parse
+ * @param {TSvgParsedCallback} callback Invoked when the parsing is done, with null if parsing wasn't possible with the list of svg nodes.
+ * @param {TSvgReviverCallback} [reviver] Extra callback for further parsing of SVG elements, called after each fabric object has been created.
+ * Takes as input the original svg element and the generated `FabricObject` as arguments. Used to inspect extra properties not parsed by fabric,
+ * or extra custom manipulation
+ * @param {Object} [options] Object containing options for parsing
+ * @param {String} [options.crossOrigin] crossOrigin setting to use for external resources
+ * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
+ * @return {SVGParsingOutput}
+ * {@link SVGParsingOutput} also receives `allElements` array as the last argument. This is the full list of svg nodes available in the document.
+ * You may want to use it if you are trying to regroup the objects as they were originally grouped in the SVG. ( This was the reason why it was added )
+ */
+export declare function parseSVGDocument(doc: Document, reviver?: TSvgReviverCallback, { crossOrigin, signal }?: LoadImageOptions): Promise<SVGParsingOutput>;
+//# sourceMappingURL=parseSVGDocument.d.ts.map

package/dist/src/parser/parseSVGDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSVGDocument.d.ts","sourceRoot":"","sources":["../../../src/parser/parseSVGDocument.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAQlE,eAAO,MAAM,mBAAmB,QAAO,gBAKrC,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,QAAQ,EACb,OAAO,CAAC,EAAE,mBAAmB,EAC7B,EAAE,WAAW,EAAE,MAAM,EAAE,GAAE,gBAAqB,GAC7C,OAAO,CAAC,gBAAgB,CAAC,CAsD3B"}

package/dist/src/parser/parseSVGDocument.min.mjs

@@ -0,0 +1,2 @@
+import{applyViewboxTransform as t}from"./applyViewboxTransform.min.mjs";import{svgValidTagNamesRegEx as e}from"./constants.min.mjs";import{hasInvalidAncestor as n}from"./hasInvalidAncestor.min.mjs";import{parseUseDirectives as s}from"./parseUseDirectives.min.mjs";import{ElementsParser as o}from"./elements_parser.min.mjs";import{log as r,SignalAbortedError as m}from"../util/internals/console.min.mjs";import{getTagName as i}from"./getTagName.min.mjs";const l=t=>e.test(i(t)),a=()=>({objects:[],elements:[],options:{},allElements:[]});async function c(e,a){let{crossOrigin:c,signal:p}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(p&&p.aborted)return r("log",new m("parseSVGDocument")),{objects:[],elements:[],options:{},allElements:[]};const f=e.documentElement;s(e);const g=Array.from(f.getElementsByTagName("*")),j={...t(f),crossOrigin:c,signal:p},u=g.filter(e=>(t(e),l(e)&&!n(e)));if(!u||u&&!u.length)return{objects:[],elements:[],options:{},allElements:[],options:j,allElements:g};const b={};g.filter(t=>"clipPath"===i(t)).forEach(t=>{t.setAttribute("originalTransform",t.getAttribute("transform")||"");const e=t.getAttribute("id");b[e]=Array.from(t.getElementsByTagName("*")).filter(t=>l(t))});const E=new o(u,j,a,e,b);return{objects:await E.parse(),elements:u,options:j,allElements:g}}export{a as createEmptyResponse,c as parseSVGDocument};
+//# sourceMappingURL=parseSVGDocument.min.mjs.map

package/dist/src/parser/parseSVGDocument.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSVGDocument.min.mjs","sources":["../../../src/parser/parseSVGDocument.ts"],"sourcesContent":["import { applyViewboxTransform } from './applyViewboxTransform';\nimport { svgValidTagNamesRegEx } from './constants';\nimport { hasInvalidAncestor } from './hasInvalidAncestor';\nimport { parseUseDirectives } from './parseUseDirectives';\nimport type { SVGParsingOutput, TSvgReviverCallback } from './typedefs';\nimport type { LoadImageOptions } from '../util/misc/objectEnlive';\nimport { ElementsParser } from './elements_parser';\nimport { log, SignalAbortedError } from '../util/internals/console';\nimport { getTagName } from './getTagName';\n\nconst isValidSvgTag = (el: Element) =>\n  svgValidTagNamesRegEx.test(getTagName(el));\n\nexport const createEmptyResponse = (): SVGParsingOutput => ({\n  objects: [],\n  elements: [],\n  options: {},\n  allElements: [],\n});\n\n/**\n * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback\n * @param {HTMLElement} doc SVG document to parse\n * @param {TSvgParsedCallback} callback Invoked when the parsing is done, with null if parsing wasn't possible with the list of svg nodes.\n * @param {TSvgReviverCallback} [reviver] Extra callback for further parsing of SVG elements, called after each fabric object has been created.\n * Takes as input the original svg element and the generated `FabricObject` as arguments. Used to inspect extra properties not parsed by fabric,\n * or extra custom manipulation\n * @param {Object} [options] Object containing options for parsing\n * @param {String} [options.crossOrigin] crossOrigin setting to use for external resources\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\n * @return {SVGParsingOutput}\n * {@link SVGParsingOutput} also receives `allElements` array as the last argument. This is the full list of svg nodes available in the document.\n * You may want to use it if you are trying to regroup the objects as they were originally grouped in the SVG. ( This was the reason why it was added )\n */\nexport async function parseSVGDocument(\n  doc: Document,\n  reviver?: TSvgReviverCallback,\n  { crossOrigin, signal }: LoadImageOptions = {},\n): Promise<SVGParsingOutput> {\n  if (signal && signal.aborted) {\n    log('log', new SignalAbortedError('parseSVGDocument'));\n    // this is an unhappy path, we dont care about speed\n    return createEmptyResponse();\n  }\n  const documentElement = doc.documentElement;\n  parseUseDirectives(doc);\n\n  const descendants = Array.from(documentElement.getElementsByTagName('*')),\n    options = {\n      ...applyViewboxTransform(documentElement),\n      crossOrigin,\n      signal,\n    };\n  const elements = descendants.filter((el) => {\n    applyViewboxTransform(el);\n    return isValidSvgTag(el) && !hasInvalidAncestor(el); // http://www.w3.org/TR/SVG/struct.html#DefsElement\n  });\n  if (!elements || (elements && !elements.length)) {\n    return {\n      ...createEmptyResponse(),\n      options,\n      allElements: descendants,\n    };\n  }\n  const localClipPaths: Record<string, Element[]> = {};\n  descendants\n    .filter((el) => getTagName(el) === 'clipPath')\n    .forEach((el) => {\n      el.setAttribute('originalTransform', el.getAttribute('transform') || '');\n      const id = el.getAttribute('id')!;\n      localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(\n        (el) => isValidSvgTag(el),\n      );\n    });\n\n  // Precedence of rules:   style > class > attribute\n  const elementParser = new ElementsParser(\n    elements,\n    options,\n    reviver,\n    doc,\n    localClipPaths,\n  );\n\n  const instances = await elementParser.parse();\n\n  return {\n    objects: instances,\n    elements,\n    options,\n    allElements: descendants,\n  };\n}\n"],"names":["isValidSvgTag","el","svgValidTagNamesRegEx","test","getTagName","createEmptyResponse","objects","elements","options","allElements","async","parseSVGDocument","doc","reviver","crossOrigin","signal","arguments","length","undefined","aborted","log","SignalAbortedError","documentElement","parseUseDirectives","descendants","Array","from","getElementsByTagName","applyViewboxTransform","filter","hasInvalidAncestor","localClipPaths","forEach","setAttribute","getAttribute","id","elementParser","ElementsParser","parse"],"mappings":"qcAUA,MAAMA,EAAiBC,GACrBC,EAAsBC,KAAKC,EAAWH,IAE3BI,EAAsBA,KAAAA,CACjCC,QAAS,GACTC,SAAU,GACVC,QAAS,CAAA,EACTC,YAAa,KAiBRC,eAAeC,EACpBC,EACAC,GAE2B,IAD3BC,YAAEA,EAAWC,OAAEA,GAA0BC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAE5C,GAAID,GAAUA,EAAOI,QAGnB,OAFAC,EAAI,MAAO,IAAIC,EAAmB,qBA3BHhB,CACjCC,QAAS,GACTC,SAAU,GACVC,QAAS,CAAA,EACTC,YAAa,IA2Bb,MAAMa,EAAkBV,EAAIU,gBAC5BC,EAAmBX,GAEnB,MAAMY,EAAcC,MAAMC,KAAKJ,EAAgBK,qBAAqB,MAClEnB,EAAU,IACLoB,EAAsBN,GACzBR,cACAC,UAEER,EAAWiB,EAAYK,OAAQ5B,IACnC2B,EAAsB3B,GACfD,EAAcC,KAAQ6B,EAAmB7B,KAElD,IAAKM,GAAaA,IAAaA,EAASU,OACtC,MAAO,CA5CTX,QAAS,GACTC,SAAU,GACVC,QAAS,CAAA,EACTC,YAAa,GA2CTD,UACAC,YAAae,GAGjB,MAAMO,EAA4C,CAAA,EAClDP,EACGK,OAAQ5B,GAA0B,aAAnBG,EAAWH,IAC1B+B,QAAS/B,IACRA,EAAGgC,aAAa,oBAAqBhC,EAAGiC,aAAa,cAAgB,IACrE,MAAMC,EAAKlC,EAAGiC,aAAa,MAC3BH,EAAeI,GAAMV,MAAMC,KAAKzB,EAAG0B,qBAAqB,MAAME,OAC3D5B,GAAOD,EAAcC,MAK5B,MAAMmC,EAAgB,IAAIC,EACxB9B,EACAC,EACAK,EACAD,EACAmB,GAKF,MAAO,CACLzB,cAHsB8B,EAAcE,QAIpC/B,WACAC,UACAC,YAAae,EAEjB"}

package/dist/src/parser/parseSVGDocument.mjs

@@ -0,0 +1,79 @@
+import { applyViewboxTransform } from './applyViewboxTransform.mjs';
+import { svgValidTagNamesRegEx } from './constants.mjs';
+import { hasInvalidAncestor } from './hasInvalidAncestor.mjs';
+import { parseUseDirectives } from './parseUseDirectives.mjs';
+import { ElementsParser } from './elements_parser.mjs';
+import { log, SignalAbortedError } from '../util/internals/console.mjs';
+import { getTagName } from './getTagName.mjs';
+
+const isValidSvgTag = el => svgValidTagNamesRegEx.test(getTagName(el));
+const createEmptyResponse = () => ({
+  objects: [],
+  elements: [],
+  options: {},
+  allElements: []
+});
+
+/**
+ * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback
+ * @param {HTMLElement} doc SVG document to parse
+ * @param {TSvgParsedCallback} callback Invoked when the parsing is done, with null if parsing wasn't possible with the list of svg nodes.
+ * @param {TSvgReviverCallback} [reviver] Extra callback for further parsing of SVG elements, called after each fabric object has been created.
+ * Takes as input the original svg element and the generated `FabricObject` as arguments. Used to inspect extra properties not parsed by fabric,
+ * or extra custom manipulation
+ * @param {Object} [options] Object containing options for parsing
+ * @param {String} [options.crossOrigin] crossOrigin setting to use for external resources
+ * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
+ * @return {SVGParsingOutput}
+ * {@link SVGParsingOutput} also receives `allElements` array as the last argument. This is the full list of svg nodes available in the document.
+ * You may want to use it if you are trying to regroup the objects as they were originally grouped in the SVG. ( This was the reason why it was added )
+ */
+async function parseSVGDocument(doc, reviver) {
+  let {
+    crossOrigin,
+    signal
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (signal && signal.aborted) {
+    log('log', new SignalAbortedError('parseSVGDocument'));
+    // this is an unhappy path, we dont care about speed
+    return createEmptyResponse();
+  }
+  const documentElement = doc.documentElement;
+  parseUseDirectives(doc);
+  const descendants = Array.from(documentElement.getElementsByTagName('*')),
+    options = {
+      ...applyViewboxTransform(documentElement),
+      crossOrigin,
+      signal
+    };
+  const elements = descendants.filter(el => {
+    applyViewboxTransform(el);
+    return isValidSvgTag(el) && !hasInvalidAncestor(el); // http://www.w3.org/TR/SVG/struct.html#DefsElement
+  });
+  if (!elements || elements && !elements.length) {
+    return {
+      ...createEmptyResponse(),
+      options,
+      allElements: descendants
+    };
+  }
+  const localClipPaths = {};
+  descendants.filter(el => getTagName(el) === 'clipPath').forEach(el => {
+    el.setAttribute('originalTransform', el.getAttribute('transform') || '');
+    const id = el.getAttribute('id');
+    localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(el => isValidSvgTag(el));
+  });
+
+  // Precedence of rules:   style > class > attribute
+  const elementParser = new ElementsParser(elements, options, reviver, doc, localClipPaths);
+  const instances = await elementParser.parse();
+  return {
+    objects: instances,
+    elements,
+    options,
+    allElements: descendants
+  };
+}
+
+export { createEmptyResponse, parseSVGDocument };
+//# sourceMappingURL=parseSVGDocument.mjs.map

package/dist/src/parser/parseSVGDocument.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSVGDocument.mjs","sources":["../../../src/parser/parseSVGDocument.ts"],"sourcesContent":["import { applyViewboxTransform } from './applyViewboxTransform';\nimport { svgValidTagNamesRegEx } from './constants';\nimport { hasInvalidAncestor } from './hasInvalidAncestor';\nimport { parseUseDirectives } from './parseUseDirectives';\nimport type { SVGParsingOutput, TSvgReviverCallback } from './typedefs';\nimport type { LoadImageOptions } from '../util/misc/objectEnlive';\nimport { ElementsParser } from './elements_parser';\nimport { log, SignalAbortedError } from '../util/internals/console';\nimport { getTagName } from './getTagName';\n\nconst isValidSvgTag = (el: Element) =>\n  svgValidTagNamesRegEx.test(getTagName(el));\n\nexport const createEmptyResponse = (): SVGParsingOutput => ({\n  objects: [],\n  elements: [],\n  options: {},\n  allElements: [],\n});\n\n/**\n * Parses an SVG document, converts it to an array of corresponding fabric.* instances and passes them to a callback\n * @param {HTMLElement} doc SVG document to parse\n * @param {TSvgParsedCallback} callback Invoked when the parsing is done, with null if parsing wasn't possible with the list of svg nodes.\n * @param {TSvgReviverCallback} [reviver] Extra callback for further parsing of SVG elements, called after each fabric object has been created.\n * Takes as input the original svg element and the generated `FabricObject` as arguments. Used to inspect extra properties not parsed by fabric,\n * or extra custom manipulation\n * @param {Object} [options] Object containing options for parsing\n * @param {String} [options.crossOrigin] crossOrigin setting to use for external resources\n * @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\n * @return {SVGParsingOutput}\n * {@link SVGParsingOutput} also receives `allElements` array as the last argument. This is the full list of svg nodes available in the document.\n * You may want to use it if you are trying to regroup the objects as they were originally grouped in the SVG. ( This was the reason why it was added )\n */\nexport async function parseSVGDocument(\n  doc: Document,\n  reviver?: TSvgReviverCallback,\n  { crossOrigin, signal }: LoadImageOptions = {},\n): Promise<SVGParsingOutput> {\n  if (signal && signal.aborted) {\n    log('log', new SignalAbortedError('parseSVGDocument'));\n    // this is an unhappy path, we dont care about speed\n    return createEmptyResponse();\n  }\n  const documentElement = doc.documentElement;\n  parseUseDirectives(doc);\n\n  const descendants = Array.from(documentElement.getElementsByTagName('*')),\n    options = {\n      ...applyViewboxTransform(documentElement),\n      crossOrigin,\n      signal,\n    };\n  const elements = descendants.filter((el) => {\n    applyViewboxTransform(el);\n    return isValidSvgTag(el) && !hasInvalidAncestor(el); // http://www.w3.org/TR/SVG/struct.html#DefsElement\n  });\n  if (!elements || (elements && !elements.length)) {\n    return {\n      ...createEmptyResponse(),\n      options,\n      allElements: descendants,\n    };\n  }\n  const localClipPaths: Record<string, Element[]> = {};\n  descendants\n    .filter((el) => getTagName(el) === 'clipPath')\n    .forEach((el) => {\n      el.setAttribute('originalTransform', el.getAttribute('transform') || '');\n      const id = el.getAttribute('id')!;\n      localClipPaths[id] = Array.from(el.getElementsByTagName('*')).filter(\n        (el) => isValidSvgTag(el),\n      );\n    });\n\n  // Precedence of rules:   style > class > attribute\n  const elementParser = new ElementsParser(\n    elements,\n    options,\n    reviver,\n    doc,\n    localClipPaths,\n  );\n\n  const instances = await elementParser.parse();\n\n  return {\n    objects: instances,\n    elements,\n    options,\n    allElements: descendants,\n  };\n}\n"],"names":["isValidSvgTag","el","svgValidTagNamesRegEx","test","getTagName","createEmptyResponse","objects","elements","options","allElements","parseSVGDocument","doc","reviver","crossOrigin","signal","arguments","length","undefined","aborted","log","SignalAbortedError","documentElement","parseUseDirectives","descendants","Array","from","getElementsByTagName","applyViewboxTransform","filter","hasInvalidAncestor","localClipPaths","forEach","setAttribute","getAttribute","id","elementParser","ElementsParser","instances","parse"],"mappings":";;;;;;;;AAUA,MAAMA,aAAa,GAAIC,EAAW,IAChCC,qBAAqB,CAACC,IAAI,CAACC,UAAU,CAACH,EAAE,CAAC,CAAC;AAErC,MAAMI,mBAAmB,GAAGA,OAAyB;AAC1DC,EAAAA,OAAO,EAAE,EAAE;AACXC,EAAAA,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAE,EAAE;AACXC,EAAAA,WAAW,EAAE;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAeC,gBAAgBA,CACpCC,GAAa,EACbC,OAA6B,EAEF;EAAA,IAD3B;IAAEC,WAAW;AAAEC,IAAAA;AAAyB,GAAC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;AAE9C,EAAA,IAAID,MAAM,IAAIA,MAAM,CAACI,OAAO,EAAE;IAC5BC,GAAG,CAAC,KAAK,EAAE,IAAIC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AACtD;IACA,OAAOf,mBAAmB,EAAE;AAC9B,EAAA;AACA,EAAA,MAAMgB,eAAe,GAAGV,GAAG,CAACU,eAAe;EAC3CC,kBAAkB,CAACX,GAAG,CAAC;AAEvB,EAAA,MAAMY,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACJ,eAAe,CAACK,oBAAoB,CAAC,GAAG,CAAC,CAAC;AACvElB,IAAAA,OAAO,GAAG;MACR,GAAGmB,qBAAqB,CAACN,eAAe,CAAC;MACzCR,WAAW;AACXC,MAAAA;KACD;AACH,EAAA,MAAMP,QAAQ,GAAGgB,WAAW,CAACK,MAAM,CAAE3B,EAAE,IAAK;IAC1C0B,qBAAqB,CAAC1B,EAAE,CAAC;IACzB,OAAOD,aAAa,CAACC,EAAE,CAAC,IAAI,CAAC4B,kBAAkB,CAAC5B,EAAE,CAAC,CAAC;AACtD,EAAA,CAAC,CAAC;EACF,IAAI,CAACM,QAAQ,IAAKA,QAAQ,IAAI,CAACA,QAAQ,CAACS,MAAO,EAAE;IAC/C,OAAO;MACL,GAAGX,mBAAmB,EAAE;MACxBG,OAAO;AACPC,MAAAA,WAAW,EAAEc;KACd;AACH,EAAA;EACA,MAAMO,cAAyC,GAAG,EAAE;AACpDP,EAAAA,WAAW,CACRK,MAAM,CAAE3B,EAAE,IAAKG,UAAU,CAACH,EAAE,CAAC,KAAK,UAAU,CAAC,CAC7C8B,OAAO,CAAE9B,EAAE,IAAK;AACfA,IAAAA,EAAE,CAAC+B,YAAY,CAAC,mBAAmB,EAAE/B,EAAE,CAACgC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AACxE,IAAA,MAAMC,EAAE,GAAGjC,EAAE,CAACgC,YAAY,CAAC,IAAI,CAAE;IACjCH,cAAc,CAACI,EAAE,CAAC,GAAGV,KAAK,CAACC,IAAI,CAACxB,EAAE,CAACyB,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAACE,MAAM,CACjE3B,EAAE,IAAKD,aAAa,CAACC,EAAE,CAC1B,CAAC;AACH,EAAA,CAAC,CAAC;;AAEJ;AACA,EAAA,MAAMkC,aAAa,GAAG,IAAIC,cAAc,CACtC7B,QAAQ,EACRC,OAAO,EACPI,OAAO,EACPD,GAAG,EACHmB,cACF,CAAC;AAED,EAAA,MAAMO,SAAS,GAAG,MAAMF,aAAa,CAACG,KAAK,EAAE;EAE7C,OAAO;AACLhC,IAAAA,OAAO,EAAE+B,SAAS;IAClB9B,QAAQ;IACRC,OAAO;AACPC,IAAAA,WAAW,EAAEc;GACd;AACH;;;;"}

package/dist/src/parser/parseStyleAttribute.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Parses "style" attribute, retuning an object with values
+ * @param {SVGElement} element Element to parse
+ * @return {Object} Objects with values parsed from style attribute of an element
+ */
+export declare function parseStyleAttribute(element: HTMLElement | SVGElement): Record<string, any>;
+//# sourceMappingURL=parseStyleAttribute.d.ts.map

package/dist/src/parser/parseStyleAttribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleAttribute.d.ts","sourceRoot":"","sources":["../../../src/parser/parseStyleAttribute.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,GAAG,UAAU,GAChC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAerB"}

package/dist/src/parser/parseStyleAttribute.min.mjs

@@ -0,0 +1,2 @@
+import{parseStyleObject as t}from"./parseStyleObject.min.mjs";import{parseStyleString as r}from"./parseStyleString.min.mjs";function e(e){const i={},m=e.getAttribute("style");return m?("string"==typeof m?r(m,i):t(m,i),i):i}export{e as parseStyleAttribute};
+//# sourceMappingURL=parseStyleAttribute.min.mjs.map

package/dist/src/parser/parseStyleAttribute.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleAttribute.min.mjs","sources":["../../../src/parser/parseStyleAttribute.ts"],"sourcesContent":["import { parseStyleObject } from './parseStyleObject';\nimport { parseStyleString } from './parseStyleString';\n\n/**\n * Parses \"style\" attribute, retuning an object with values\n * @param {SVGElement} element Element to parse\n * @return {Object} Objects with values parsed from style attribute of an element\n */\nexport function parseStyleAttribute(\n  element: HTMLElement | SVGElement,\n): Record<string, any> {\n  const oStyle: Record<string, any> = {},\n    style = element.getAttribute('style');\n\n  if (!style) {\n    return oStyle;\n  }\n\n  if (typeof style === 'string') {\n    parseStyleString(style, oStyle);\n  } else {\n    parseStyleObject(style, oStyle);\n  }\n\n  return oStyle;\n}\n"],"names":["parseStyleAttribute","element","oStyle","style","getAttribute","parseStyleString","parseStyleObject"],"mappings":"4HAQO,SAASA,EACdC,GAEA,MAAMC,EAA8B,CAAA,EAClCC,EAAQF,EAAQG,aAAa,SAE/B,OAAKD,GAIgB,iBAAVA,EACTE,EAAiBF,EAAOD,GAExBI,EAAiBH,EAAOD,GAGnBA,GATEA,CAUX"}

package/dist/src/parser/parseStyleAttribute.mjs

@@ -0,0 +1,24 @@
+import { parseStyleObject } from './parseStyleObject.mjs';
+import { parseStyleString } from './parseStyleString.mjs';
+
+/**
+ * Parses "style" attribute, retuning an object with values
+ * @param {SVGElement} element Element to parse
+ * @return {Object} Objects with values parsed from style attribute of an element
+ */
+function parseStyleAttribute(element) {
+  const oStyle = {},
+    style = element.getAttribute('style');
+  if (!style) {
+    return oStyle;
+  }
+  if (typeof style === 'string') {
+    parseStyleString(style, oStyle);
+  } else {
+    parseStyleObject(style, oStyle);
+  }
+  return oStyle;
+}
+
+export { parseStyleAttribute };
+//# sourceMappingURL=parseStyleAttribute.mjs.map

package/dist/src/parser/parseStyleAttribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleAttribute.mjs","sources":["../../../src/parser/parseStyleAttribute.ts"],"sourcesContent":["import { parseStyleObject } from './parseStyleObject';\nimport { parseStyleString } from './parseStyleString';\n\n/**\n * Parses \"style\" attribute, retuning an object with values\n * @param {SVGElement} element Element to parse\n * @return {Object} Objects with values parsed from style attribute of an element\n */\nexport function parseStyleAttribute(\n  element: HTMLElement | SVGElement,\n): Record<string, any> {\n  const oStyle: Record<string, any> = {},\n    style = element.getAttribute('style');\n\n  if (!style) {\n    return oStyle;\n  }\n\n  if (typeof style === 'string') {\n    parseStyleString(style, oStyle);\n  } else {\n    parseStyleObject(style, oStyle);\n  }\n\n  return oStyle;\n}\n"],"names":["parseStyleAttribute","element","oStyle","style","getAttribute","parseStyleString","parseStyleObject"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CACjCC,OAAiC,EACZ;EACrB,MAAMC,MAA2B,GAAG,EAAE;AACpCC,IAAAA,KAAK,GAAGF,OAAO,CAACG,YAAY,CAAC,OAAO,CAAC;EAEvC,IAAI,CAACD,KAAK,EAAE;AACV,IAAA,OAAOD,MAAM;AACf,EAAA;AAEA,EAAA,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;AAC7BE,IAAAA,gBAAgB,CAACF,KAAK,EAAED,MAAM,CAAC;AACjC,EAAA,CAAC,MAAM;AACLI,IAAAA,gBAAgB,CAACH,KAAK,EAAED,MAAM,CAAC;AACjC,EAAA;AAEA,EAAA,OAAOA,MAAM;AACf;;;;"}

package/dist/src/parser/parseStyleObject.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Takes a style object and parses it in one that has only defined values
+ * and lowercases properties
+ * @param style
+ * @param oStyle
+ */
+export declare function parseStyleObject(style: Record<string, any>, oStyle: Record<string, any>): void;
+//# sourceMappingURL=parseStyleObject.d.ts.map

package/dist/src/parser/parseStyleObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleObject.d.ts","sourceRoot":"","sources":["../../../src/parser/parseStyleObject.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC1B,IAAI,CAON"}

package/dist/src/parser/parseStyleObject.min.mjs

@@ -0,0 +1,2 @@
+function e(e,o){Object.entries(e).forEach(e=>{let[t,r]=e;void 0!==r&&(o[t.toLowerCase()]=r)})}export{e as parseStyleObject};
+//# sourceMappingURL=parseStyleObject.min.mjs.map

package/dist/src/parser/parseStyleObject.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleObject.min.mjs","sources":["../../../src/parser/parseStyleObject.ts"],"sourcesContent":["/**\n * Takes a style object and parses it in one that has only defined values\n * and lowercases properties\n * @param style\n * @param oStyle\n */\nexport function parseStyleObject(\n  style: Record<string, any>,\n  oStyle: Record<string, any>,\n): void {\n  Object.entries(style).forEach(([prop, value]) => {\n    if (value === undefined) {\n      return;\n    }\n    oStyle[prop.toLowerCase()] = value;\n  });\n}\n"],"names":["parseStyleObject","style","oStyle","Object","entries","forEach","_ref","prop","value","undefined","toLowerCase"],"mappings":"AAMO,SAASA,EACdC,EACAC,GAEAC,OAAOC,QAAQH,GAAOI,QAAQC,IAAmB,IAAjBC,EAAMC,GAAMF,OAC5BG,IAAVD,IAGJN,EAAOK,EAAKG,eAAiBF,IAEjC"}

package/dist/src/parser/parseStyleObject.mjs

@@ -0,0 +1,18 @@
+/**
+ * Takes a style object and parses it in one that has only defined values
+ * and lowercases properties
+ * @param style
+ * @param oStyle
+ */
+function parseStyleObject(style, oStyle) {
+  Object.entries(style).forEach(_ref => {
+    let [prop, value] = _ref;
+    if (value === undefined) {
+      return;
+    }
+    oStyle[prop.toLowerCase()] = value;
+  });
+}
+
+export { parseStyleObject };
+//# sourceMappingURL=parseStyleObject.mjs.map

package/dist/src/parser/parseStyleObject.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleObject.mjs","sources":["../../../src/parser/parseStyleObject.ts"],"sourcesContent":["/**\n * Takes a style object and parses it in one that has only defined values\n * and lowercases properties\n * @param style\n * @param oStyle\n */\nexport function parseStyleObject(\n  style: Record<string, any>,\n  oStyle: Record<string, any>,\n): void {\n  Object.entries(style).forEach(([prop, value]) => {\n    if (value === undefined) {\n      return;\n    }\n    oStyle[prop.toLowerCase()] = value;\n  });\n}\n"],"names":["parseStyleObject","style","oStyle","Object","entries","forEach","_ref","prop","value","undefined","toLowerCase"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAgBA,CAC9BC,KAA0B,EAC1BC,MAA2B,EACrB;EACNC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAACC,IAAA,IAAmB;AAAA,IAAA,IAAlB,CAACC,IAAI,EAAEC,KAAK,CAAC,GAAAF,IAAA;IAC1C,IAAIE,KAAK,KAAKC,SAAS,EAAE;AACvB,MAAA;AACF,IAAA;IACAP,MAAM,CAACK,IAAI,CAACG,WAAW,EAAE,CAAC,GAAGF,KAAK;AACpC,EAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/src/parser/parseStyleString.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Takes a style string and parses it in one that has only defined values
+ * and lowercases properties
+ * @param style
+ * @param oStyle
+ */
+export declare function parseStyleString(style: string, oStyle: Record<string, any>): void;
+//# sourceMappingURL=parseStyleString.d.ts.map

package/dist/src/parser/parseStyleString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleString.d.ts","sourceRoot":"","sources":["../../../src/parser/parseStyleString.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC1B,IAAI,CASN"}

package/dist/src/parser/parseStyleString.min.mjs

@@ -0,0 +1,2 @@
+function t(t,r){t.replace(/;\s*$/,"").split(";").forEach(t=>{if(!t)return;const[e,i]=t.split(":");r[e.trim().toLowerCase()]=i.trim()})}export{t as parseStyleString};
+//# sourceMappingURL=parseStyleString.min.mjs.map

package/dist/src/parser/parseStyleString.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleString.min.mjs","sources":["../../../src/parser/parseStyleString.ts"],"sourcesContent":["/**\n * Takes a style string and parses it in one that has only defined values\n * and lowercases properties\n * @param style\n * @param oStyle\n */\nexport function parseStyleString(\n  style: string,\n  oStyle: Record<string, any>,\n): void {\n  style\n    .replace(/;\\s*$/, '')\n    .split(';')\n    .forEach((chunk) => {\n      if (!chunk) return;\n      const [attr, value] = chunk.split(':');\n      oStyle[attr.trim().toLowerCase()] = value.trim();\n    });\n}\n"],"names":["parseStyleString","style","oStyle","replace","split","forEach","chunk","attr","value","trim","toLowerCase"],"mappings":"AAMO,SAASA,EACdC,EACAC,GAEAD,EACGE,QAAQ,QAAS,IACjBC,MAAM,KACNC,QAASC,IACR,IAAKA,EAAO,OACZ,MAAOC,EAAMC,GAASF,EAAMF,MAAM,KAClCF,EAAOK,EAAKE,OAAOC,eAAiBF,EAAMC,QAEhD"}

package/dist/src/parser/parseStyleString.mjs

@@ -0,0 +1,16 @@
+/**
+ * Takes a style string and parses it in one that has only defined values
+ * and lowercases properties
+ * @param style
+ * @param oStyle
+ */
+function parseStyleString(style, oStyle) {
+  style.replace(/;\s*$/, '').split(';').forEach(chunk => {
+    if (!chunk) return;
+    const [attr, value] = chunk.split(':');
+    oStyle[attr.trim().toLowerCase()] = value.trim();
+  });
+}
+
+export { parseStyleString };
+//# sourceMappingURL=parseStyleString.mjs.map

package/dist/src/parser/parseStyleString.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseStyleString.mjs","sources":["../../../src/parser/parseStyleString.ts"],"sourcesContent":["/**\n * Takes a style string and parses it in one that has only defined values\n * and lowercases properties\n * @param style\n * @param oStyle\n */\nexport function parseStyleString(\n  style: string,\n  oStyle: Record<string, any>,\n): void {\n  style\n    .replace(/;\\s*$/, '')\n    .split(';')\n    .forEach((chunk) => {\n      if (!chunk) return;\n      const [attr, value] = chunk.split(':');\n      oStyle[attr.trim().toLowerCase()] = value.trim();\n    });\n}\n"],"names":["parseStyleString","style","oStyle","replace","split","forEach","chunk","attr","value","trim","toLowerCase"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAgBA,CAC9BC,KAAa,EACbC,MAA2B,EACrB;AACND,EAAAA,KAAK,CACFE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CACpBC,KAAK,CAAC,GAAG,CAAC,CACVC,OAAO,CAAEC,KAAK,IAAK;IAClB,IAAI,CAACA,KAAK,EAAE;IACZ,MAAM,CAACC,IAAI,EAAEC,KAAK,CAAC,GAAGF,KAAK,CAACF,KAAK,CAAC,GAAG,CAAC;AACtCF,IAAAA,MAAM,CAACK,IAAI,CAACE,IAAI,EAAE,CAACC,WAAW,EAAE,CAAC,GAAGF,KAAK,CAACC,IAAI,EAAE;AAClD,EAAA,CAAC,CAAC;AACN;;;;"}

package/dist/src/parser/parseTransformAttribute.d.ts

@@ -0,0 +1,8 @@
+import type { TMat2D } from '../typedefs';
+/**
+ * Parses "transform" attribute, returning an array of values
+ * @param {String} attributeValue String containing attribute value
+ * @return {TTransformMatrix} Array of 6 elements representing transformation matrix
+ */
+export declare function parseTransformAttribute(attributeValue: string): TMat2D;
+//# sourceMappingURL=parseTransformAttribute.d.ts.map

package/dist/src/parser/parseTransformAttribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTransformAttribute.d.ts","sourceRoot":"","sources":["../../../src/parser/parseTransformAttribute.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AA4B1C;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAwDtE"}

package/dist/src/parser/parseTransformAttribute.min.mjs

@@ -0,0 +1,2 @@
+import{iMatrix as t,ROTATE as r,SKEW_Y as e,SKEW_X as a,SCALE as n}from"../constants.min.mjs";import{reNum as s}from"./constants.min.mjs";import{cleanupSvgAttribute as i}from"../util/internals/cleanupSvgAttribute.min.mjs";import{createRotateMatrix as $,multiplyTransformMatrixArray as c,createSkewYMatrix as m,createSkewXMatrix as o,createScaleMatrix as g,createTranslateMatrix as l}from"../util/misc/matrix.min.mjs";const p=`(${s})`,w=String.raw`(skewX)\(${p}\)`,f=String.raw`(skewY)\(${p}\)`,u=String.raw`(rotate)\(${p}(?: ${p} ${p})?\)`,x=String.raw`(scale)\(${p}(?: ${p})?\)`,S=String.raw`(translate)\(${p}(?: ${p})?\)`,k=`(?:${String.raw`(matrix)\(${p} ${p} ${p} ${p} ${p} ${p}\)`}|${S}|${u}|${x}|${w}|${f})`,b=`(?:${k}*)`,j=String.raw`^\s*(?:${b}?)\s*$`,h=new RegExp(j),E=new RegExp(k),R=new RegExp(k,"g");function A(s){const p=[];if(!(s=i(s).replace(/\s*([()])\s*/gi,"$1"))||s&&!h.test(s))return[...t];for(const i of s.matchAll(R)){const s=E.exec(i[0]);if(!s)continue;let c=t;const w=s.filter(t=>!!t),[,f,...u]=w,[x,S,k,b,j,h]=u.map(t=>parseFloat(t));switch(f){case"translate":c=l(x,S);break;case r:c=$({angle:x},{x:S,y:k});break;case n:c=g(x,S);break;case a:c=o(x);break;case e:c=m(x);break;case"matrix":c=[x,S,k,b,j,h]}p.push(c)}return c(p)}export{A as parseTransformAttribute};
+//# sourceMappingURL=parseTransformAttribute.min.mjs.map

package/dist/src/parser/parseTransformAttribute.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTransformAttribute.min.mjs","sources":["../../../src/parser/parseTransformAttribute.ts"],"sourcesContent":["import { ROTATE, SCALE, SKEW_X, SKEW_Y, iMatrix } from '../constants';\nimport { reNum } from './constants';\nimport type { TMat2D } from '../typedefs';\nimport { cleanupSvgAttribute } from '../util/internals/cleanupSvgAttribute';\nimport {\n  createRotateMatrix,\n  createScaleMatrix,\n  createSkewXMatrix,\n  createSkewYMatrix,\n  createTranslateMatrix,\n  multiplyTransformMatrixArray,\n} from '../util/misc/matrix';\n\n// == begin transform regexp\nconst p = `(${reNum})`;\nconst skewX = String.raw`(skewX)\\(${p}\\)`;\nconst skewY = String.raw`(skewY)\\(${p}\\)`;\nconst rotate = String.raw`(rotate)\\(${p}(?: ${p} ${p})?\\)`;\nconst scale = String.raw`(scale)\\(${p}(?: ${p})?\\)`;\nconst translate = String.raw`(translate)\\(${p}(?: ${p})?\\)`;\nconst matrix = String.raw`(matrix)\\(${p} ${p} ${p} ${p} ${p} ${p}\\)`;\nconst transform = `(?:${matrix}|${translate}|${rotate}|${scale}|${skewX}|${skewY})`;\nconst transforms = `(?:${transform}*)`;\nconst transformList = String.raw`^\\s*(?:${transforms}?)\\s*$`;\n// http://www.w3.org/TR/SVG/coords.html#TransformAttribute\nconst reTransformList = new RegExp(transformList);\nconst reTransform = new RegExp(transform);\nconst reTransformAll = new RegExp(transform, 'g');\n// == end transform regexp\n\n/**\n * Parses \"transform\" attribute, returning an array of values\n * @param {String} attributeValue String containing attribute value\n * @return {TTransformMatrix} Array of 6 elements representing transformation matrix\n */\nexport function parseTransformAttribute(attributeValue: string): TMat2D {\n  // first we clean the string\n  attributeValue = cleanupSvgAttribute(attributeValue)\n    // remove spaces around front parentheses\n    .replace(/\\s*([()])\\s*/gi, '$1');\n\n  // start with identity matrix\n  const matrices: TMat2D[] = [];\n\n  // return if no argument was given or\n  // an argument does not match transform attribute regexp\n  if (\n    !attributeValue ||\n    (attributeValue && !reTransformList.test(attributeValue))\n  ) {\n    return [...iMatrix];\n  }\n\n  for (const match of attributeValue.matchAll(reTransformAll)) {\n    const transformMatch = reTransform.exec(match[0]);\n    if (!transformMatch) {\n      continue;\n    }\n    let matrix: TMat2D = iMatrix;\n    const matchedParams = transformMatch.filter((m) => !!m);\n    const [, operation, ...rawArgs] = matchedParams;\n    const [arg0, arg1, arg2, arg3, arg4, arg5] = rawArgs.map((arg) =>\n      parseFloat(arg),\n    );\n\n    switch (operation) {\n      case 'translate':\n        matrix = createTranslateMatrix(arg0, arg1);\n        break;\n      case ROTATE:\n        matrix = createRotateMatrix({ angle: arg0 }, { x: arg1, y: arg2 });\n        break;\n      case SCALE:\n        matrix = createScaleMatrix(arg0, arg1);\n        break;\n      case SKEW_X:\n        matrix = createSkewXMatrix(arg0);\n        break;\n      case SKEW_Y:\n        matrix = createSkewYMatrix(arg0);\n        break;\n      case 'matrix':\n        matrix = [arg0, arg1, arg2, arg3, arg4, arg5];\n        break;\n    }\n\n    // snapshot current matrix into matrices array\n    matrices.push(matrix);\n  }\n\n  return multiplyTransformMatrixArray(matrices);\n}\n"],"names":["p","reNum","skewX","String","raw","skewY","rotate","scale","translate","transform","transforms","transformList","reTransformList","RegExp","reTransform","reTransformAll","parseTransformAttribute","attributeValue","matrices","cleanupSvgAttribute","replace","test","iMatrix","match","matchAll","transformMatch","exec","matrix","matchedParams","filter","m","operation","rawArgs","arg0","arg1","arg2","arg3","arg4","arg5","map","arg","parseFloat","createTranslateMatrix","ROTATE","createRotateMatrix","angle","x","y","SCALE","createScaleMatrix","SKEW_X","createSkewXMatrix","SKEW_Y","createSkewYMatrix","push","multiplyTransformMatrixArray"],"mappings":"iaAcA,MAAMA,EAAI,IAAIC,KACRC,EAAQC,OAAOC,GAAG,YAAYJ,MAC9BK,EAAQF,OAAOC,GAAG,YAAYJ,MAC9BM,EAASH,OAAOC,GAAG,aAAaJ,QAAQA,KAAKA,QAC7CO,EAAQJ,OAAOC,GAAG,YAAYJ,QAAQA,QACtCQ,EAAYL,OAAOC,GAAG,gBAAgBJ,QAAQA,QAE9CS,EAAY,MADHN,OAAOC,GAAG,aAAaJ,KAAKA,KAAKA,KAAKA,KAAKA,KAAKA,SAC7BQ,KAAaF,KAAUC,KAASL,KAASG,KACrEK,EAAa,MAAMD,MACnBE,EAAgBR,OAAOC,GAAG,UAAUM,UAEpCE,EAAkB,IAAIC,OAAOF,GAC7BG,EAAc,IAAID,OAAOJ,GACzBM,EAAiB,IAAIF,OAAOJ,EAAW,KAQtC,SAASO,EAAwBC,GAOtC,MAAMC,EAAqB,GAI3B,KATAD,EAAiBE,EAAoBF,GAElCG,QAAQ,iBAAkB,QAS1BH,IAAmBL,EAAgBS,KAAKJ,GAEzC,MAAO,IAAIK,GAGb,IAAK,MAAMC,KAASN,EAAeO,SAAST,GAAiB,CAC3D,MAAMU,EAAiBX,EAAYY,KAAKH,EAAM,IAC9C,IAAKE,EACH,SAEF,IAAIE,EAAiBL,EACrB,MAAMM,EAAgBH,EAAeI,OAAQC,KAAQA,KAC5CC,KAAcC,GAAWJ,GAC3BK,EAAMC,EAAMC,EAAMC,EAAMC,EAAMC,GAAQN,EAAQO,IAAKC,GACxDC,WAAWD,IAGb,OAAQT,GACN,IAAK,YACHJ,EAASe,EAAsBT,EAAMC,GACrC,MACF,KAAKS,EACHhB,EAASiB,EAAmB,CAAEC,MAAOZ,GAAQ,CAAEa,EAAGZ,EAAMa,EAAGZ,IAC3D,MACF,KAAKa,EACHrB,EAASsB,EAAkBhB,EAAMC,GACjC,MACF,KAAKgB,EACHvB,EAASwB,EAAkBlB,GAC3B,MACF,KAAKmB,EACHzB,EAAS0B,EAAkBpB,GAC3B,MACF,IAAK,SACHN,EAAS,CAACM,EAAMC,EAAMC,EAAMC,EAAMC,EAAMC,GAK5CpB,EAASoC,KAAK3B,EAChB,CAEA,OAAO4B,EAA6BrC,EACtC"}

package/dist/src/parser/parseTransformAttribute.mjs

@@ -0,0 +1,84 @@
+import { iMatrix, ROTATE, SKEW_Y, SKEW_X, SCALE } from '../constants.mjs';
+import { reNum } from './constants.mjs';
+import { cleanupSvgAttribute } from '../util/internals/cleanupSvgAttribute.mjs';
+import { createRotateMatrix, multiplyTransformMatrixArray, createSkewYMatrix, createSkewXMatrix, createScaleMatrix, createTranslateMatrix } from '../util/misc/matrix.mjs';
+
+// == begin transform regexp
+const p = `(${reNum})`;
+const skewX = String.raw`(skewX)\(${p}\)`;
+const skewY = String.raw`(skewY)\(${p}\)`;
+const rotate = String.raw`(rotate)\(${p}(?: ${p} ${p})?\)`;
+const scale = String.raw`(scale)\(${p}(?: ${p})?\)`;
+const translate = String.raw`(translate)\(${p}(?: ${p})?\)`;
+const matrix = String.raw`(matrix)\(${p} ${p} ${p} ${p} ${p} ${p}\)`;
+const transform = `(?:${matrix}|${translate}|${rotate}|${scale}|${skewX}|${skewY})`;
+const transforms = `(?:${transform}*)`;
+const transformList = String.raw`^\s*(?:${transforms}?)\s*$`;
+// http://www.w3.org/TR/SVG/coords.html#TransformAttribute
+const reTransformList = new RegExp(transformList);
+const reTransform = new RegExp(transform);
+const reTransformAll = new RegExp(transform, 'g');
+// == end transform regexp
+
+/**
+ * Parses "transform" attribute, returning an array of values
+ * @param {String} attributeValue String containing attribute value
+ * @return {TTransformMatrix} Array of 6 elements representing transformation matrix
+ */
+function parseTransformAttribute(attributeValue) {
+  // first we clean the string
+  attributeValue = cleanupSvgAttribute(attributeValue)
+  // remove spaces around front parentheses
+  .replace(/\s*([()])\s*/gi, '$1');
+
+  // start with identity matrix
+  const matrices = [];
+
+  // return if no argument was given or
+  // an argument does not match transform attribute regexp
+  if (!attributeValue || attributeValue && !reTransformList.test(attributeValue)) {
+    return [...iMatrix];
+  }
+  for (const match of attributeValue.matchAll(reTransformAll)) {
+    const transformMatch = reTransform.exec(match[0]);
+    if (!transformMatch) {
+      continue;
+    }
+    let matrix = iMatrix;
+    const matchedParams = transformMatch.filter(m => !!m);
+    const [, operation, ...rawArgs] = matchedParams;
+    const [arg0, arg1, arg2, arg3, arg4, arg5] = rawArgs.map(arg => parseFloat(arg));
+    switch (operation) {
+      case 'translate':
+        matrix = createTranslateMatrix(arg0, arg1);
+        break;
+      case ROTATE:
+        matrix = createRotateMatrix({
+          angle: arg0
+        }, {
+          x: arg1,
+          y: arg2
+        });
+        break;
+      case SCALE:
+        matrix = createScaleMatrix(arg0, arg1);
+        break;
+      case SKEW_X:
+        matrix = createSkewXMatrix(arg0);
+        break;
+      case SKEW_Y:
+        matrix = createSkewYMatrix(arg0);
+        break;
+      case 'matrix':
+        matrix = [arg0, arg1, arg2, arg3, arg4, arg5];
+        break;
+    }
+
+    // snapshot current matrix into matrices array
+    matrices.push(matrix);
+  }
+  return multiplyTransformMatrixArray(matrices);
+}
+
+export { parseTransformAttribute };
+//# sourceMappingURL=parseTransformAttribute.mjs.map

package/dist/src/parser/parseTransformAttribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTransformAttribute.mjs","sources":["../../../src/parser/parseTransformAttribute.ts"],"sourcesContent":["import { ROTATE, SCALE, SKEW_X, SKEW_Y, iMatrix } from '../constants';\nimport { reNum } from './constants';\nimport type { TMat2D } from '../typedefs';\nimport { cleanupSvgAttribute } from '../util/internals/cleanupSvgAttribute';\nimport {\n  createRotateMatrix,\n  createScaleMatrix,\n  createSkewXMatrix,\n  createSkewYMatrix,\n  createTranslateMatrix,\n  multiplyTransformMatrixArray,\n} from '../util/misc/matrix';\n\n// == begin transform regexp\nconst p = `(${reNum})`;\nconst skewX = String.raw`(skewX)\\(${p}\\)`;\nconst skewY = String.raw`(skewY)\\(${p}\\)`;\nconst rotate = String.raw`(rotate)\\(${p}(?: ${p} ${p})?\\)`;\nconst scale = String.raw`(scale)\\(${p}(?: ${p})?\\)`;\nconst translate = String.raw`(translate)\\(${p}(?: ${p})?\\)`;\nconst matrix = String.raw`(matrix)\\(${p} ${p} ${p} ${p} ${p} ${p}\\)`;\nconst transform = `(?:${matrix}|${translate}|${rotate}|${scale}|${skewX}|${skewY})`;\nconst transforms = `(?:${transform}*)`;\nconst transformList = String.raw`^\\s*(?:${transforms}?)\\s*$`;\n// http://www.w3.org/TR/SVG/coords.html#TransformAttribute\nconst reTransformList = new RegExp(transformList);\nconst reTransform = new RegExp(transform);\nconst reTransformAll = new RegExp(transform, 'g');\n// == end transform regexp\n\n/**\n * Parses \"transform\" attribute, returning an array of values\n * @param {String} attributeValue String containing attribute value\n * @return {TTransformMatrix} Array of 6 elements representing transformation matrix\n */\nexport function parseTransformAttribute(attributeValue: string): TMat2D {\n  // first we clean the string\n  attributeValue = cleanupSvgAttribute(attributeValue)\n    // remove spaces around front parentheses\n    .replace(/\\s*([()])\\s*/gi, '$1');\n\n  // start with identity matrix\n  const matrices: TMat2D[] = [];\n\n  // return if no argument was given or\n  // an argument does not match transform attribute regexp\n  if (\n    !attributeValue ||\n    (attributeValue && !reTransformList.test(attributeValue))\n  ) {\n    return [...iMatrix];\n  }\n\n  for (const match of attributeValue.matchAll(reTransformAll)) {\n    const transformMatch = reTransform.exec(match[0]);\n    if (!transformMatch) {\n      continue;\n    }\n    let matrix: TMat2D = iMatrix;\n    const matchedParams = transformMatch.filter((m) => !!m);\n    const [, operation, ...rawArgs] = matchedParams;\n    const [arg0, arg1, arg2, arg3, arg4, arg5] = rawArgs.map((arg) =>\n      parseFloat(arg),\n    );\n\n    switch (operation) {\n      case 'translate':\n        matrix = createTranslateMatrix(arg0, arg1);\n        break;\n      case ROTATE:\n        matrix = createRotateMatrix({ angle: arg0 }, { x: arg1, y: arg2 });\n        break;\n      case SCALE:\n        matrix = createScaleMatrix(arg0, arg1);\n        break;\n      case SKEW_X:\n        matrix = createSkewXMatrix(arg0);\n        break;\n      case SKEW_Y:\n        matrix = createSkewYMatrix(arg0);\n        break;\n      case 'matrix':\n        matrix = [arg0, arg1, arg2, arg3, arg4, arg5];\n        break;\n    }\n\n    // snapshot current matrix into matrices array\n    matrices.push(matrix);\n  }\n\n  return multiplyTransformMatrixArray(matrices);\n}\n"],"names":["p","reNum","skewX","String","raw","skewY","rotate","scale","translate","matrix","transform","transforms","transformList","reTransformList","RegExp","reTransform","reTransformAll","parseTransformAttribute","attributeValue","cleanupSvgAttribute","replace","matrices","test","iMatrix","match","matchAll","transformMatch","exec","matchedParams","filter","m","operation","rawArgs","arg0","arg1","arg2","arg3","arg4","arg5","map","arg","parseFloat","createTranslateMatrix","ROTATE","createRotateMatrix","angle","x","y","SCALE","createScaleMatrix","SKEW_X","createSkewXMatrix","SKEW_Y","createSkewYMatrix","push","multiplyTransformMatrixArray"],"mappings":"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"}

package/dist/src/parser/parseUseDirectives.d.ts

@@ -0,0 +1,2 @@
+export declare function parseUseDirectives(doc: Document): void;
+//# sourceMappingURL=parseUseDirectives.d.ts.map

package/dist/src/parser/parseUseDirectives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseUseDirectives.d.ts","sourceRoot":"","sources":["../../../src/parser/parseUseDirectives.ts"],"names":[],"mappings":"AAKA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,QAAQ,QAqF/C"}

package/dist/src/parser/parseUseDirectives.min.mjs

@@ -0,0 +1,2 @@
+import{svgNS as t}from"./constants.min.mjs";import{getMultipleNodes as e}from"./getMultipleNodes.min.mjs";import{applyViewboxTransform as n}from"./applyViewboxTransform.min.mjs";import{parseStyleString as r}from"./parseStyleString.min.mjs";function o(o){const s=e(o,["use","svg:use"]),i=["x","y","xlink:href","href","transform"];for(const e of s){const s=e.attributes,a={};for(const t of s)t.value&&(a[t.name]=t.value);const f=(a["xlink:href"]||a.href||"").slice(1);if(""===f)return;const m=o.getElementById(f);if(null===m)return;let c=m.cloneNode(!0);const l=c.attributes,u={};for(const t of l)t.value&&(u[t.name]=t.value);const{x:p=0,y:b=0,transform:d=""}=a,j=`${d} ${u.transform||""} translate(${p}, ${b})`;if(n(c),/^svg$/i.test(c.nodeName)){const e=c.ownerDocument.createElementNS(t,"g");Object.entries(u).forEach(n=>{let[r,o]=n;return e.setAttributeNS(t,r,o)}),e.append(...c.childNodes),c=e}for(const t of s){if(!t)continue;const{name:e,value:n}=t;if(!i.includes(e))if("style"===e){const t={};r(n,t),Object.entries(u).forEach(e=>{let[n,r]=e;t[n]=r}),r(u.style||"",t);const o=Object.entries(t).map(t=>t.join(":")).join(";");c.setAttribute(e,o)}else!u[e]&&c.setAttribute(e,n)}c.setAttribute("transform",j),c.setAttribute("instantiated_by_use","1"),c.removeAttribute("id"),e.parentNode.replaceChild(c,e)}}export{o as parseUseDirectives};
+//# sourceMappingURL=parseUseDirectives.min.mjs.map

package/dist/src/parser/parseUseDirectives.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseUseDirectives.min.mjs","sources":["../../../src/parser/parseUseDirectives.ts"],"sourcesContent":["import { svgNS } from './constants';\nimport { getMultipleNodes } from './getMultipleNodes';\nimport { applyViewboxTransform } from './applyViewboxTransform';\nimport { parseStyleString } from './parseStyleString';\n\nexport function parseUseDirectives(doc: Document) {\n  const nodelist = getMultipleNodes(doc, ['use', 'svg:use']);\n  const skipAttributes = ['x', 'y', 'xlink:href', 'href', 'transform'];\n\n  for (const useElement of nodelist) {\n    const useAttributes: NamedNodeMap = useElement.attributes;\n\n    const useAttrMap: Record<string, string> = {};\n    for (const attr of useAttributes) {\n      attr.value && (useAttrMap[attr.name] = attr.value);\n    }\n\n    const xlink = (useAttrMap['xlink:href'] || useAttrMap.href || '').slice(1);\n\n    if (xlink === '') {\n      return;\n    }\n    const referencedElement = doc.getElementById(xlink);\n    if (referencedElement === null) {\n      // if we can't find the target of the xlink, consider this use tag bad, similar to no xlink\n      return;\n    }\n    let clonedOriginal = referencedElement.cloneNode(true) as Element;\n\n    const originalAttributes: NamedNodeMap = clonedOriginal.attributes;\n\n    const originalAttrMap: Record<string, string> = {};\n    for (const attr of originalAttributes) {\n      attr.value && (originalAttrMap[attr.name] = attr.value);\n    }\n\n    // Transform attribute needs to be merged in a particular way\n    const { x = 0, y = 0, transform = '' } = useAttrMap;\n    const currentTrans = `${transform} ${\n      originalAttrMap.transform || ''\n    } translate(${x}, ${y})`;\n\n    applyViewboxTransform(clonedOriginal);\n\n    if (/^svg$/i.test(clonedOriginal.nodeName)) {\n      // if is an SVG, create a group and apply all the attributes on top of it\n      const el3 = clonedOriginal.ownerDocument.createElementNS(svgNS, 'g');\n      Object.entries(originalAttrMap).forEach(([name, value]) =>\n        el3.setAttributeNS(svgNS, name, value),\n      );\n      el3.append(...clonedOriginal.childNodes);\n      clonedOriginal = el3;\n    }\n\n    for (const attr of useAttributes) {\n      if (!attr) {\n        continue;\n      }\n      const { name, value } = attr;\n      if (skipAttributes.includes(name)) {\n        continue;\n      }\n\n      if (name === 'style') {\n        // when use has a style, merge the two styles, with the ref being priority (not use)\n        // priority is by feature. an attribute for fill on the original element\n        // will overwrite the fill in style or attribute for tha use\n        const styleRecord: Record<string, any> = {};\n        parseStyleString(value, styleRecord);\n        // cleanup styleRecord from attributes of original\n        Object.entries(originalAttrMap).forEach(([name, value]) => {\n          styleRecord[name] = value;\n        });\n        // now we can put in the style of the original that will overwrite the original attributes\n        parseStyleString(originalAttrMap.style || '', styleRecord);\n        const mergedStyles = Object.entries(styleRecord)\n          .map((entry) => entry.join(':'))\n          .join(';');\n        clonedOriginal.setAttribute(name, mergedStyles);\n      } else {\n        // set the attribute from use element only if the original does not have it already\n        !originalAttrMap[name] && clonedOriginal.setAttribute(name, value);\n      }\n    }\n\n    clonedOriginal.setAttribute('transform', currentTrans);\n    clonedOriginal.setAttribute('instantiated_by_use', '1');\n    clonedOriginal.removeAttribute('id');\n    useElement.parentNode!.replaceChild(clonedOriginal, useElement);\n  }\n}\n"],"names":["parseUseDirectives","doc","nodelist","getMultipleNodes","skipAttributes","useElement","useAttributes","attributes","useAttrMap","attr","value","name","xlink","href","slice","referencedElement","getElementById","clonedOriginal","cloneNode","originalAttributes","originalAttrMap","x","y","transform","currentTrans","applyViewboxTransform","test","nodeName","el3","ownerDocument","createElementNS","svgNS","Object","entries","forEach","_ref","setAttributeNS","append","childNodes","includes","styleRecord","parseStyleString","_ref2","style","mergedStyles","map","entry","join","setAttribute","removeAttribute","parentNode","replaceChild"],"mappings":"gPAKO,SAASA,EAAmBC,GACjC,MAAMC,EAAWC,EAAiBF,EAAK,CAAC,MAAO,YACzCG,EAAiB,CAAC,IAAK,IAAK,aAAc,OAAQ,aAExD,IAAK,MAAMC,KAAcH,EAAU,CACjC,MAAMI,EAA8BD,EAAWE,WAEzCC,EAAqC,CAAA,EAC3C,IAAK,MAAMC,KAAQH,EACjBG,EAAKC,QAAUF,EAAWC,EAAKE,MAAQF,EAAKC,OAG9C,MAAME,GAASJ,EAAW,eAAiBA,EAAWK,MAAQ,IAAIC,MAAM,GAExE,GAAc,KAAVF,EACF,OAEF,MAAMG,EAAoBd,EAAIe,eAAeJ,GAC7C,GAA0B,OAAtBG,EAEF,OAEF,IAAIE,EAAiBF,EAAkBG,WAAU,GAEjD,MAAMC,EAAmCF,EAAeV,WAElDa,EAA0C,CAAA,EAChD,IAAK,MAAMX,KAAQU,EACjBV,EAAKC,QAAUU,EAAgBX,EAAKE,MAAQF,EAAKC,OAInD,MAAMW,EAAEA,EAAI,EAACC,EAAEA,EAAI,EAACC,UAAEA,EAAY,IAAOf,EACnCgB,EAAe,GAAGD,KACtBH,EAAgBG,WAAa,gBACjBF,MAAMC,KAIpB,GAFAG,EAAsBR,GAElB,SAASS,KAAKT,EAAeU,UAAW,CAE1C,MAAMC,EAAMX,EAAeY,cAAcC,gBAAgBC,EAAO,KAChEC,OAAOC,QAAQb,GAAiBc,QAAQC,IAAA,IAAExB,EAAMD,GAAMyB,EAAA,OACpDP,EAAIQ,eAAeL,EAAOpB,EAAMD,KAElCkB,EAAIS,UAAUpB,EAAeqB,YAC7BrB,EAAiBW,CACnB,CAEA,IAAK,MAAMnB,KAAQH,EAAe,CAChC,IAAKG,EACH,SAEF,MAAME,KAAEA,EAAID,MAAEA,GAAUD,EACxB,IAAIL,EAAemC,SAAS5B,GAI5B,GAAa,UAATA,EAAkB,CAIpB,MAAM6B,EAAmC,CAAA,EACzCC,EAAiB/B,EAAO8B,GAExBR,OAAOC,QAAQb,GAAiBc,QAAQQ,IAAmB,IAAjB/B,EAAMD,GAAMgC,EACpDF,EAAY7B,GAAQD,IAGtB+B,EAAiBrB,EAAgBuB,OAAS,GAAIH,GAC9C,MAAMI,EAAeZ,OAAOC,QAAQO,GACjCK,IAAKC,GAAUA,EAAMC,KAAK,MAC1BA,KAAK,KACR9B,EAAe+B,aAAarC,EAAMiC,EACpC,MAEGxB,EAAgBT,IAASM,EAAe+B,aAAarC,EAAMD,EAEhE,CAEAO,EAAe+B,aAAa,YAAaxB,GACzCP,EAAe+B,aAAa,sBAAuB,KACnD/B,EAAegC,gBAAgB,MAC/B5C,EAAW6C,WAAYC,aAAalC,EAAgBZ,EACtD,CACF"}

package/dist/src/parser/parseUseDirectives.mjs

@@ -0,0 +1,88 @@
+import { svgNS } from './constants.mjs';
+import { getMultipleNodes } from './getMultipleNodes.mjs';
+import { applyViewboxTransform } from './applyViewboxTransform.mjs';
+import { parseStyleString } from './parseStyleString.mjs';
+
+function parseUseDirectives(doc) {
+  const nodelist = getMultipleNodes(doc, ['use', 'svg:use']);
+  const skipAttributes = ['x', 'y', 'xlink:href', 'href', 'transform'];
+  for (const useElement of nodelist) {
+    const useAttributes = useElement.attributes;
+    const useAttrMap = {};
+    for (const attr of useAttributes) {
+      attr.value && (useAttrMap[attr.name] = attr.value);
+    }
+    const xlink = (useAttrMap['xlink:href'] || useAttrMap.href || '').slice(1);
+    if (xlink === '') {
+      return;
+    }
+    const referencedElement = doc.getElementById(xlink);
+    if (referencedElement === null) {
+      // if we can't find the target of the xlink, consider this use tag bad, similar to no xlink
+      return;
+    }
+    let clonedOriginal = referencedElement.cloneNode(true);
+    const originalAttributes = clonedOriginal.attributes;
+    const originalAttrMap = {};
+    for (const attr of originalAttributes) {
+      attr.value && (originalAttrMap[attr.name] = attr.value);
+    }
+
+    // Transform attribute needs to be merged in a particular way
+    const {
+      x = 0,
+      y = 0,
+      transform = ''
+    } = useAttrMap;
+    const currentTrans = `${transform} ${originalAttrMap.transform || ''} translate(${x}, ${y})`;
+    applyViewboxTransform(clonedOriginal);
+    if (/^svg$/i.test(clonedOriginal.nodeName)) {
+      // if is an SVG, create a group and apply all the attributes on top of it
+      const el3 = clonedOriginal.ownerDocument.createElementNS(svgNS, 'g');
+      Object.entries(originalAttrMap).forEach(_ref => {
+        let [name, value] = _ref;
+        return el3.setAttributeNS(svgNS, name, value);
+      });
+      el3.append(...clonedOriginal.childNodes);
+      clonedOriginal = el3;
+    }
+    for (const attr of useAttributes) {
+      if (!attr) {
+        continue;
+      }
+      const {
+        name,
+        value
+      } = attr;
+      if (skipAttributes.includes(name)) {
+        continue;
+      }
+      if (name === 'style') {
+        // when use has a style, merge the two styles, with the ref being priority (not use)
+        // priority is by feature. an attribute for fill on the original element
+        // will overwrite the fill in style or attribute for tha use
+        const styleRecord = {};
+        parseStyleString(value, styleRecord);
+        // cleanup styleRecord from attributes of original
+        Object.entries(originalAttrMap).forEach(_ref2 => {
+          let [name, value] = _ref2;
+          styleRecord[name] = value;
+        });
+        // now we can put in the style of the original that will overwrite the original attributes
+        parseStyleString(originalAttrMap.style || '', styleRecord);
+        const mergedStyles = Object.entries(styleRecord).map(entry => entry.join(':')).join(';');
+        clonedOriginal.setAttribute(name, mergedStyles);
+      } else {
+        // set the attribute from use element only if the original does not have it already
+        !originalAttrMap[name] && clonedOriginal.setAttribute(name, value);
+      }
+    }
+    clonedOriginal.setAttribute('transform', currentTrans);
+    clonedOriginal.setAttribute('instantiated_by_use', '1');
+    clonedOriginal.removeAttribute('id');
+    useElement.parentNode.replaceChild(clonedOriginal, useElement);
+  }
+}
+
+export { parseUseDirectives };
+//# sourceMappingURL=parseUseDirectives.mjs.map

package/dist/src/parser/parseUseDirectives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseUseDirectives.mjs","sources":["../../../src/parser/parseUseDirectives.ts"],"sourcesContent":["import { svgNS } from './constants';\nimport { getMultipleNodes } from './getMultipleNodes';\nimport { applyViewboxTransform } from './applyViewboxTransform';\nimport { parseStyleString } from './parseStyleString';\n\nexport function parseUseDirectives(doc: Document) {\n  const nodelist = getMultipleNodes(doc, ['use', 'svg:use']);\n  const skipAttributes = ['x', 'y', 'xlink:href', 'href', 'transform'];\n\n  for (const useElement of nodelist) {\n    const useAttributes: NamedNodeMap = useElement.attributes;\n\n    const useAttrMap: Record<string, string> = {};\n    for (const attr of useAttributes) {\n      attr.value && (useAttrMap[attr.name] = attr.value);\n    }\n\n    const xlink = (useAttrMap['xlink:href'] || useAttrMap.href || '').slice(1);\n\n    if (xlink === '') {\n      return;\n    }\n    const referencedElement = doc.getElementById(xlink);\n    if (referencedElement === null) {\n      // if we can't find the target of the xlink, consider this use tag bad, similar to no xlink\n      return;\n    }\n    let clonedOriginal = referencedElement.cloneNode(true) as Element;\n\n    const originalAttributes: NamedNodeMap = clonedOriginal.attributes;\n\n    const originalAttrMap: Record<string, string> = {};\n    for (const attr of originalAttributes) {\n      attr.value && (originalAttrMap[attr.name] = attr.value);\n    }\n\n    // Transform attribute needs to be merged in a particular way\n    const { x = 0, y = 0, transform = '' } = useAttrMap;\n    const currentTrans = `${transform} ${\n      originalAttrMap.transform || ''\n    } translate(${x}, ${y})`;\n\n    applyViewboxTransform(clonedOriginal);\n\n    if (/^svg$/i.test(clonedOriginal.nodeName)) {\n      // if is an SVG, create a group and apply all the attributes on top of it\n      const el3 = clonedOriginal.ownerDocument.createElementNS(svgNS, 'g');\n      Object.entries(originalAttrMap).forEach(([name, value]) =>\n        el3.setAttributeNS(svgNS, name, value),\n      );\n      el3.append(...clonedOriginal.childNodes);\n      clonedOriginal = el3;\n    }\n\n    for (const attr of useAttributes) {\n      if (!attr) {\n        continue;\n      }\n      const { name, value } = attr;\n      if (skipAttributes.includes(name)) {\n        continue;\n      }\n\n      if (name === 'style') {\n        // when use has a style, merge the two styles, with the ref being priority (not use)\n        // priority is by feature. an attribute for fill on the original element\n        // will overwrite the fill in style or attribute for tha use\n        const styleRecord: Record<string, any> = {};\n        parseStyleString(value, styleRecord);\n        // cleanup styleRecord from attributes of original\n        Object.entries(originalAttrMap).forEach(([name, value]) => {\n          styleRecord[name] = value;\n        });\n        // now we can put in the style of the original that will overwrite the original attributes\n        parseStyleString(originalAttrMap.style || '', styleRecord);\n        const mergedStyles = Object.entries(styleRecord)\n          .map((entry) => entry.join(':'))\n          .join(';');\n        clonedOriginal.setAttribute(name, mergedStyles);\n      } else {\n        // set the attribute from use element only if the original does not have it already\n        !originalAttrMap[name] && clonedOriginal.setAttribute(name, value);\n      }\n    }\n\n    clonedOriginal.setAttribute('transform', currentTrans);\n    clonedOriginal.setAttribute('instantiated_by_use', '1');\n    clonedOriginal.removeAttribute('id');\n    useElement.parentNode!.replaceChild(clonedOriginal, useElement);\n  }\n}\n"],"names":["parseUseDirectives","doc","nodelist","getMultipleNodes","skipAttributes","useElement","useAttributes","attributes","useAttrMap","attr","value","name","xlink","href","slice","referencedElement","getElementById","clonedOriginal","cloneNode","originalAttributes","originalAttrMap","x","y","transform","currentTrans","applyViewboxTransform","test","nodeName","el3","ownerDocument","createElementNS","svgNS","Object","entries","forEach","_ref","setAttributeNS","append","childNodes","includes","styleRecord","parseStyleString","_ref2","style","mergedStyles","map","entry","join","setAttribute","removeAttribute","parentNode","replaceChild"],"mappings":"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"}