@emasoft/svg-matrix 1.1.0 → 1.2.0

package/src/vendor/inkscape-hatch-polyfill.min.js

@@ -5,4 +5,294 @@
  *
  * Converts SVG 2 hatch elements to SVG 1.1 pattern elements for browser compatibility.
  */
-!function(){const t="http://www.w3.org/2000/svg",e=(t,e,r,n)=>{const u=(e-t)/2,i=r+u,s=t+u+n;let h=[];for(let t=r-(Math.round(i/n)+1)*n;t<s;t+=n)h.push(t);return h};class r{constructor(t,e){this.x=t,this.y=e}toString(){return`${this.x} ${this.y}`}isPoint(){return!0}clone(){return new r(this.x,this.y)}add(t){return new r(this.x+t.x,this.y+t.y)}distSquared(t){let e=this.x-t.x,r=this.y-t.y;return e*e+r*r}}document.querySelectorAll("rect,circle,ellipse,path,text").forEach((n,u)=>{let i=n.getAttribute("id");i||(i="hatch_shape_"+u,n.setAttribute("id",i));const s=(n.getAttribute("fill")||n.style.fill).match(/^url\(\s*"?\s*#([^\s"]+)"?\s*\)/);if(s&&s[1]){const u=document.getElementById(s[1]);if(u&&"hatch"===u.nodeName){const i=u.getAttributeNS("http://www.w3.org/1999/xlink","href");if(null!==i&&""!==i&&((t,e)=>{const r=["x","y","pitch","rotate","hatchUnits","hatchContentUnits","transform"],n=document.getElementById(e.slice(1));n&&"hatch"===n.nodeName&&(r.forEach(e=>{let r=n.getAttribute(e);null===t.getAttribute(e)&&null!==r&&t.setAttribute(e,r)}),0===t.children.length&&Array.from(n.children).forEach(e=>{t.appendChild(e.cloneNode(!0))}))})(u,i),0===u.children.length)return;const h=n.getBBox(),o=Math.ceil(Math.sqrt(h.width*h.width+h.height*h.height)),a=u.getAttribute("hatchUnits")||"objectBoundingBox",c=u.getAttribute("hatchContentUnits")||"userSpaceOnUse",b=Number(u.getAttribute("rotate"))||0,l=u.getAttribute("transform")||u.getAttribute("hatchTransform")||"",m=(t=>{const e=[];return t.forEach(t=>e.push(t)),e.sort((t,e)=>Number(e.getAttribute("offset"))-Number(t.getAttribute("offset")))})(u.querySelectorAll("hatchpath,hatchPath")),d="objectBoundingBox"===a?Number(u.getAttribute("x"))*h.width||0:Number(u.getAttribute("x"))||0,g="objectBoundingBox"===a?Number(u.getAttribute("y"))*h.width||0:Number(u.getAttribute("y"))||0;let p="objectBoundingBox"===a?Number(u.getAttribute("pitch"))*h.width||0:Number(u.getAttribute("pitch"))||0;if("objectBoundingBox"===c&&h.height&&(p/=h.height),p<=0)return void console.error("Non-positive pitch");const N=document.createElementNS(t,"pattern"),f=`${s[1]}_pattern`;let w=h.width-h.width%p,A=0;const y=e(w,o,d,p);m.forEach(n=>{let u=Number(n.getAttribute("offset"))||0;u=u>p?u%p:u;const i=y.map(t=>t+u),s=document.createElementNS(t,"path");let a="";for(let t=0;t<n.attributes.length;++t){const e=n.attributes.item(t);"d"!==e.name&&s.setAttribute(e.name,e.value)}if(null===n.getAttribute("d"))a+=i.reduce((t,e)=>`${t}M ${e} ${g} V ${o} `,""),A=o;else{const u=n.getAttribute("d"),c=(t=>{let e=[],n=0,u=t.length,i=0;for(;n<u;)switch(t[n].toUpperCase()){case"Z":e.push(t[n]),n+=1,i=0;break;case"M":case"L":case"T":e.push(t[n],new r(Number(t[n+1]),Number(t[n+2]))),n+=3,i=1;break;case"H":e.push(t[n],new r(Number(t[n+1]),null)),n+=2,i=2;break;case"V":e.push(t[n],new r(null,Number(t[n+1]))),n+=2,i=3;break;case"C":e.push(t[n],new r(Number(t[n+1]),Number(t[n+2])),new r(Number(t[n+3]),Number(t[n+4])),new r(Number(t[n+5]),Number(t[n+6]))),n+=7,i=4;break;case"S":case"Q":e.push(t[n],new r(Number(t[n+1]),Number(t[n+2])),new r(Number(t[n+3]),Number(t[n+4]))),n+=5,i=5;break;case"A":e.push(t[n],t[n+1],t[n+2],t[n+3],t[n+4],t[n+5],new r(Number(t[n+6]),Number(t[n+7]))),n+=8,i=6;break;case"B":e.push(t[n],t[n+1]),n+=2,i=7;break;default:switch(i){case 1:e.push(new r(Number(t[n]),Number(t[n+1]))),n+=2;break;case 2:e.push(new r(Number(t[n]),null)),n+=1;break;case 3:e.push(new r(null,Number(t[n]))),n+=1;break;case 4:e.push(new r(Number(t[n]),Number(t[n+1])),new r(Number(t[n+2]),Number(t[n+3])),new r(Number(t[n+4]),Number(t[n+5]))),n+=6;break;case 5:e.push(new r(Number(t[n]),Number(t[n+1])),new r(Number(t[n+2]),Number(t[n+3]))),n+=4;break;case 6:e.push(t[n],t[n+1],t[n+2],t[n+3],t[n+4],new r(Number(t[n+5]),Number(t[n+6]))),n+=7;break;default:e.push(t[n]),n+=1}}return e})(u.match(/([+-]?(\d+(\.\d+)?))|[MmZzLlHhVvCcSsQqTtAaBb]/g)),b=c.length,l="M"===c[0],m=c[0].toLowerCase()===c[0],d=new r(0,0);let p=(e=>{const r=document.createElementNS(t,"path");let n=e.getAttribute("d");return"M"!==n[0].toUpperCase()&&(n=`M 0,0 ${n}`),r.setAttribute("d",n),r.getPointAtLength(r.getTotalLength()).y-r.getPointAtLength(0).y})(n);if(void 0!==c[b-1].y&&p<c[b-1].y&&(p=c[b-1].y),p<=0)return void console.error("y offset is non-positive");A=h.height-h.height%p;const N=e(A,o,g,p);i.forEach(t=>{d.x=t,l||m||(a+=`M ${t} 0`),N.forEach(e=>{d.y=e,a+=m?`M ${t} ${e} ${u}`:c.map(t=>t.isPoint&&t.isPoint()?t.add(d):t).map(t=>t.isPoint&&t.isPoint()?t.toString():t).reduce((t,e)=>`${t} ${e}`,"")})}),s.style.fill="none"}s.setAttribute("d",a),N.appendChild(s)}),((t,e)=>{for(let r in e)t.setAttribute(r,e[r])})(N,{id:f,patternUnits:"userSpaceOnUse",patternContentUnits:c,width:w,height:A,x:h.x,y:h.y,patternTransform:`rotate(${b} 0 0) ${l}`}),u.parentElement.insertBefore(N,u),n.style.fill=`url(#${f})`,n.setAttribute("fill",`url(#${f})`)}}})}();
+!(function () {
+  const t = "http://www.w3.org/2000/svg",
+    e = (t, e, r, n) => {
+      const u = (e - t) / 2,
+        i = r + u,
+        s = t + u + n;
+      let h = [];
+      for (let t = r - (Math.round(i / n) + 1) * n; t < s; t += n) h.push(t);
+      return h;
+    };
+  class r {
+    constructor(t, e) {
+      ((this.x = t), (this.y = e));
+    }
+    toString() {
+      return `${this.x} ${this.y}`;
+    }
+    isPoint() {
+      return !0;
+    }
+    clone() {
+      return new r(this.x, this.y);
+    }
+    add(t) {
+      return new r(this.x + t.x, this.y + t.y);
+    }
+    distSquared(t) {
+      let e = this.x - t.x,
+        r = this.y - t.y;
+      return e * e + r * r;
+    }
+  }
+  document.querySelectorAll("rect,circle,ellipse,path,text").forEach((n, u) => {
+    let i = n.getAttribute("id");
+    i || ((i = "hatch_shape_" + u), n.setAttribute("id", i));
+    const s = (n.getAttribute("fill") || n.style.fill).match(
+      /^url\(\s*"?\s*#([^\s"]+)"?\s*\)/,
+    );
+    if (s && s[1]) {
+      const u = document.getElementById(s[1]);
+      if (u && "hatch" === u.nodeName) {
+        const i = u.getAttributeNS("http://www.w3.org/1999/xlink", "href");
+        if (
+          (null !== i &&
+            "" !== i &&
+            ((t, e) => {
+              const r = [
+                  "x",
+                  "y",
+                  "pitch",
+                  "rotate",
+                  "hatchUnits",
+                  "hatchContentUnits",
+                  "transform",
+                ],
+                n = document.getElementById(e.slice(1));
+              n &&
+                "hatch" === n.nodeName &&
+                (r.forEach((e) => {
+                  let r = n.getAttribute(e);
+                  null === t.getAttribute(e) &&
+                    null !== r &&
+                    t.setAttribute(e, r);
+                }),
+                0 === t.children.length &&
+                  Array.from(n.children).forEach((e) => {
+                    t.appendChild(e.cloneNode(!0));
+                  }));
+            })(u, i),
+          0 === u.children.length)
+        )
+          return;
+        const h = n.getBBox(),
+          o = Math.ceil(Math.sqrt(h.width * h.width + h.height * h.height)),
+          a = u.getAttribute("hatchUnits") || "objectBoundingBox",
+          c = u.getAttribute("hatchContentUnits") || "userSpaceOnUse",
+          b = Number(u.getAttribute("rotate")) || 0,
+          l =
+            u.getAttribute("transform") ||
+            u.getAttribute("hatchTransform") ||
+            "",
+          m = ((t) => {
+            const e = [];
+            return (
+              t.forEach((t) => e.push(t)),
+              e.sort(
+                (t, e) =>
+                  Number(e.getAttribute("offset")) -
+                  Number(t.getAttribute("offset")),
+              )
+            );
+          })(u.querySelectorAll("hatchpath,hatchPath")),
+          d =
+            "objectBoundingBox" === a
+              ? Number(u.getAttribute("x")) * h.width || 0
+              : Number(u.getAttribute("x")) || 0,
+          g =
+            "objectBoundingBox" === a
+              ? Number(u.getAttribute("y")) * h.width || 0
+              : Number(u.getAttribute("y")) || 0;
+        let p =
+          "objectBoundingBox" === a
+            ? Number(u.getAttribute("pitch")) * h.width || 0
+            : Number(u.getAttribute("pitch")) || 0;
+        if (("objectBoundingBox" === c && h.height && (p /= h.height), p <= 0))
+          return void console.error("Non-positive pitch");
+        const N = document.createElementNS(t, "pattern"),
+          f = `${s[1]}_pattern`;
+        let w = h.width - (h.width % p),
+          A = 0;
+        const y = e(w, o, d, p);
+        (m.forEach((n) => {
+          let u = Number(n.getAttribute("offset")) || 0;
+          u = u > p ? u % p : u;
+          const i = y.map((t) => t + u),
+            s = document.createElementNS(t, "path");
+          let a = "";
+          for (let t = 0; t < n.attributes.length; ++t) {
+            const e = n.attributes.item(t);
+            "d" !== e.name && s.setAttribute(e.name, e.value);
+          }
+          if (null === n.getAttribute("d"))
+            ((a += i.reduce((t, e) => `${t}M ${e} ${g} V ${o} `, "")), (A = o));
+          else {
+            const u = n.getAttribute("d"),
+              c = ((t) => {
+                let e = [],
+                  n = 0,
+                  u = t.length,
+                  i = 0;
+                for (; n < u; )
+                  switch (t[n].toUpperCase()) {
+                    case "Z":
+                      (e.push(t[n]), (n += 1), (i = 0));
+                      break;
+                    case "M":
+                    case "L":
+                    case "T":
+                      (e.push(t[n], new r(Number(t[n + 1]), Number(t[n + 2]))),
+                        (n += 3),
+                        (i = 1));
+                      break;
+                    case "H":
+                      (e.push(t[n], new r(Number(t[n + 1]), null)),
+                        (n += 2),
+                        (i = 2));
+                      break;
+                    case "V":
+                      (e.push(t[n], new r(null, Number(t[n + 1]))),
+                        (n += 2),
+                        (i = 3));
+                      break;
+                    case "C":
+                      (e.push(
+                        t[n],
+                        new r(Number(t[n + 1]), Number(t[n + 2])),
+                        new r(Number(t[n + 3]), Number(t[n + 4])),
+                        new r(Number(t[n + 5]), Number(t[n + 6])),
+                      ),
+                        (n += 7),
+                        (i = 4));
+                      break;
+                    case "S":
+                    case "Q":
+                      (e.push(
+                        t[n],
+                        new r(Number(t[n + 1]), Number(t[n + 2])),
+                        new r(Number(t[n + 3]), Number(t[n + 4])),
+                      ),
+                        (n += 5),
+                        (i = 5));
+                      break;
+                    case "A":
+                      (e.push(
+                        t[n],
+                        t[n + 1],
+                        t[n + 2],
+                        t[n + 3],
+                        t[n + 4],
+                        t[n + 5],
+                        new r(Number(t[n + 6]), Number(t[n + 7])),
+                      ),
+                        (n += 8),
+                        (i = 6));
+                      break;
+                    case "B":
+                      (e.push(t[n], t[n + 1]), (n += 2), (i = 7));
+                      break;
+                    default:
+                      switch (i) {
+                        case 1:
+                          (e.push(new r(Number(t[n]), Number(t[n + 1]))),
+                            (n += 2));
+                          break;
+                        case 2:
+                          (e.push(new r(Number(t[n]), null)), (n += 1));
+                          break;
+                        case 3:
+                          (e.push(new r(null, Number(t[n]))), (n += 1));
+                          break;
+                        case 4:
+                          (e.push(
+                            new r(Number(t[n]), Number(t[n + 1])),
+                            new r(Number(t[n + 2]), Number(t[n + 3])),
+                            new r(Number(t[n + 4]), Number(t[n + 5])),
+                          ),
+                            (n += 6));
+                          break;
+                        case 5:
+                          (e.push(
+                            new r(Number(t[n]), Number(t[n + 1])),
+                            new r(Number(t[n + 2]), Number(t[n + 3])),
+                          ),
+                            (n += 4));
+                          break;
+                        case 6:
+                          (e.push(
+                            t[n],
+                            t[n + 1],
+                            t[n + 2],
+                            t[n + 3],
+                            t[n + 4],
+                            new r(Number(t[n + 5]), Number(t[n + 6])),
+                          ),
+                            (n += 7));
+                          break;
+                        default:
+                          (e.push(t[n]), (n += 1));
+                      }
+                  }
+                return e;
+              })(u.match(/([+-]?(\d+(\.\d+)?))|[MmZzLlHhVvCcSsQqTtAaBb]/g)),
+              b = c.length,
+              l = "M" === c[0],
+              m = c[0].toLowerCase() === c[0],
+              d = new r(0, 0);
+            let p = ((e) => {
+              const r = document.createElementNS(t, "path");
+              let n = e.getAttribute("d");
+              return (
+                "M" !== n[0].toUpperCase() && (n = `M 0,0 ${n}`),
+                r.setAttribute("d", n),
+                r.getPointAtLength(r.getTotalLength()).y -
+                  r.getPointAtLength(0).y
+              );
+            })(n);
+            if (
+              (void 0 !== c[b - 1].y && p < c[b - 1].y && (p = c[b - 1].y),
+              p <= 0)
+            )
+              return void console.error("y offset is non-positive");
+            A = h.height - (h.height % p);
+            const N = e(A, o, g, p);
+            (i.forEach((t) => {
+              ((d.x = t),
+                l || m || (a += `M ${t} 0`),
+                N.forEach((e) => {
+                  ((d.y = e),
+                    (a += m
+                      ? `M ${t} ${e} ${u}`
+                      : c
+                          .map((t) => (t.isPoint && t.isPoint() ? t.add(d) : t))
+                          .map((t) =>
+                            t.isPoint && t.isPoint() ? t.toString() : t,
+                          )
+                          .reduce((t, e) => `${t} ${e}`, "")));
+                }));
+            }),
+              (s.style.fill = "none"));
+          }
+          (s.setAttribute("d", a), N.appendChild(s));
+        }),
+          ((t, e) => {
+            for (let r in e) t.setAttribute(r, e[r]);
+          })(N, {
+            id: f,
+            patternUnits: "userSpaceOnUse",
+            patternContentUnits: c,
+            width: w,
+            height: A,
+            x: h.x,
+            y: h.y,
+            patternTransform: `rotate(${b} 0 0) ${l}`,
+          }),
+          u.parentElement.insertBefore(N, u),
+          (n.style.fill = `url(#${f})`),
+          n.setAttribute("fill", `url(#${f})`));
+      }
+    }
+  });
+})();