| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- import { wrapSVGContent } from './defs.mjs';
- import { getSVGViewBox } from './viewbox.mjs';
- function parseSVGContent(content) {
- const match = content.trim().match(
- /(?:<(?:\?xml|!DOCTYPE)[^>]+>\s*)*<svg([^>]+)>([\s\S]+)<\/svg[^>]*>/
- );
- if (!match) {
- return;
- }
- const body = match[2].trim();
- const attribsList = match[1].match(/[\w:-]+="[^"]*"/g);
- const attribs = /* @__PURE__ */ Object.create(null);
- attribsList?.forEach((row) => {
- const match2 = row.match(/([\w:-]+)="([^"]*)"/);
- if (match2) {
- attribs[match2[1]] = match2[2];
- }
- });
- return {
- attribs,
- body
- };
- }
- function build(data) {
- const attribs = data.attribs;
- const viewBox = getSVGViewBox(attribs["viewBox"] ?? "");
- if (!viewBox) {
- return;
- }
- const groupAttributes = [];
- for (const key in attribs) {
- if (key === "style" || key.startsWith("fill") || key.startsWith("stroke")) {
- groupAttributes.push(`${key}="${attribs[key]}"`);
- }
- }
- let body = data.body;
- if (groupAttributes.length) {
- body = wrapSVGContent(
- body,
- "<g " + groupAttributes.join(" ") + ">",
- "</g>"
- );
- }
- return {
- // Copy dimensions if exist
- width: attribs.width,
- height: attribs.height,
- viewBox,
- body
- };
- }
- function buildParsedSVG(data) {
- const result = build(data);
- if (result) {
- return {
- attributes: {
- // Copy dimensions if exist
- width: result.width,
- height: result.height,
- // Merge viewBox
- viewBox: result.viewBox.join(" ")
- },
- viewBox: result.viewBox,
- body: result.body
- };
- }
- }
- function convertParsedSVG(data) {
- const result = build(data);
- if (result) {
- const viewBox = result.viewBox;
- return {
- left: viewBox[0],
- top: viewBox[1],
- width: viewBox[2],
- height: viewBox[3],
- body: result.body
- };
- }
- }
- export { buildParsedSVG, convertParsedSVG, parseSVGContent };
|