@nasser-sw/fabric 7.0.0-beta1

package/dist/src/parser/doesSomeParentMatch.mjs

@@ -0,0 +1,17 @@
+import { selectorMatches } from './selectorMatches.mjs';
+
+function doesSomeParentMatch(element, selectors) {
+  let selector,
+    parentMatching = true;
+  while (element.parentElement && element.parentElement.nodeType === 1 && selectors.length) {
+    if (parentMatching) {
+      selector = selectors.pop();
+    }
+    element = element.parentElement;
+    parentMatching = selectorMatches(element, selector);
+  }
+  return selectors.length === 0;
+}
+
+export { doesSomeParentMatch };
+//# sourceMappingURL=doesSomeParentMatch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"doesSomeParentMatch.mjs","sources":["../../../src/parser/doesSomeParentMatch.ts"],"sourcesContent":["import { selectorMatches } from './selectorMatches';\n\nexport function doesSomeParentMatch(\n  element: HTMLElement | SVGElement,\n  selectors: string[],\n) {\n  let selector: string,\n    parentMatching = true;\n  while (\n    element.parentElement &&\n    element.parentElement.nodeType === 1 &&\n    selectors.length\n  ) {\n    if (parentMatching) {\n      selector = selectors.pop()!;\n    }\n    element = element.parentElement;\n    parentMatching = selectorMatches(element, selector!);\n  }\n  return selectors.length === 0;\n}\n"],"names":["doesSomeParentMatch","element","selectors","selector","parentMatching","parentElement","nodeType","length","pop","selectorMatches"],"mappings":";;AAEO,SAASA,mBAAmBA,CACjCC,OAAiC,EACjCC,SAAmB,EACnB;AACA,EAAA,IAAIC,QAAgB;AAClBC,IAAAA,cAAc,GAAG,IAAI;AACvB,EAAA,OACEH,OAAO,CAACI,aAAa,IACrBJ,OAAO,CAACI,aAAa,CAACC,QAAQ,KAAK,CAAC,IACpCJ,SAAS,CAACK,MAAM,EAChB;AACA,IAAA,IAAIH,cAAc,EAAE;AAClBD,MAAAA,QAAQ,GAAGD,SAAS,CAACM,GAAG,EAAG;AAC7B,IAAA;IACAP,OAAO,GAAGA,OAAO,CAACI,aAAa;AAC/BD,IAAAA,cAAc,GAAGK,eAAe,CAACR,OAAO,EAAEE,QAAS,CAAC;AACtD,EAAA;AACA,EAAA,OAAOD,SAAS,CAACK,MAAM,KAAK,CAAC;AAC/B;;;;"}

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

@@ -0,0 +1,5 @@
+/**
+ * @private
+ */
+export declare function elementMatchesRule(element: HTMLElement | SVGElement, selectors: string[]): boolean;
+//# sourceMappingURL=elementMatchesRule.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementMatchesRule.d.ts","sourceRoot":"","sources":["../../../src/parser/elementMatchesRule.ts"],"names":[],"mappings":"AAGA;;GAEG;AAEH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,GAAG,UAAU,EACjC,SAAS,EAAE,MAAM,EAAE,WASpB"}

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

@@ -0,0 +1,2 @@
+import{selectorMatches as t}from"./selectorMatches.min.mjs";import{doesSomeParentMatch as e}from"./doesSomeParentMatch.min.mjs";function o(o,m){let n=!0;const r=t(o,m.pop());return r&&m.length&&(n=e(o,m)),r&&n&&0===m.length}export{o as elementMatchesRule};
+//# sourceMappingURL=elementMatchesRule.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementMatchesRule.min.mjs","sources":["../../../src/parser/elementMatchesRule.ts"],"sourcesContent":["import { selectorMatches } from './selectorMatches';\nimport { doesSomeParentMatch } from './doesSomeParentMatch';\n\n/**\n * @private\n */\n\nexport function elementMatchesRule(\n  element: HTMLElement | SVGElement,\n  selectors: string[],\n) {\n  let parentMatching = true;\n  // start from rightmost selector.\n  const firstMatching = selectorMatches(element, selectors.pop()!);\n  if (firstMatching && selectors.length) {\n    parentMatching = doesSomeParentMatch(element, selectors);\n  }\n  return firstMatching && parentMatching && selectors.length === 0;\n}\n"],"names":["elementMatchesRule","element","selectors","parentMatching","firstMatching","selectorMatches","pop","length","doesSomeParentMatch"],"mappings":"gIAOO,SAASA,EACdC,EACAC,GAEA,IAAIC,GAAiB,EAErB,MAAMC,EAAgBC,EAAgBJ,EAASC,EAAUI,OAIzD,OAHIF,GAAiBF,EAAUK,SAC7BJ,EAAiBK,EAAoBP,EAASC,IAEzCE,GAAiBD,GAAuC,IAArBD,EAAUK,MACtD"}

package/dist/src/parser/elementMatchesRule.mjs

@@ -0,0 +1,19 @@
+import { selectorMatches } from './selectorMatches.mjs';
+import { doesSomeParentMatch } from './doesSomeParentMatch.mjs';
+
+/**
+ * @private
+ */
+
+function elementMatchesRule(element, selectors) {
+  let parentMatching = true;
+  // start from rightmost selector.
+  const firstMatching = selectorMatches(element, selectors.pop());
+  if (firstMatching && selectors.length) {
+    parentMatching = doesSomeParentMatch(element, selectors);
+  }
+  return firstMatching && parentMatching && selectors.length === 0;
+}
+
+export { elementMatchesRule };
+//# sourceMappingURL=elementMatchesRule.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementMatchesRule.mjs","sources":["../../../src/parser/elementMatchesRule.ts"],"sourcesContent":["import { selectorMatches } from './selectorMatches';\nimport { doesSomeParentMatch } from './doesSomeParentMatch';\n\n/**\n * @private\n */\n\nexport function elementMatchesRule(\n  element: HTMLElement | SVGElement,\n  selectors: string[],\n) {\n  let parentMatching = true;\n  // start from rightmost selector.\n  const firstMatching = selectorMatches(element, selectors.pop()!);\n  if (firstMatching && selectors.length) {\n    parentMatching = doesSomeParentMatch(element, selectors);\n  }\n  return firstMatching && parentMatching && selectors.length === 0;\n}\n"],"names":["elementMatchesRule","element","selectors","parentMatching","firstMatching","selectorMatches","pop","length","doesSomeParentMatch"],"mappings":";;;AAGA;AACA;AACA;;AAEO,SAASA,kBAAkBA,CAChCC,OAAiC,EACjCC,SAAmB,EACnB;EACA,IAAIC,cAAc,GAAG,IAAI;AACzB;EACA,MAAMC,aAAa,GAAGC,eAAe,CAACJ,OAAO,EAAEC,SAAS,CAACI,GAAG,EAAG,CAAC;AAChE,EAAA,IAAIF,aAAa,IAAIF,SAAS,CAACK,MAAM,EAAE;AACrCJ,IAAAA,cAAc,GAAGK,mBAAmB,CAACP,OAAO,EAAEC,SAAS,CAAC;AAC1D,EAAA;EACA,OAAOE,aAAa,IAAID,cAAc,IAAID,SAAS,CAACK,MAAM,KAAK,CAAC;AAClE;;;;"}

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

@@ -0,0 +1,33 @@
+import type { FabricObject } from '../shapes/Object/FabricObject';
+import type { LoadImageOptions } from '../util';
+import type { CSSRules, TSvgReviverCallback } from './typedefs';
+import type { ParsedViewboxTransform } from './applyViewboxTransform';
+type StorageType = {
+    fill: SVGGradientElement;
+    stroke: SVGGradientElement;
+    clipPath: Element[];
+};
+type NotParsedFabricObject = FabricObject & {
+    fill: string;
+    stroke: string;
+    clipPath?: string;
+    clipRule?: CanvasFillRule;
+};
+export declare class ElementsParser {
+    elements: Element[];
+    options: LoadImageOptions & ParsedViewboxTransform;
+    reviver?: TSvgReviverCallback;
+    regexUrl: RegExp;
+    doc: Document;
+    clipPaths: Record<string, Element[]>;
+    gradientDefs: Record<string, SVGGradientElement>;
+    cssRules: CSSRules;
+    constructor(elements: Element[], options: LoadImageOptions & ParsedViewboxTransform, reviver: TSvgReviverCallback | undefined, doc: Document, clipPaths: Record<string, Element[]>);
+    parse(): Promise<Array<FabricObject | null>>;
+    createObject(el: Element): Promise<FabricObject | null>;
+    extractPropertyDefinition(obj: NotParsedFabricObject, property: 'fill' | 'stroke' | 'clipPath', storage: Record<string, StorageType[typeof property]>): StorageType[typeof property] | undefined;
+    resolveGradient(obj: NotParsedFabricObject, el: Element, property: 'fill' | 'stroke'): void;
+    resolveClipPath(obj: NotParsedFabricObject, usingElement: Element, exactOwner?: Element): Promise<void>;
+}
+export {};
+//# sourceMappingURL=elements_parser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements_parser.d.ts","sourceRoot":"","sources":["../../../src/parser/elements_parser.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAKlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAQtE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC;AAEF,KAAK,qBAAqB,GAAG,YAAY,GAAG;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,qBAAa,cAAc;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACnD,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,QAAQ,CAAC;IACd,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACjD,QAAQ,EAAE,QAAQ,CAAC;gBAGzB,QAAQ,EAAE,OAAO,EAAE,EACnB,OAAO,EAAE,gBAAgB,GAAG,sBAAsB,EAClD,OAAO,EAAE,mBAAmB,GAAG,SAAS,EACxC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;IAYtC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAMtC,YAAY,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;IAyB7D,yBAAyB,CACvB,GAAG,EAAE,qBAAqB,EAC1B,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,EACxC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,GACpD,WAAW,CAAC,OAAO,QAAQ,CAAC,GAAG,SAAS;IAe3C,eAAe,CACb,GAAG,EAAE,qBAAqB,EAC1B,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,MAAM,GAAG,QAAQ;IAmBvB,eAAe,CACnB,GAAG,EAAE,qBAAqB,EAC1B,YAAY,EAAE,OAAO,EACrB,UAAU,CAAC,EAAE,OAAO;CAyFvB"}

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

@@ -0,0 +1,2 @@
+import{Gradient as t}from"../gradient/Gradient.min.mjs";import{Group as e}from"../shapes/Group.min.mjs";import{FabricImage as i}from"../shapes/Image.min.mjs";import{classRegistry as s}from"../ClassRegistry.min.mjs";import{invertTransform as r,multiplyTransformMatrices as n,qrDecompose as a}from"../util/misc/matrix.min.mjs";import{removeTransformMatrixForSvgParsing as o}from"../util/transform_matrix_removal.min.mjs";import{Point as m}from"../Point.min.mjs";import{FILL as l,STROKE as p,CENTER as c}from"../constants.min.mjs";import{getGradientDefs as h}from"./getGradientDefs.min.mjs";import{getCSSRules as f}from"./getCSSRules.min.mjs";import{getTagName as u}from"./getTagName.min.mjs";import{parseTransformAttribute as g}from"./parseTransformAttribute.min.mjs";const P=t=>s.getSVGClass(u(t).toLowerCase());class d{constructor(t,e,i,s,r){this.elements=t,this.options=e,this.reviver=i,this.regexUrl=/^url\(['"]?#([^'"]+)['"]?\)/g,this.doc=s,this.clipPaths=r,this.gradientDefs=h(s),this.cssRules=f(s)}parse(){return Promise.all(this.elements.map(t=>this.createObject(t)))}async createObject(t){const e=P(t);if(e){const s=await e.fromElement(t,this.options,this.cssRules);return this.resolveGradient(s,t,l),this.resolveGradient(s,t,p),s instanceof i&&s._originalElement?o(s,s.parsePreserveAspectRatioAttribute()):o(s),await this.resolveClipPath(s,t),this.reviver&&this.reviver(t,s),s}return null}extractPropertyDefinition(t,e,i){const s=t[e],r=this.regexUrl;if(!r.test(s))return;r.lastIndex=0;const n=r.exec(s)[1];return r.lastIndex=0,i[n]}resolveGradient(e,i,s){const r=this.extractPropertyDefinition(e,s,this.gradientDefs);if(r){const n=i.getAttribute(s+"-opacity"),a=t.fromElement(r,e,{...this.options,opacity:n});e.set(s,a)}}async resolveClipPath(t,i,s){const l=this.extractPropertyDefinition(t,"clipPath",this.clipPaths);if(l){const p=r(t.calcTransformMatrix()),h=l[0].parentElement;let f=i;for(;!s&&f.parentElement&&f.getAttribute("clip-path")!==t.clipPath;)f=f.parentElement;f.parentElement.appendChild(h);const u=g(`${f.getAttribute("transform")||""} ${h.getAttribute("originalTransform")||""}`);h.setAttribute("transform",`matrix(${u.join(",")})`);const d=await Promise.all(l.map(t=>P(t).fromElement(t,this.options,this.cssRules).then(t=>(o(t),t.fillRule=t.clipRule,delete t.clipRule,t)))),j=1===d.length?d[0]:new e(d),v=n(p,j.calcTransformMatrix());j.clipPath&&await this.resolveClipPath(j,f,h.getAttribute("clip-path")?f:void 0);const{scaleX:x,scaleY:b,angle:w,skewX:y,translateX:A,translateY:R}=a(v);j.set({flipX:!1,flipY:!1}),j.set({scaleX:x,scaleY:b,angle:w,skewX:y,skewY:0}),j.setPositionByOrigin(new m(A,R),c,c),t.clipPath=j}else delete t.clipPath}}export{d as ElementsParser};
+//# sourceMappingURL=elements_parser.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements_parser.min.mjs","sources":["../../../src/parser/elements_parser.ts"],"sourcesContent":["import { Gradient } from '../gradient/Gradient';\nimport { Group } from '../shapes/Group';\nimport { FabricImage } from '../shapes/Image';\nimport { classRegistry } from '../ClassRegistry';\nimport {\n  invertTransform,\n  multiplyTransformMatrices,\n  qrDecompose,\n} from '../util/misc/matrix';\nimport { removeTransformMatrixForSvgParsing } from '../util/transform_matrix_removal';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport { Point } from '../Point';\nimport { CENTER, FILL, STROKE } from '../constants';\nimport { getGradientDefs } from './getGradientDefs';\nimport { getCSSRules } from './getCSSRules';\nimport type { LoadImageOptions } from '../util';\nimport type { CSSRules, TSvgReviverCallback } from './typedefs';\nimport type { ParsedViewboxTransform } from './applyViewboxTransform';\nimport type { SVGOptions } from '../gradient';\nimport { getTagName } from './getTagName';\nimport { parseTransformAttribute } from './parseTransformAttribute';\n\nconst findTag = (el: Element) =>\n  classRegistry.getSVGClass(getTagName(el).toLowerCase());\n\ntype StorageType = {\n  fill: SVGGradientElement;\n  stroke: SVGGradientElement;\n  clipPath: Element[];\n};\n\ntype NotParsedFabricObject = FabricObject & {\n  fill: string;\n  stroke: string;\n  clipPath?: string;\n  clipRule?: CanvasFillRule;\n};\n\nexport class ElementsParser {\n  declare elements: Element[];\n  declare options: LoadImageOptions & ParsedViewboxTransform;\n  declare reviver?: TSvgReviverCallback;\n  declare regexUrl: RegExp;\n  declare doc: Document;\n  declare clipPaths: Record<string, Element[]>;\n  declare gradientDefs: Record<string, SVGGradientElement>;\n  declare cssRules: CSSRules;\n\n  constructor(\n    elements: Element[],\n    options: LoadImageOptions & ParsedViewboxTransform,\n    reviver: TSvgReviverCallback | undefined,\n    doc: Document,\n    clipPaths: Record<string, Element[]>,\n  ) {\n    this.elements = elements;\n    this.options = options;\n    this.reviver = reviver;\n    this.regexUrl = /^url\\(['\"]?#([^'\"]+)['\"]?\\)/g;\n    this.doc = doc;\n    this.clipPaths = clipPaths;\n    this.gradientDefs = getGradientDefs(doc);\n    this.cssRules = getCSSRules(doc);\n  }\n\n  parse(): Promise<Array<FabricObject | null>> {\n    return Promise.all(\n      this.elements.map((element) => this.createObject(element)),\n    );\n  }\n\n  async createObject(el: Element): Promise<FabricObject | null> {\n    const klass = findTag(el);\n    if (klass) {\n      const obj: NotParsedFabricObject = await klass.fromElement(\n        el,\n        this.options,\n        this.cssRules,\n      );\n      this.resolveGradient(obj, el, FILL);\n      this.resolveGradient(obj, el, STROKE);\n      if (obj instanceof FabricImage && obj._originalElement) {\n        removeTransformMatrixForSvgParsing(\n          obj,\n          obj.parsePreserveAspectRatioAttribute(),\n        );\n      } else {\n        removeTransformMatrixForSvgParsing(obj);\n      }\n      await this.resolveClipPath(obj, el);\n      this.reviver && this.reviver(el, obj);\n      return obj;\n    }\n    return null;\n  }\n\n  extractPropertyDefinition(\n    obj: NotParsedFabricObject,\n    property: 'fill' | 'stroke' | 'clipPath',\n    storage: Record<string, StorageType[typeof property]>,\n  ): StorageType[typeof property] | undefined {\n    const value = obj[property]!,\n      regex = this.regexUrl;\n    if (!regex.test(value)) {\n      return undefined;\n    }\n    // verify: can we remove the 'g' flag? and remove lastIndex changes?\n    regex.lastIndex = 0;\n    // we passed the regex test, so we know is not null;\n    const id = regex.exec(value)![1];\n    regex.lastIndex = 0;\n    // @todo fix this\n    return storage[id];\n  }\n\n  resolveGradient(\n    obj: NotParsedFabricObject,\n    el: Element,\n    property: 'fill' | 'stroke',\n  ) {\n    const gradientDef = this.extractPropertyDefinition(\n      obj,\n      property,\n      this.gradientDefs,\n    ) as SVGGradientElement;\n    if (gradientDef) {\n      const opacityAttr = el.getAttribute(property + '-opacity');\n      const gradient = Gradient.fromElement(gradientDef, obj, {\n        ...this.options,\n        opacity: opacityAttr,\n      } as SVGOptions);\n      obj.set(property, gradient);\n    }\n  }\n\n  // TODO: resolveClipPath could be run once per clippath with minor work per object.\n  // is a refactor that i m not sure is worth on this code\n  async resolveClipPath(\n    obj: NotParsedFabricObject,\n    usingElement: Element,\n    exactOwner?: Element,\n  ) {\n    const clipPathElements = this.extractPropertyDefinition(\n      obj,\n      'clipPath',\n      this.clipPaths,\n    ) as Element[];\n    if (clipPathElements) {\n      const objTransformInv = invertTransform(obj.calcTransformMatrix());\n      const clipPathTag = clipPathElements[0].parentElement!;\n      let clipPathOwner = usingElement;\n      while (\n        !exactOwner &&\n        clipPathOwner.parentElement &&\n        clipPathOwner.getAttribute('clip-path') !== obj.clipPath\n      ) {\n        clipPathOwner = clipPathOwner.parentElement;\n      }\n      // move the clipPath tag as sibling to the real element that is using it\n      clipPathOwner.parentElement!.appendChild(clipPathTag);\n\n      // this multiplication order could be opposite.\n      // but i don't have an svg to test it\n      // at the first SVG that has a transform on both places and is misplaced\n      // try to invert this multiplication order\n      const finalTransform = parseTransformAttribute(\n        `${clipPathOwner.getAttribute('transform') || ''} ${\n          clipPathTag.getAttribute('originalTransform') || ''\n        }`,\n      );\n\n      clipPathTag.setAttribute(\n        'transform',\n        `matrix(${finalTransform.join(',')})`,\n      );\n\n      const container = await Promise.all(\n        clipPathElements.map((clipPathElement) => {\n          return findTag(clipPathElement)\n            .fromElement(clipPathElement, this.options, this.cssRules)\n            .then((enlivedClippath: NotParsedFabricObject) => {\n              removeTransformMatrixForSvgParsing(enlivedClippath);\n              enlivedClippath.fillRule = enlivedClippath.clipRule!;\n              delete enlivedClippath.clipRule;\n              return enlivedClippath;\n            });\n        }),\n      );\n      const clipPath =\n        container.length === 1 ? container[0] : new Group(container);\n      const gTransform = multiplyTransformMatrices(\n        objTransformInv,\n        clipPath.calcTransformMatrix(),\n      );\n      if (clipPath.clipPath) {\n        await this.resolveClipPath(\n          clipPath,\n          clipPathOwner,\n          // this is tricky.\n          // it tries to differentiate from when clipPaths are inherited by outside groups\n          // or when are really clipPaths referencing other clipPaths\n          clipPathTag.getAttribute('clip-path') ? clipPathOwner : undefined,\n        );\n      }\n      const { scaleX, scaleY, angle, skewX, translateX, translateY } =\n        qrDecompose(gTransform);\n      clipPath.set({\n        flipX: false,\n        flipY: false,\n      });\n      clipPath.set({\n        scaleX,\n        scaleY,\n        angle,\n        skewX,\n        skewY: 0,\n      });\n      clipPath.setPositionByOrigin(\n        new Point(translateX, translateY),\n        CENTER,\n        CENTER,\n      );\n      obj.clipPath = clipPath;\n    } else {\n      // if clip-path does not resolve to any element, delete the property.\n      delete obj.clipPath;\n      return;\n    }\n  }\n}\n"],"names":["findTag","el","classRegistry","getSVGClass","getTagName","toLowerCase","ElementsParser","constructor","elements","options","reviver","doc","clipPaths","this","regexUrl","gradientDefs","getGradientDefs","cssRules","getCSSRules","parse","Promise","all","map","element","createObject","klass","obj","fromElement","resolveGradient","FILL","STROKE","FabricImage","_originalElement","removeTransformMatrixForSvgParsing","parsePreserveAspectRatioAttribute","resolveClipPath","extractPropertyDefinition","property","storage","value","regex","test","lastIndex","id","exec","gradientDef","opacityAttr","getAttribute","gradient","Gradient","opacity","set","usingElement","exactOwner","clipPathElements","objTransformInv","invertTransform","calcTransformMatrix","clipPathTag","parentElement","clipPathOwner","clipPath","appendChild","finalTransform","parseTransformAttribute","setAttribute","join","container","clipPathElement","then","enlivedClippath","fillRule","clipRule","length","Group","gTransform","multiplyTransformMatrices","undefined","scaleX","scaleY","angle","skewX","translateX","translateY","qrDecompose","flipX","flipY","skewY","setPositionByOrigin","Point","CENTER"],"mappings":"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"}

package/dist/src/parser/elements_parser.mjs

@@ -0,0 +1,139 @@
+import { Gradient } from '../gradient/Gradient.mjs';
+import { Group } from '../shapes/Group.mjs';
+import { FabricImage } from '../shapes/Image.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { invertTransform, multiplyTransformMatrices, qrDecompose } from '../util/misc/matrix.mjs';
+import { removeTransformMatrixForSvgParsing } from '../util/transform_matrix_removal.mjs';
+import { Point } from '../Point.mjs';
+import { FILL, STROKE, CENTER } from '../constants.mjs';
+import { getGradientDefs } from './getGradientDefs.mjs';
+import { getCSSRules } from './getCSSRules.mjs';
+import { getTagName } from './getTagName.mjs';
+import { parseTransformAttribute } from './parseTransformAttribute.mjs';
+
+const findTag = el => classRegistry.getSVGClass(getTagName(el).toLowerCase());
+class ElementsParser {
+  constructor(elements, options, reviver, doc, clipPaths) {
+    this.elements = elements;
+    this.options = options;
+    this.reviver = reviver;
+    this.regexUrl = /^url\(['"]?#([^'"]+)['"]?\)/g;
+    this.doc = doc;
+    this.clipPaths = clipPaths;
+    this.gradientDefs = getGradientDefs(doc);
+    this.cssRules = getCSSRules(doc);
+  }
+  parse() {
+    return Promise.all(this.elements.map(element => this.createObject(element)));
+  }
+  async createObject(el) {
+    const klass = findTag(el);
+    if (klass) {
+      const obj = await klass.fromElement(el, this.options, this.cssRules);
+      this.resolveGradient(obj, el, FILL);
+      this.resolveGradient(obj, el, STROKE);
+      if (obj instanceof FabricImage && obj._originalElement) {
+        removeTransformMatrixForSvgParsing(obj, obj.parsePreserveAspectRatioAttribute());
+      } else {
+        removeTransformMatrixForSvgParsing(obj);
+      }
+      await this.resolveClipPath(obj, el);
+      this.reviver && this.reviver(el, obj);
+      return obj;
+    }
+    return null;
+  }
+  extractPropertyDefinition(obj, property, storage) {
+    const value = obj[property],
+      regex = this.regexUrl;
+    if (!regex.test(value)) {
+      return undefined;
+    }
+    // verify: can we remove the 'g' flag? and remove lastIndex changes?
+    regex.lastIndex = 0;
+    // we passed the regex test, so we know is not null;
+    const id = regex.exec(value)[1];
+    regex.lastIndex = 0;
+    // @todo fix this
+    return storage[id];
+  }
+  resolveGradient(obj, el, property) {
+    const gradientDef = this.extractPropertyDefinition(obj, property, this.gradientDefs);
+    if (gradientDef) {
+      const opacityAttr = el.getAttribute(property + '-opacity');
+      const gradient = Gradient.fromElement(gradientDef, obj, {
+        ...this.options,
+        opacity: opacityAttr
+      });
+      obj.set(property, gradient);
+    }
+  }
+
+  // TODO: resolveClipPath could be run once per clippath with minor work per object.
+  // is a refactor that i m not sure is worth on this code
+  async resolveClipPath(obj, usingElement, exactOwner) {
+    const clipPathElements = this.extractPropertyDefinition(obj, 'clipPath', this.clipPaths);
+    if (clipPathElements) {
+      const objTransformInv = invertTransform(obj.calcTransformMatrix());
+      const clipPathTag = clipPathElements[0].parentElement;
+      let clipPathOwner = usingElement;
+      while (!exactOwner && clipPathOwner.parentElement && clipPathOwner.getAttribute('clip-path') !== obj.clipPath) {
+        clipPathOwner = clipPathOwner.parentElement;
+      }
+      // move the clipPath tag as sibling to the real element that is using it
+      clipPathOwner.parentElement.appendChild(clipPathTag);
+
+      // this multiplication order could be opposite.
+      // but i don't have an svg to test it
+      // at the first SVG that has a transform on both places and is misplaced
+      // try to invert this multiplication order
+      const finalTransform = parseTransformAttribute(`${clipPathOwner.getAttribute('transform') || ''} ${clipPathTag.getAttribute('originalTransform') || ''}`);
+      clipPathTag.setAttribute('transform', `matrix(${finalTransform.join(',')})`);
+      const container = await Promise.all(clipPathElements.map(clipPathElement => {
+        return findTag(clipPathElement).fromElement(clipPathElement, this.options, this.cssRules).then(enlivedClippath => {
+          removeTransformMatrixForSvgParsing(enlivedClippath);
+          enlivedClippath.fillRule = enlivedClippath.clipRule;
+          delete enlivedClippath.clipRule;
+          return enlivedClippath;
+        });
+      }));
+      const clipPath = container.length === 1 ? container[0] : new Group(container);
+      const gTransform = multiplyTransformMatrices(objTransformInv, clipPath.calcTransformMatrix());
+      if (clipPath.clipPath) {
+        await this.resolveClipPath(clipPath, clipPathOwner,
+        // this is tricky.
+        // it tries to differentiate from when clipPaths are inherited by outside groups
+        // or when are really clipPaths referencing other clipPaths
+        clipPathTag.getAttribute('clip-path') ? clipPathOwner : undefined);
+      }
+      const {
+        scaleX,
+        scaleY,
+        angle,
+        skewX,
+        translateX,
+        translateY
+      } = qrDecompose(gTransform);
+      clipPath.set({
+        flipX: false,
+        flipY: false
+      });
+      clipPath.set({
+        scaleX,
+        scaleY,
+        angle,
+        skewX,
+        skewY: 0
+      });
+      clipPath.setPositionByOrigin(new Point(translateX, translateY), CENTER, CENTER);
+      obj.clipPath = clipPath;
+    } else {
+      // if clip-path does not resolve to any element, delete the property.
+      delete obj.clipPath;
+      return;
+    }
+  }
+}
+
+export { ElementsParser };
+//# sourceMappingURL=elements_parser.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements_parser.mjs","sources":["../../../src/parser/elements_parser.ts"],"sourcesContent":["import { Gradient } from '../gradient/Gradient';\nimport { Group } from '../shapes/Group';\nimport { FabricImage } from '../shapes/Image';\nimport { classRegistry } from '../ClassRegistry';\nimport {\n  invertTransform,\n  multiplyTransformMatrices,\n  qrDecompose,\n} from '../util/misc/matrix';\nimport { removeTransformMatrixForSvgParsing } from '../util/transform_matrix_removal';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport { Point } from '../Point';\nimport { CENTER, FILL, STROKE } from '../constants';\nimport { getGradientDefs } from './getGradientDefs';\nimport { getCSSRules } from './getCSSRules';\nimport type { LoadImageOptions } from '../util';\nimport type { CSSRules, TSvgReviverCallback } from './typedefs';\nimport type { ParsedViewboxTransform } from './applyViewboxTransform';\nimport type { SVGOptions } from '../gradient';\nimport { getTagName } from './getTagName';\nimport { parseTransformAttribute } from './parseTransformAttribute';\n\nconst findTag = (el: Element) =>\n  classRegistry.getSVGClass(getTagName(el).toLowerCase());\n\ntype StorageType = {\n  fill: SVGGradientElement;\n  stroke: SVGGradientElement;\n  clipPath: Element[];\n};\n\ntype NotParsedFabricObject = FabricObject & {\n  fill: string;\n  stroke: string;\n  clipPath?: string;\n  clipRule?: CanvasFillRule;\n};\n\nexport class ElementsParser {\n  declare elements: Element[];\n  declare options: LoadImageOptions & ParsedViewboxTransform;\n  declare reviver?: TSvgReviverCallback;\n  declare regexUrl: RegExp;\n  declare doc: Document;\n  declare clipPaths: Record<string, Element[]>;\n  declare gradientDefs: Record<string, SVGGradientElement>;\n  declare cssRules: CSSRules;\n\n  constructor(\n    elements: Element[],\n    options: LoadImageOptions & ParsedViewboxTransform,\n    reviver: TSvgReviverCallback | undefined,\n    doc: Document,\n    clipPaths: Record<string, Element[]>,\n  ) {\n    this.elements = elements;\n    this.options = options;\n    this.reviver = reviver;\n    this.regexUrl = /^url\\(['\"]?#([^'\"]+)['\"]?\\)/g;\n    this.doc = doc;\n    this.clipPaths = clipPaths;\n    this.gradientDefs = getGradientDefs(doc);\n    this.cssRules = getCSSRules(doc);\n  }\n\n  parse(): Promise<Array<FabricObject | null>> {\n    return Promise.all(\n      this.elements.map((element) => this.createObject(element)),\n    );\n  }\n\n  async createObject(el: Element): Promise<FabricObject | null> {\n    const klass = findTag(el);\n    if (klass) {\n      const obj: NotParsedFabricObject = await klass.fromElement(\n        el,\n        this.options,\n        this.cssRules,\n      );\n      this.resolveGradient(obj, el, FILL);\n      this.resolveGradient(obj, el, STROKE);\n      if (obj instanceof FabricImage && obj._originalElement) {\n        removeTransformMatrixForSvgParsing(\n          obj,\n          obj.parsePreserveAspectRatioAttribute(),\n        );\n      } else {\n        removeTransformMatrixForSvgParsing(obj);\n      }\n      await this.resolveClipPath(obj, el);\n      this.reviver && this.reviver(el, obj);\n      return obj;\n    }\n    return null;\n  }\n\n  extractPropertyDefinition(\n    obj: NotParsedFabricObject,\n    property: 'fill' | 'stroke' | 'clipPath',\n    storage: Record<string, StorageType[typeof property]>,\n  ): StorageType[typeof property] | undefined {\n    const value = obj[property]!,\n      regex = this.regexUrl;\n    if (!regex.test(value)) {\n      return undefined;\n    }\n    // verify: can we remove the 'g' flag? and remove lastIndex changes?\n    regex.lastIndex = 0;\n    // we passed the regex test, so we know is not null;\n    const id = regex.exec(value)![1];\n    regex.lastIndex = 0;\n    // @todo fix this\n    return storage[id];\n  }\n\n  resolveGradient(\n    obj: NotParsedFabricObject,\n    el: Element,\n    property: 'fill' | 'stroke',\n  ) {\n    const gradientDef = this.extractPropertyDefinition(\n      obj,\n      property,\n      this.gradientDefs,\n    ) as SVGGradientElement;\n    if (gradientDef) {\n      const opacityAttr = el.getAttribute(property + '-opacity');\n      const gradient = Gradient.fromElement(gradientDef, obj, {\n        ...this.options,\n        opacity: opacityAttr,\n      } as SVGOptions);\n      obj.set(property, gradient);\n    }\n  }\n\n  // TODO: resolveClipPath could be run once per clippath with minor work per object.\n  // is a refactor that i m not sure is worth on this code\n  async resolveClipPath(\n    obj: NotParsedFabricObject,\n    usingElement: Element,\n    exactOwner?: Element,\n  ) {\n    const clipPathElements = this.extractPropertyDefinition(\n      obj,\n      'clipPath',\n      this.clipPaths,\n    ) as Element[];\n    if (clipPathElements) {\n      const objTransformInv = invertTransform(obj.calcTransformMatrix());\n      const clipPathTag = clipPathElements[0].parentElement!;\n      let clipPathOwner = usingElement;\n      while (\n        !exactOwner &&\n        clipPathOwner.parentElement &&\n        clipPathOwner.getAttribute('clip-path') !== obj.clipPath\n      ) {\n        clipPathOwner = clipPathOwner.parentElement;\n      }\n      // move the clipPath tag as sibling to the real element that is using it\n      clipPathOwner.parentElement!.appendChild(clipPathTag);\n\n      // this multiplication order could be opposite.\n      // but i don't have an svg to test it\n      // at the first SVG that has a transform on both places and is misplaced\n      // try to invert this multiplication order\n      const finalTransform = parseTransformAttribute(\n        `${clipPathOwner.getAttribute('transform') || ''} ${\n          clipPathTag.getAttribute('originalTransform') || ''\n        }`,\n      );\n\n      clipPathTag.setAttribute(\n        'transform',\n        `matrix(${finalTransform.join(',')})`,\n      );\n\n      const container = await Promise.all(\n        clipPathElements.map((clipPathElement) => {\n          return findTag(clipPathElement)\n            .fromElement(clipPathElement, this.options, this.cssRules)\n            .then((enlivedClippath: NotParsedFabricObject) => {\n              removeTransformMatrixForSvgParsing(enlivedClippath);\n              enlivedClippath.fillRule = enlivedClippath.clipRule!;\n              delete enlivedClippath.clipRule;\n              return enlivedClippath;\n            });\n        }),\n      );\n      const clipPath =\n        container.length === 1 ? container[0] : new Group(container);\n      const gTransform = multiplyTransformMatrices(\n        objTransformInv,\n        clipPath.calcTransformMatrix(),\n      );\n      if (clipPath.clipPath) {\n        await this.resolveClipPath(\n          clipPath,\n          clipPathOwner,\n          // this is tricky.\n          // it tries to differentiate from when clipPaths are inherited by outside groups\n          // or when are really clipPaths referencing other clipPaths\n          clipPathTag.getAttribute('clip-path') ? clipPathOwner : undefined,\n        );\n      }\n      const { scaleX, scaleY, angle, skewX, translateX, translateY } =\n        qrDecompose(gTransform);\n      clipPath.set({\n        flipX: false,\n        flipY: false,\n      });\n      clipPath.set({\n        scaleX,\n        scaleY,\n        angle,\n        skewX,\n        skewY: 0,\n      });\n      clipPath.setPositionByOrigin(\n        new Point(translateX, translateY),\n        CENTER,\n        CENTER,\n      );\n      obj.clipPath = clipPath;\n    } else {\n      // if clip-path does not resolve to any element, delete the property.\n      delete obj.clipPath;\n      return;\n    }\n  }\n}\n"],"names":["findTag","el","classRegistry","getSVGClass","getTagName","toLowerCase","ElementsParser","constructor","elements","options","reviver","doc","clipPaths","regexUrl","gradientDefs","getGradientDefs","cssRules","getCSSRules","parse","Promise","all","map","element","createObject","klass","obj","fromElement","resolveGradient","FILL","STROKE","FabricImage","_originalElement","removeTransformMatrixForSvgParsing","parsePreserveAspectRatioAttribute","resolveClipPath","extractPropertyDefinition","property","storage","value","regex","test","undefined","lastIndex","id","exec","gradientDef","opacityAttr","getAttribute","gradient","Gradient","opacity","set","usingElement","exactOwner","clipPathElements","objTransformInv","invertTransform","calcTransformMatrix","clipPathTag","parentElement","clipPathOwner","clipPath","appendChild","finalTransform","parseTransformAttribute","setAttribute","join","container","clipPathElement","then","enlivedClippath","fillRule","clipRule","length","Group","gTransform","multiplyTransformMatrices","scaleX","scaleY","angle","skewX","translateX","translateY","qrDecompose","flipX","flipY","skewY","setPositionByOrigin","Point","CENTER"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import type { CSSRules } from './typedefs';
+/**
+ * Returns CSS rules for a given SVG document
+ * @param {HTMLElement} doc SVG document to parse
+ * @return {Object} CSS rules of this document
+ */
+export declare function getCSSRules(doc: Document): CSSRules;
+//# sourceMappingURL=getCSSRules.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSRules.d.ts","sourceRoot":"","sources":["../../../src/parser/getCSSRules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,QAAQ,YA4DxC"}

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

@@ -0,0 +1,2 @@
+function t(t){const r=t.getElementsByTagName("style"),e={};for(let t=0;t<r.length;t++){const i=(r[t].textContent||"").replace(/\/\*[\s\S]*?\*\//g,"");""!==i.trim()&&i.split("}").filter((t,r,e)=>e.length>1&&t.trim()).forEach(t=>{if((t.match(/{/g)||[]).length>1&&t.trim().startsWith("@"))return;const r=t.split("{"),i={},n=r[1].trim().split(";").filter(function(t){return t.trim()});for(let t=0;t<n.length;t++){const r=n[t].split(":"),e=r[0].trim(),l=r[1].trim();i[e]=l}(t=r[0].trim()).split(",").forEach(t=>{""!==(t=t.replace(/^svg/i,"").trim())&&(e[t]={...e[t]||{},...i})})})}return e}export{t as getCSSRules};
+//# sourceMappingURL=getCSSRules.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSRules.min.mjs","sources":["../../../src/parser/getCSSRules.ts"],"sourcesContent":["import type { CSSRules } from './typedefs';\n\n/**\n * Returns CSS rules for a given SVG document\n * @param {HTMLElement} doc SVG document to parse\n * @return {Object} CSS rules of this document\n */\nexport function getCSSRules(doc: Document) {\n  const styles = doc.getElementsByTagName('style');\n  const allRules: CSSRules = {};\n\n  // very crude parsing of style contents\n  for (let i = 0; i < styles.length; i++) {\n    const styleContents = (styles[i].textContent || '').replace(\n      // remove comments\n      /\\/\\*[\\s\\S]*?\\*\\//g,\n      '',\n    );\n\n    if (styleContents.trim() === '') {\n      continue;\n    }\n    // recovers all the rule in this form `body { style code... }`\n    // rules = styleContents.match(/[^{]*\\{[\\s\\S]*?\\}/g);\n    styleContents\n      .split('}')\n      // remove empty rules and remove everything if we didn't split in at least 2 pieces\n      .filter((rule, index, array) => array.length > 1 && rule.trim())\n      // at this point we have hopefully an array of rules `body { style code... `\n      .forEach((rule) => {\n        // if there is more than one opening bracket and the rule starts with '@', it is likely\n        // a nested at-rule like @media, @supports, @scope, etc. Ignore these as the code below\n        // can not handle it.\n        if (\n          (rule.match(/{/g) || []).length > 1 &&\n          rule.trim().startsWith('@')\n        ) {\n          return;\n        }\n\n        const match = rule.split('{'),\n          ruleObj: Record<string, string> = {},\n          declaration = match[1].trim(),\n          propertyValuePairs = declaration.split(';').filter(function (pair) {\n            return pair.trim();\n          });\n\n        for (let j = 0; j < propertyValuePairs.length; j++) {\n          const pair = propertyValuePairs[j].split(':'),\n            property = pair[0].trim(),\n            value = pair[1].trim();\n          ruleObj[property] = value;\n        }\n        rule = match[0].trim();\n        rule.split(',').forEach((_rule) => {\n          _rule = _rule.replace(/^svg/i, '').trim();\n          if (_rule === '') {\n            return;\n          }\n          allRules[_rule] = {\n            ...(allRules[_rule] || {}),\n            ...ruleObj,\n          };\n        });\n      });\n  }\n  return allRules;\n}\n"],"names":["getCSSRules","doc","styles","getElementsByTagName","allRules","i","length","styleContents","textContent","replace","trim","split","filter","rule","index","array","forEach","match","startsWith","ruleObj","propertyValuePairs","pair","j","property","value","_rule"],"mappings":"AAOO,SAASA,EAAYC,GAC1B,MAAMC,EAASD,EAAIE,qBAAqB,SAClCC,EAAqB,CAAA,EAG3B,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAOI,OAAQD,IAAK,CACtC,MAAME,GAAiBL,EAAOG,GAAGG,aAAe,IAAIC,QAElD,oBACA,IAG2B,KAAzBF,EAAcG,QAKlBH,EACGI,MAAM,KAENC,OAAO,CAACC,EAAMC,EAAOC,IAAUA,EAAMT,OAAS,GAAKO,EAAKH,QAExDM,QAASH,IAIR,IACGA,EAAKI,MAAM,OAAS,IAAIX,OAAS,GAClCO,EAAKH,OAAOQ,WAAW,KAEvB,OAGF,MAAMD,EAAQJ,EAAKF,MAAM,KACvBQ,EAAkC,CAAA,EAElCC,EADcH,EAAM,GAAGP,OACUC,MAAM,KAAKC,OAAO,SAAUS,GAC3D,OAAOA,EAAKX,MACd,GAEF,IAAK,IAAIY,EAAI,EAAGA,EAAIF,EAAmBd,OAAQgB,IAAK,CAClD,MAAMD,EAAOD,EAAmBE,GAAGX,MAAM,KACvCY,EAAWF,EAAK,GAAGX,OACnBc,EAAQH,EAAK,GAAGX,OAClBS,EAAQI,GAAYC,CACtB,EACAX,EAAOI,EAAM,GAAGP,QACXC,MAAM,KAAKK,QAASS,IAET,MADdA,EAAQA,EAAMhB,QAAQ,QAAS,IAAIC,UAInCN,EAASqB,GAAS,IACZrB,EAASqB,IAAU,MACpBN,OAIb,CACA,OAAOf,CACT"}

package/dist/src/parser/getCSSRules.mjs

@@ -0,0 +1,60 @@
+/**
+ * Returns CSS rules for a given SVG document
+ * @param {HTMLElement} doc SVG document to parse
+ * @return {Object} CSS rules of this document
+ */
+function getCSSRules(doc) {
+  const styles = doc.getElementsByTagName('style');
+  const allRules = {};
+
+  // very crude parsing of style contents
+  for (let i = 0; i < styles.length; i++) {
+    const styleContents = (styles[i].textContent || '').replace(
+    // remove comments
+    /\/\*[\s\S]*?\*\//g, '');
+    if (styleContents.trim() === '') {
+      continue;
+    }
+    // recovers all the rule in this form `body { style code... }`
+    // rules = styleContents.match(/[^{]*\{[\s\S]*?\}/g);
+    styleContents.split('}')
+    // remove empty rules and remove everything if we didn't split in at least 2 pieces
+    .filter((rule, index, array) => array.length > 1 && rule.trim())
+    // at this point we have hopefully an array of rules `body { style code... `
+    .forEach(rule => {
+      // if there is more than one opening bracket and the rule starts with '@', it is likely
+      // a nested at-rule like @media, @supports, @scope, etc. Ignore these as the code below
+      // can not handle it.
+      if ((rule.match(/{/g) || []).length > 1 && rule.trim().startsWith('@')) {
+        return;
+      }
+      const match = rule.split('{'),
+        ruleObj = {},
+        declaration = match[1].trim(),
+        propertyValuePairs = declaration.split(';').filter(function (pair) {
+          return pair.trim();
+        });
+      for (let j = 0; j < propertyValuePairs.length; j++) {
+        const pair = propertyValuePairs[j].split(':'),
+          property = pair[0].trim(),
+          value = pair[1].trim();
+        ruleObj[property] = value;
+      }
+      rule = match[0].trim();
+      rule.split(',').forEach(_rule => {
+        _rule = _rule.replace(/^svg/i, '').trim();
+        if (_rule === '') {
+          return;
+        }
+        allRules[_rule] = {
+          ...(allRules[_rule] || {}),
+          ...ruleObj
+        };
+      });
+    });
+  }
+  return allRules;
+}
+
+export { getCSSRules };
+//# sourceMappingURL=getCSSRules.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSRules.mjs","sources":["../../../src/parser/getCSSRules.ts"],"sourcesContent":["import type { CSSRules } from './typedefs';\n\n/**\n * Returns CSS rules for a given SVG document\n * @param {HTMLElement} doc SVG document to parse\n * @return {Object} CSS rules of this document\n */\nexport function getCSSRules(doc: Document) {\n  const styles = doc.getElementsByTagName('style');\n  const allRules: CSSRules = {};\n\n  // very crude parsing of style contents\n  for (let i = 0; i < styles.length; i++) {\n    const styleContents = (styles[i].textContent || '').replace(\n      // remove comments\n      /\\/\\*[\\s\\S]*?\\*\\//g,\n      '',\n    );\n\n    if (styleContents.trim() === '') {\n      continue;\n    }\n    // recovers all the rule in this form `body { style code... }`\n    // rules = styleContents.match(/[^{]*\\{[\\s\\S]*?\\}/g);\n    styleContents\n      .split('}')\n      // remove empty rules and remove everything if we didn't split in at least 2 pieces\n      .filter((rule, index, array) => array.length > 1 && rule.trim())\n      // at this point we have hopefully an array of rules `body { style code... `\n      .forEach((rule) => {\n        // if there is more than one opening bracket and the rule starts with '@', it is likely\n        // a nested at-rule like @media, @supports, @scope, etc. Ignore these as the code below\n        // can not handle it.\n        if (\n          (rule.match(/{/g) || []).length > 1 &&\n          rule.trim().startsWith('@')\n        ) {\n          return;\n        }\n\n        const match = rule.split('{'),\n          ruleObj: Record<string, string> = {},\n          declaration = match[1].trim(),\n          propertyValuePairs = declaration.split(';').filter(function (pair) {\n            return pair.trim();\n          });\n\n        for (let j = 0; j < propertyValuePairs.length; j++) {\n          const pair = propertyValuePairs[j].split(':'),\n            property = pair[0].trim(),\n            value = pair[1].trim();\n          ruleObj[property] = value;\n        }\n        rule = match[0].trim();\n        rule.split(',').forEach((_rule) => {\n          _rule = _rule.replace(/^svg/i, '').trim();\n          if (_rule === '') {\n            return;\n          }\n          allRules[_rule] = {\n            ...(allRules[_rule] || {}),\n            ...ruleObj,\n          };\n        });\n      });\n  }\n  return allRules;\n}\n"],"names":["getCSSRules","doc","styles","getElementsByTagName","allRules","i","length","styleContents","textContent","replace","trim","split","filter","rule","index","array","forEach","match","startsWith","ruleObj","declaration","propertyValuePairs","pair","j","property","value","_rule"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,GAAa,EAAE;AACzC,EAAA,MAAMC,MAAM,GAAGD,GAAG,CAACE,oBAAoB,CAAC,OAAO,CAAC;EAChD,MAAMC,QAAkB,GAAG,EAAE;;AAE7B;AACA,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,MAAM,CAACI,MAAM,EAAED,CAAC,EAAE,EAAE;AACtC,IAAA,MAAME,aAAa,GAAG,CAACL,MAAM,CAACG,CAAC,CAAC,CAACG,WAAW,IAAI,EAAE,EAAEC,OAAO;AACzD;IACA,mBAAmB,EACnB,EACF,CAAC;AAED,IAAA,IAAIF,aAAa,CAACG,IAAI,EAAE,KAAK,EAAE,EAAE;AAC/B,MAAA;AACF,IAAA;AACA;AACA;IACAH,aAAa,CACVI,KAAK,CAAC,GAAG;AACV;AAAA,KACCC,MAAM,CAAC,CAACC,IAAI,EAAEC,KAAK,EAAEC,KAAK,KAAKA,KAAK,CAACT,MAAM,GAAG,CAAC,IAAIO,IAAI,CAACH,IAAI,EAAE;AAC/D;KACCM,OAAO,CAAEH,IAAI,IAAK;AACjB;AACA;AACA;MACA,IACE,CAACA,IAAI,CAACI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAEX,MAAM,GAAG,CAAC,IACnCO,IAAI,CAACH,IAAI,EAAE,CAACQ,UAAU,CAAC,GAAG,CAAC,EAC3B;AACA,QAAA;AACF,MAAA;AAEA,MAAA,MAAMD,KAAK,GAAGJ,IAAI,CAACF,KAAK,CAAC,GAAG,CAAC;QAC3BQ,OAA+B,GAAG,EAAE;QACpCC,WAAW,GAAGH,KAAK,CAAC,CAAC,CAAC,CAACP,IAAI,EAAE;AAC7BW,QAAAA,kBAAkB,GAAGD,WAAW,CAACT,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,UAAUU,IAAI,EAAE;AACjE,UAAA,OAAOA,IAAI,CAACZ,IAAI,EAAE;AACpB,QAAA,CAAC,CAAC;AAEJ,MAAA,KAAK,IAAIa,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,CAACf,MAAM,EAAEiB,CAAC,EAAE,EAAE;QAClD,MAAMD,IAAI,GAAGD,kBAAkB,CAACE,CAAC,CAAC,CAACZ,KAAK,CAAC,GAAG,CAAC;UAC3Ca,QAAQ,GAAGF,IAAI,CAAC,CAAC,CAAC,CAACZ,IAAI,EAAE;UACzBe,KAAK,GAAGH,IAAI,CAAC,CAAC,CAAC,CAACZ,IAAI,EAAE;AACxBS,QAAAA,OAAO,CAACK,QAAQ,CAAC,GAAGC,KAAK;AAC3B,MAAA;MACAZ,IAAI,GAAGI,KAAK,CAAC,CAAC,CAAC,CAACP,IAAI,EAAE;MACtBG,IAAI,CAACF,KAAK,CAAC,GAAG,CAAC,CAACK,OAAO,CAAEU,KAAK,IAAK;AACjCA,QAAAA,KAAK,GAAGA,KAAK,CAACjB,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAACC,IAAI,EAAE;QACzC,IAAIgB,KAAK,KAAK,EAAE,EAAE;AAChB,UAAA;AACF,QAAA;QACAtB,QAAQ,CAACsB,KAAK,CAAC,GAAG;AAChB,UAAA,IAAItB,QAAQ,CAACsB,KAAK,CAAC,IAAI,EAAE,CAAC;UAC1B,GAAGP;SACJ;AACH,MAAA,CAAC,CAAC;AACJ,IAAA,CAAC,CAAC;AACN,EAAA;AACA,EAAA,OAAOf,QAAQ;AACjB;;;;"}

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

@@ -0,0 +1,6 @@
+import type { CSSRules } from './typedefs';
+/**
+ * @private
+ */
+export declare function getGlobalStylesForElement(element: HTMLElement | SVGElement, cssRules?: CSSRules): Record<string, string>;
+//# sourceMappingURL=getGlobalStylesForElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGlobalStylesForElement.d.ts","sourceRoot":"","sources":["../../../src/parser/getGlobalStylesForElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C;;GAEG;AAEH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,WAAW,GAAG,UAAU,EACjC,QAAQ,GAAE,QAAa,0BAYxB"}

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

@@ -0,0 +1,2 @@
+import{elementMatchesRule as t}from"./elementMatchesRule.min.mjs";function e(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o={};for(const i in n)t(e,i.split(" "))&&(o={...o,...n[i]});return o}export{e as getGlobalStylesForElement};
+//# sourceMappingURL=getGlobalStylesForElement.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGlobalStylesForElement.min.mjs","sources":["../../../src/parser/getGlobalStylesForElement.ts"],"sourcesContent":["import { elementMatchesRule } from './elementMatchesRule';\nimport type { CSSRules } from './typedefs';\n\n/**\n * @private\n */\n\nexport function getGlobalStylesForElement(\n  element: HTMLElement | SVGElement,\n  cssRules: CSSRules = {},\n) {\n  let styles: Record<string, string> = {};\n  for (const rule in cssRules) {\n    if (elementMatchesRule(element, rule.split(' '))) {\n      styles = {\n        ...styles,\n        ...cssRules[rule],\n      };\n    }\n  }\n  return styles;\n}\n"],"names":["getGlobalStylesForElement","element","cssRules","arguments","length","undefined","styles","rule","elementMatchesRule","split"],"mappings":"kEAOO,SAASA,EACdC,GAEA,IADAC,EAAkBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAEjBG,EAAiC,CAAA,EACrC,IAAK,MAAMC,KAAQL,EACbM,EAAmBP,EAASM,EAAKE,MAAM,QACzCH,EAAS,IACJA,KACAJ,EAASK,KAIlB,OAAOD,CACT"}

package/dist/src/parser/getGlobalStylesForElement.mjs

@@ -0,0 +1,22 @@
+import { elementMatchesRule } from './elementMatchesRule.mjs';
+
+/**
+ * @private
+ */
+
+function getGlobalStylesForElement(element) {
+  let cssRules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let styles = {};
+  for (const rule in cssRules) {
+    if (elementMatchesRule(element, rule.split(' '))) {
+      styles = {
+        ...styles,
+        ...cssRules[rule]
+      };
+    }
+  }
+  return styles;
+}
+
+export { getGlobalStylesForElement };
+//# sourceMappingURL=getGlobalStylesForElement.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGlobalStylesForElement.mjs","sources":["../../../src/parser/getGlobalStylesForElement.ts"],"sourcesContent":["import { elementMatchesRule } from './elementMatchesRule';\nimport type { CSSRules } from './typedefs';\n\n/**\n * @private\n */\n\nexport function getGlobalStylesForElement(\n  element: HTMLElement | SVGElement,\n  cssRules: CSSRules = {},\n) {\n  let styles: Record<string, string> = {};\n  for (const rule in cssRules) {\n    if (elementMatchesRule(element, rule.split(' '))) {\n      styles = {\n        ...styles,\n        ...cssRules[rule],\n      };\n    }\n  }\n  return styles;\n}\n"],"names":["getGlobalStylesForElement","element","cssRules","arguments","length","undefined","styles","rule","elementMatchesRule","split"],"mappings":";;AAGA;AACA;AACA;;AAEO,SAASA,yBAAyBA,CACvCC,OAAiC,EAEjC;AAAA,EAAA,IADAC,QAAkB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAEvB,IAAIG,MAA8B,GAAG,EAAE;AACvC,EAAA,KAAK,MAAMC,IAAI,IAAIL,QAAQ,EAAE;IAC3B,IAAIM,kBAAkB,CAACP,OAAO,EAAEM,IAAI,CAACE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;AAChDH,MAAAA,MAAM,GAAG;AACP,QAAA,GAAGA,MAAM;QACT,GAAGJ,QAAQ,CAACK,IAAI;OACjB;AACH,IAAA;AACF,EAAA;AACA,EAAA,OAAOD,MAAM;AACf;;;;"}

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

@@ -0,0 +1,7 @@
+/**
+ * Parses an SVG document, returning all of the gradient declarations found in it
+ * @param {SVGDocument} doc SVG document to parse
+ * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element
+ */
+export declare function getGradientDefs(doc: Document): Record<string, SVGGradientElement>;
+//# sourceMappingURL=getGradientDefs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGradientDefs.d.ts","sourceRoot":"","sources":["../../../src/parser/getGradientDefs.ts"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,QAAQ,GACZ,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAepC"}

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

@@ -0,0 +1,2 @@
+import{getMultipleNodes as t}from"./getMultipleNodes.min.mjs";import{recursivelyParseGradientsXlink as r}from"./recursivelyParseGradientsXlink.min.mjs";const e=["linearGradient","radialGradient","svg:linearGradient","svg:radialGradient"];function i(i){const n=t(i,e),a={};let o=n.length;for(;o--;){const t=n[o];t.getAttribute("xlink:href")&&r(i,t);const e=t.getAttribute("id");e&&(a[e]=t)}return a}export{i as getGradientDefs};
+//# sourceMappingURL=getGradientDefs.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGradientDefs.min.mjs","sources":["../../../src/parser/getGradientDefs.ts"],"sourcesContent":["import { getMultipleNodes } from './getMultipleNodes';\nimport { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink';\n\nconst tagArray = [\n  'linearGradient',\n  'radialGradient',\n  'svg:linearGradient',\n  'svg:radialGradient',\n];\n\n/**\n * Parses an SVG document, returning all of the gradient declarations found in it\n * @param {SVGDocument} doc SVG document to parse\n * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element\n */\nexport function getGradientDefs(\n  doc: Document,\n): Record<string, SVGGradientElement> {\n  const elList = getMultipleNodes(doc, tagArray);\n  const gradientDefs: Record<string, SVGGradientElement> = {};\n  let j = elList.length;\n  while (j--) {\n    const el = elList[j];\n    if (el.getAttribute('xlink:href')) {\n      recursivelyParseGradientsXlink(doc, el);\n    }\n    const id = el.getAttribute('id');\n    if (id) {\n      gradientDefs[id] = el as SVGGradientElement;\n    }\n  }\n  return gradientDefs;\n}\n"],"names":["tagArray","getGradientDefs","doc","elList","getMultipleNodes","gradientDefs","j","length","el","getAttribute","recursivelyParseGradientsXlink","id"],"mappings":"wJAGA,MAAMA,EAAW,CACf,iBACA,iBACA,qBACA,sBAQK,SAASC,EACdC,GAEA,MAAMC,EAASC,EAAiBF,EAAKF,GAC/BK,EAAmD,CAAA,EACzD,IAAIC,EAAIH,EAAOI,OACf,KAAOD,KAAK,CACV,MAAME,EAAKL,EAAOG,GACdE,EAAGC,aAAa,eAClBC,EAA+BR,EAAKM,GAEtC,MAAMG,EAAKH,EAAGC,aAAa,MACvBE,IACFN,EAAaM,GAAMH,EAEvB,CACA,OAAOH,CACT"}

package/dist/src/parser/getGradientDefs.mjs

@@ -0,0 +1,29 @@
+import { getMultipleNodes } from './getMultipleNodes.mjs';
+import { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink.mjs';
+
+const tagArray = ['linearGradient', 'radialGradient', 'svg:linearGradient', 'svg:radialGradient'];
+
+/**
+ * Parses an SVG document, returning all of the gradient declarations found in it
+ * @param {SVGDocument} doc SVG document to parse
+ * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element
+ */
+function getGradientDefs(doc) {
+  const elList = getMultipleNodes(doc, tagArray);
+  const gradientDefs = {};
+  let j = elList.length;
+  while (j--) {
+    const el = elList[j];
+    if (el.getAttribute('xlink:href')) {
+      recursivelyParseGradientsXlink(doc, el);
+    }
+    const id = el.getAttribute('id');
+    if (id) {
+      gradientDefs[id] = el;
+    }
+  }
+  return gradientDefs;
+}
+
+export { getGradientDefs };
+//# sourceMappingURL=getGradientDefs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGradientDefs.mjs","sources":["../../../src/parser/getGradientDefs.ts"],"sourcesContent":["import { getMultipleNodes } from './getMultipleNodes';\nimport { recursivelyParseGradientsXlink } from './recursivelyParseGradientsXlink';\n\nconst tagArray = [\n  'linearGradient',\n  'radialGradient',\n  'svg:linearGradient',\n  'svg:radialGradient',\n];\n\n/**\n * Parses an SVG document, returning all of the gradient declarations found in it\n * @param {SVGDocument} doc SVG document to parse\n * @return {Object} Gradient definitions; key corresponds to element id, value -- to gradient definition element\n */\nexport function getGradientDefs(\n  doc: Document,\n): Record<string, SVGGradientElement> {\n  const elList = getMultipleNodes(doc, tagArray);\n  const gradientDefs: Record<string, SVGGradientElement> = {};\n  let j = elList.length;\n  while (j--) {\n    const el = elList[j];\n    if (el.getAttribute('xlink:href')) {\n      recursivelyParseGradientsXlink(doc, el);\n    }\n    const id = el.getAttribute('id');\n    if (id) {\n      gradientDefs[id] = el as SVGGradientElement;\n    }\n  }\n  return gradientDefs;\n}\n"],"names":["tagArray","getGradientDefs","doc","elList","getMultipleNodes","gradientDefs","j","length","el","getAttribute","recursivelyParseGradientsXlink","id"],"mappings":";;;AAGA,MAAMA,QAAQ,GAAG,CACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,CACrB;;AAED;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAC7BC,GAAa,EACuB;AACpC,EAAA,MAAMC,MAAM,GAAGC,gBAAgB,CAACF,GAAG,EAAEF,QAAQ,CAAC;EAC9C,MAAMK,YAAgD,GAAG,EAAE;AAC3D,EAAA,IAAIC,CAAC,GAAGH,MAAM,CAACI,MAAM;EACrB,OAAOD,CAAC,EAAE,EAAE;AACV,IAAA,MAAME,EAAE,GAAGL,MAAM,CAACG,CAAC,CAAC;AACpB,IAAA,IAAIE,EAAE,CAACC,YAAY,CAAC,YAAY,CAAC,EAAE;AACjCC,MAAAA,8BAA8B,CAACR,GAAG,EAAEM,EAAE,CAAC;AACzC,IAAA;AACA,IAAA,MAAMG,EAAE,GAAGH,EAAE,CAACC,YAAY,CAAC,IAAI,CAAC;AAChC,IAAA,IAAIE,EAAE,EAAE;AACNN,MAAAA,YAAY,CAACM,EAAE,CAAC,GAAGH,EAAwB;AAC7C,IAAA;AACF,EAAA;AACA,EAAA,OAAOH,YAAY;AACrB;;;;"}

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

@@ -0,0 +1,2 @@
+export declare function getMultipleNodes(doc: Document, nodeNames: string[]): Element[];
+//# sourceMappingURL=getMultipleNodes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getMultipleNodes.d.ts","sourceRoot":"","sources":["../../../src/parser/getMultipleNodes.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,EAAE,GAClB,OAAO,EAAE,CAeX"}

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

@@ -0,0 +1,2 @@
+function t(t,e){let r,n,o,g,a=[];for(o=0,g=e.length;o<g;o++)r=e[o],n=t.getElementsByTagNameNS("http://www.w3.org/2000/svg",r),a=a.concat(Array.from(n));return a}export{t as getMultipleNodes};
+//# sourceMappingURL=getMultipleNodes.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getMultipleNodes.min.mjs","sources":["../../../src/parser/getMultipleNodes.ts"],"sourcesContent":["export function getMultipleNodes(\n  doc: Document,\n  nodeNames: string[],\n): Element[] {\n  let nodeName,\n    nodeArray: Element[] = [],\n    nodeList,\n    i,\n    len;\n  for (i = 0, len = nodeNames.length; i < len; i++) {\n    nodeName = nodeNames[i];\n    nodeList = doc.getElementsByTagNameNS(\n      'http://www.w3.org/2000/svg',\n      nodeName,\n    );\n    nodeArray = nodeArray.concat(Array.from(nodeList));\n  }\n  return nodeArray;\n}\n"],"names":["getMultipleNodes","doc","nodeNames","nodeName","nodeList","i","len","nodeArray","length","getElementsByTagNameNS","concat","Array","from"],"mappings":"AAAO,SAASA,EACdC,EACAC,GAEA,IAAIC,EAEFC,EACAC,EACAC,EAHAC,EAAuB,GAIzB,IAAKF,EAAI,EAAGC,EAAMJ,EAAUM,OAAQH,EAAIC,EAAKD,IAC3CF,EAAWD,EAAUG,GACrBD,EAAWH,EAAIQ,uBACb,6BACAN,GAEFI,EAAYA,EAAUG,OAAOC,MAAMC,KAAKR,IAE1C,OAAOG,CACT"}

package/dist/src/parser/getMultipleNodes.mjs

@@ -0,0 +1,16 @@
+function getMultipleNodes(doc, nodeNames) {
+  let nodeName,
+    nodeArray = [],
+    nodeList,
+    i,
+    len;
+  for (i = 0, len = nodeNames.length; i < len; i++) {
+    nodeName = nodeNames[i];
+    nodeList = doc.getElementsByTagNameNS('http://www.w3.org/2000/svg', nodeName);
+    nodeArray = nodeArray.concat(Array.from(nodeList));
+  }
+  return nodeArray;
+}
+
+export { getMultipleNodes };
+//# sourceMappingURL=getMultipleNodes.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getMultipleNodes.mjs","sources":["../../../src/parser/getMultipleNodes.ts"],"sourcesContent":["export function getMultipleNodes(\n  doc: Document,\n  nodeNames: string[],\n): Element[] {\n  let nodeName,\n    nodeArray: Element[] = [],\n    nodeList,\n    i,\n    len;\n  for (i = 0, len = nodeNames.length; i < len; i++) {\n    nodeName = nodeNames[i];\n    nodeList = doc.getElementsByTagNameNS(\n      'http://www.w3.org/2000/svg',\n      nodeName,\n    );\n    nodeArray = nodeArray.concat(Array.from(nodeList));\n  }\n  return nodeArray;\n}\n"],"names":["getMultipleNodes","doc","nodeNames","nodeName","nodeArray","nodeList","i","len","length","getElementsByTagNameNS","concat","Array","from"],"mappings":"AAAO,SAASA,gBAAgBA,CAC9BC,GAAa,EACbC,SAAmB,EACR;AACX,EAAA,IAAIC,QAAQ;AACVC,IAAAA,SAAoB,GAAG,EAAE;IACzBC,QAAQ;IACRC,CAAC;IACDC,GAAG;AACL,EAAA,KAAKD,CAAC,GAAG,CAAC,EAAEC,GAAG,GAAGL,SAAS,CAACM,MAAM,EAAEF,CAAC,GAAGC,GAAG,EAAED,CAAC,EAAE,EAAE;AAChDH,IAAAA,QAAQ,GAAGD,SAAS,CAACI,CAAC,CAAC;IACvBD,QAAQ,GAAGJ,GAAG,CAACQ,sBAAsB,CACnC,4BAA4B,EAC5BN,QACF,CAAC;IACDC,SAAS,GAAGA,SAAS,CAACM,MAAM,CAACC,KAAK,CAACC,IAAI,CAACP,QAAQ,CAAC,CAAC;AACpD,EAAA;AACA,EAAA,OAAOD,SAAS;AAClB;;;;"}

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

@@ -0,0 +1,2 @@
+export declare function getSvgRegex(arr: string[]): RegExp;
+//# sourceMappingURL=getSvgRegex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSvgRegex.d.ts","sourceRoot":"","sources":["../../../src/parser/getSvgRegex.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,UAExC"}

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

@@ -0,0 +1,2 @@
+function n(n){return new RegExp("^("+n.join("|")+")\\b","i")}export{n as getSvgRegex};
+//# sourceMappingURL=getSvgRegex.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSvgRegex.min.mjs","sources":["../../../src/parser/getSvgRegex.ts"],"sourcesContent":["export function getSvgRegex(arr: string[]) {\n  return new RegExp('^(' + arr.join('|') + ')\\\\b', 'i');\n}\n"],"names":["getSvgRegex","arr","RegExp","join"],"mappings":"AAAO,SAASA,EAAYC,GAC1B,OAAO,IAAIC,OAAO,KAAOD,EAAIE,KAAK,KAAO,OAAQ,IACnD"}

package/dist/src/parser/getSvgRegex.mjs

@@ -0,0 +1,6 @@
+function getSvgRegex(arr) {
+  return new RegExp('^(' + arr.join('|') + ')\\b', 'i');
+}
+
+export { getSvgRegex };
+//# sourceMappingURL=getSvgRegex.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSvgRegex.mjs","sources":["../../../src/parser/getSvgRegex.ts"],"sourcesContent":["export function getSvgRegex(arr: string[]) {\n  return new RegExp('^(' + arr.join('|') + ')\\\\b', 'i');\n}\n"],"names":["getSvgRegex","arr","RegExp","join"],"mappings":"AAAO,SAASA,WAAWA,CAACC,GAAa,EAAE;AACzC,EAAA,OAAO,IAAIC,MAAM,CAAC,IAAI,GAAGD,GAAG,CAACE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC;AACvD;;;;"}