peity_vanilla_rails 0.2.1 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: de5631424fd3980ed3c9c8a7e02a4c7e10cc77650ebdea1f8d17cb99d526ca96
-  data.tar.gz: 85a1ae8f2d6e05fad50d5362c0ce3c55d8e0b8d04354d028cf247562a76194a6
+  metadata.gz: 6ed4200aaf0c4efeb3e7a866b3664102c18d25e4efaf371b0e209906d8fd1342
+  data.tar.gz: 59081cd66aba5f066daa5dc3dee710ffd1b230484adda56f3f70fbf189652191
 SHA512:
-  metadata.gz: a90b637c07453922d6ad43cff0def5c8daa35fcdd4c0e094acd053f6e85226fab91a5f606efc434fe9144ed676993a2ebe95582ad8420aca182cf6e987674054
-  data.tar.gz: 0b2a6938fd2ab60492f943965a8a45e128f31098d262ec5315a9e3252daa257b40be98728dee23402192ac5bd485069d839cfa080102126af39d711aa870c4ec
+  metadata.gz: 378508634d48a3f6a0dc1ceadfe33b2357196aa63d538fa7d69ec3696e10abc0296df79534f7b2ecc406c5e2b541daa21db78225fbd416fe6974de5779aa5f5a
+  data.tar.gz: 11f38fa1d733923d800868923c3a569f1a22d5aac34164ea317602931023aa95fd6808c81f8afc9c724a6b2f94c15d92a1b57be66279273148b784e04f1e1a0f

data/app/assets/javascripts/peity-vanilla-rails.esm.js

@@ -1,5 +1,5 @@
 /*!
-  Peity Vanila Rails 0.2.1
+  Peity Vanila Rails 0.2.2
   Copyright © 2022 RailsJazz
   https://railsjazz.com
  */
@@ -434,6 +434,8 @@ function domReady() {
   });
 }
 
+const queryPeityElements = (node) => node.matches("[peity]") ? [node] : Array.from(node.querySelectorAll("[peity]"));
+
 const getPeityType = (node) => node.getAttribute("peity");
 
 const elementFromNode = (node) => {
@@ -442,78 +444,106 @@ const elementFromNode = (node) => {
   }
 };
 
-const processNodeAdded = (node) => {
-  if (node.matches("[peity]")) {
-    peity(node, getPeityType(node));
+class Watcher {
+  constructor() {
+    this.elements = new Set();
   }
-};
 
-const processNodeRemoved = (node) => {
-  if (node._peity) {
-    node._peity.destroy();
-  }
-};
+  async start() {
+    await domReady();
 
-const processAttributeChanged = (mutation) => {
-  const node = mutation.target;
-  switch (mutation.attributeName) {
-    case "peity":
-      const type = getPeityType(node);
-      if (type) {
-        peity(node, type);
-      } else {
-        node._peity.unmount();
+    this.element = document.documentElement;
+
+    const observer = new MutationObserver(this.callback.bind(this));
+    observer.observe(this.element, {
+      childList: true,
+      attributes: true,
+      subtree: true,
+    });
+
+    this.processNodeAdded(this.element);
+  };
+
+  processNodeAdded(node) {
+    for (const element of queryPeityElements(node)) {
+      if (!this.elements.has(element)) {
+        this.elements.add(element);
+        peity(element, getPeityType(element));
       }
-      break;
-    case "data-peity":
-      if (node._peity) {
-        peity(node, node._peity.type);
+    }
+  };
+
+  processNodeRemoved(node) {
+    const matches = new Set(queryPeityElements(node));
+
+    for (const element of this.elements) {
+      if(matches.has(element)) {
+        this.elements.delete(element);
+        if (element._peity) {
+          element._peity.destroy();
+        }
       }
-      break;
-  }
-};
+    }
+  };
+
+  processAttributeChanged(mutation) {
+    const node = mutation.target;
+    if(!this.elementIsActive(node)) return;
 
-const callback = (mutationList, observer) => {
-  mutationList.forEach(function (mutation) {
-    switch (mutation.type) {
-      case "childList":
-        for (const node of Array.from(mutation.addedNodes)) {
-          const element = elementFromNode(node);
-          if (element) {
-            processNodeAdded(element);
+    switch (mutation.attributeName) {
+      case "peity":
+        const type = getPeityType(node);
+        if (type) {
+          if (!this.elements.has(node)) {
+            this.elements.add(node);
           }
-        }
-        for (const node of Array.from(mutation.removedNodes)) {
-          const element = elementFromNode(node);
-          if (element) {
-            processNodeRemoved(element);
+          peity(node, type);
+        } else {
+          if (this.elements.has(node)) {
+            this.elements.delete(node);
+            if (node._peity) {
+              node._peity.destroy();
+            }
           }
         }
         break;
-      case "attributes":
-        processAttributeChanged(mutation);
+      case "data-peity":
+        if (node._peity) {
+          peity(node, node._peity.type);
+        }
         break;
     }
-  });
-};
-
-const observerOptions = {
-  childList: true,
-  attributes: true,
-  subtree: true,
-};
-
-const start = async () => {
-  await domReady();
+  }
 
-  const observer = new MutationObserver(callback);
-  observer.observe(document.documentElement, observerOptions);
+  callback(mutationList, observer) {
+    mutationList.forEach((mutation) => {
+      switch (mutation.type) {
+        case "childList":
+          for (const node of Array.from(mutation.removedNodes)) {
+            const element = elementFromNode(node);
+            if (element) {
+              this.processNodeRemoved(element);
+            }
+          }
+          for (const node of Array.from(mutation.addedNodes)) {
+            const element = elementFromNode(node);
+            if (element && this.elementIsActive(element)) {
+              this.processNodeAdded(element);
+            }
+          }
+          break;
+        case "attributes":
+          this.processAttributeChanged(mutation);
+          break;
+      }
+    });
+  };
 
-  for (const node of Array.from(document.documentElement.querySelectorAll("[peity]"))) {
-    processNodeAdded(node);
+  elementIsActive(element) {
+    return this.element.contains(element);
   }
-};
+}
 
-start();
+new Watcher().start();
 
 export { peity as default };

data/app/assets/javascripts/peity-vanilla-rails.min.js

@@ -1,5 +1,5 @@
 /*!
-  Peity Vanila Rails 0.2.1
+  Peity Vanila Rails 0.2.2
   Copyright © 2022 RailsJazz
   https://railsjazz.com
  */
@@ -8,4 +8,4 @@ var peity=function(){"use strict";
     Peity Vanila JS 0.0.8
     Copyright © 2022 RailsJazz
     https://railsjazz.com
-   */const t=t=>null!==t&&"function"==typeof t&&!!t.apply,e=(t,e)=>{const i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e)i.setAttribute(n,e[n]);return i},i="createElementNS"in document&&e("svg",{}).createSVGRect();class n{static defaults={};static graphers={};constructor(t,e,i={}){this.element=t,this.type=e,this.options=Object.assign({},n.defaults[this.type],JSON.parse(t.dataset.peity||"{}"),i),this.element._peity&&this.element._peity.destroy(),this.element._peity=this}draw(){const e=this.options;n.graphers[this.type](this),t(e.after)&&e.after.call(this,e)}fill(){var e=this.options.fill;return t(e)?e:function(t,i){return e[i%e.length]}}prepare(t,i){return this.svg||(this.element.style.display="none",this.element.after(this.svg=e("svg",{class:"peity"}))),this.svg.innerHTML="",this.svg.setAttribute("width",t),this.svg.setAttribute("height",i),this.svg}get values(){return this.element.innerText.split(this.options.delimiter).map((t=>parseFloat(t)))}mount(){i&&(this.element.addEventListener("DOMSubtreeModified",this.draw.bind(this)),this.draw(),this.mounted=!0)}unmount(){this.element.removeEventListener("DOMSubtreeModified",this.draw),this.svg.remove(),this.mounted=!1}destroy(){this.unmount(),delete this.element._peity}static register(t,e,i){n.defaults[t]=e,n.graphers[t]=i}}const s=t=>{if(!t.options.delimiter){const e=t.element.innerText.match(/[^0-9\.]/);t.options.delimiter=e?e[0]:","}let i=t.values.map((t=>t>0?t:0));if("/"==t.options.delimiter){let t=i[0],e=i[1];i=[t,Math.max(0,e-t)]}let n=0,s=i.length,o=0;for(;n<s;n++)o+=i[n];o||(s=2,o=1,i=[0,1]);let a=2*t.options.radius;const r=t.prepare(t.options.width||a,t.options.height||a),l=r.clientWidth,h=r.clientHeight,p=l/2,c=h/2,d=Math.min(p,c);let u=t.options.innerRadius;"donut"!=t.type||u||(u=.5*d);const m=t.fill(),f=(t,e)=>{const i=t/o*Math.PI*2-Math.PI/2;return[e*Math.cos(i)+p,e*Math.sin(i)+c]};let g=0;for(n=0;n<s;n++){const s=i[n],a=s/o;let l;if(0!=a){if(1==a)if(u){const t=p-.01,i=c-d,n=c-u;l=e("path",{d:["M",p,i,"A",d,d,0,1,1,t,i,"L",t,n,"A",u,u,0,1,0,p,n].join(" "),"data-value":s})}else l=e("circle",{cx:p,cy:c,"data-value":s,r:d});else{const t=g+s;let i=["M"].concat(f(g,d),"A",d,d,0,a>.5?1:0,1,f(t,d),"L");u?i=i.concat(f(t,u),"A",u,u,0,a>.5?1:0,0,f(g,u)):i.push(p,c),g+=s,l=e("path",{d:i.join(" "),"data-value":s})}l.setAttribute("fill",m.call(t,s,n,i)),r.append(l)}}},o={fill:["#ff9900","#fff4dd","#ffc66e"],radius:8};n.register("pie",o,s),n.register("donut",o,s),n.register("bar",{delimiter:",",fill:["#4D89F9"],height:16,min:0,padding:.1,width:32},(t=>{const i=t.values,n=Math.max.apply(Math,null==t.options.max?i:i.concat(t.options.max)),s=Math.min.apply(Math,null==t.options.min?i:i.concat(t.options.min)),o=t.prepare(t.options.width,t.options.height),a=o.clientWidth,r=o.clientHeight,l=n-s,h=t.options.padding,p=t.fill(),c=t=>t*a/i.length,d=t=>r-(l?(t-s)/l*r:1);for(var u=0;u<i.length;u++){let a,r=c(u+h),m=c(u+1-h)-r,f=i[u],g=d(f),y=g,v=g;l?f<0?y=d(Math.min(n,0)):v=d(Math.max(s,0)):a=1,a=v-y,0==a&&(a=1,n>0&&l&&y--),o.append(e("rect",{"data-value":f,fill:p.call(t,f,u,i),x:r,y:y,width:m,height:a}))}})),n.register("line",{delimiter:",",fill:"#c6d9fd",height:16,min:0,stroke:"#4d89f9",strokeWidth:1,width:32},(t=>{const i=t.values;1==i.length&&i.push(i[0]);const n=Math.max.apply(Math,null==t.options.max?i:i.concat(t.options.max)),s=Math.min.apply(Math,null==t.options.min?i:i.concat(t.options.min)),o=t.prepare(t.options.width,t.options.height),a=t.options.strokeWidth,r=o.clientWidth,l=o.clientHeight-a,h=n-s,p=t=>{let e=l;return h&&(e-=(t-s)/h*l),e+a/2};let c=p(Math.max(s,0)),d=[0,c];for(var u=0;u<i.length;u++)d.push(u*(r/(i.length-1)),p(i[u]));d.push(r,c),t.options.fill&&o.append(e("polygon",{fill:t.options.fill,points:d.join(" ")})),a&&o.append(e("polyline",{fill:"none",points:d.slice(2,d.length-2).join(" "),stroke:t.options.stroke,"stroke-width":a,"stroke-linecap":"square"}))}));const a=function(t,e,i){const s=new n(t,e,i);return s.mount(),s};a.defaults=n.defaults,a.graphers=n.graphers;const r=t=>t.getAttribute("peity"),l=t=>{if(t.nodeType==Node.ELEMENT_NODE)return t},h=t=>{t.matches("[peity]")&&a(t,r(t))},p=t=>{t._peity&&t._peity.destroy()},c=(t,e)=>{t.forEach((function(t){switch(t.type){case"childList":for(const e of Array.from(t.addedNodes)){const t=l(e);t&&h(t)}for(const e of Array.from(t.removedNodes)){const t=l(e);t&&p(t)}break;case"attributes":(t=>{const e=t.target;switch(t.attributeName){case"peity":const t=r(e);t?a(e,t):e._peity.unmount();break;case"data-peity":e._peity&&a(e,e._peity.type)}})(t)}}))},d={childList:!0,attributes:!0,subtree:!0};return(async()=>{await new Promise((t=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",t):t()}));new MutationObserver(c).observe(document.documentElement,d);for(const t of Array.from(document.documentElement.querySelectorAll("[peity]")))h(t)})(),a}();
+   */const t=t=>null!==t&&"function"==typeof t&&!!t.apply,e=(t,e)=>{const i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var s in e)i.setAttribute(s,e[s]);return i},i="createElementNS"in document&&e("svg",{}).createSVGRect();class s{static defaults={};static graphers={};constructor(t,e,i={}){this.element=t,this.type=e,this.options=Object.assign({},s.defaults[this.type],JSON.parse(t.dataset.peity||"{}"),i),this.element._peity&&this.element._peity.destroy(),this.element._peity=this}draw(){const e=this.options;s.graphers[this.type](this),t(e.after)&&e.after.call(this,e)}fill(){var e=this.options.fill;return t(e)?e:function(t,i){return e[i%e.length]}}prepare(t,i){return this.svg||(this.element.style.display="none",this.element.after(this.svg=e("svg",{class:"peity"}))),this.svg.innerHTML="",this.svg.setAttribute("width",t),this.svg.setAttribute("height",i),this.svg}get values(){return this.element.innerText.split(this.options.delimiter).map((t=>parseFloat(t)))}mount(){i&&(this.element.addEventListener("DOMSubtreeModified",this.draw.bind(this)),this.draw(),this.mounted=!0)}unmount(){this.element.removeEventListener("DOMSubtreeModified",this.draw),this.svg.remove(),this.mounted=!1}destroy(){this.unmount(),delete this.element._peity}static register(t,e,i){s.defaults[t]=e,s.graphers[t]=i}}const n=t=>{if(!t.options.delimiter){const e=t.element.innerText.match(/[^0-9\.]/);t.options.delimiter=e?e[0]:","}let i=t.values.map((t=>t>0?t:0));if("/"==t.options.delimiter){let t=i[0],e=i[1];i=[t,Math.max(0,e-t)]}let s=0,n=i.length,o=0;for(;s<n;s++)o+=i[s];o||(n=2,o=1,i=[0,1]);let a=2*t.options.radius;const r=t.prepare(t.options.width||a,t.options.height||a),l=r.clientWidth,h=r.clientHeight,d=l/2,p=h/2,c=Math.min(d,p);let m=t.options.innerRadius;"donut"!=t.type||m||(m=.5*c);const u=t.fill(),f=(t,e)=>{const i=t/o*Math.PI*2-Math.PI/2;return[e*Math.cos(i)+d,e*Math.sin(i)+p]};let g=0;for(s=0;s<n;s++){const n=i[s],a=n/o;let l;if(0!=a){if(1==a)if(m){const t=d-.01,i=p-c,s=p-m;l=e("path",{d:["M",d,i,"A",c,c,0,1,1,t,i,"L",t,s,"A",m,m,0,1,0,d,s].join(" "),"data-value":n})}else l=e("circle",{cx:d,cy:p,"data-value":n,r:c});else{const t=g+n;let i=["M"].concat(f(g,c),"A",c,c,0,a>.5?1:0,1,f(t,c),"L");m?i=i.concat(f(t,m),"A",m,m,0,a>.5?1:0,0,f(g,m)):i.push(d,p),g+=n,l=e("path",{d:i.join(" "),"data-value":n})}l.setAttribute("fill",u.call(t,n,s,i)),r.append(l)}}},o={fill:["#ff9900","#fff4dd","#ffc66e"],radius:8};s.register("pie",o,n),s.register("donut",o,n),s.register("bar",{delimiter:",",fill:["#4D89F9"],height:16,min:0,padding:.1,width:32},(t=>{const i=t.values,s=Math.max.apply(Math,null==t.options.max?i:i.concat(t.options.max)),n=Math.min.apply(Math,null==t.options.min?i:i.concat(t.options.min)),o=t.prepare(t.options.width,t.options.height),a=o.clientWidth,r=o.clientHeight,l=s-n,h=t.options.padding,d=t.fill(),p=t=>t*a/i.length,c=t=>r-(l?(t-n)/l*r:1);for(var m=0;m<i.length;m++){let a,r=p(m+h),u=p(m+1-h)-r,f=i[m],g=c(f),y=g,v=g;l?f<0?y=c(Math.min(s,0)):v=c(Math.max(n,0)):a=1,a=v-y,0==a&&(a=1,s>0&&l&&y--),o.append(e("rect",{"data-value":f,fill:d.call(t,f,m,i),x:r,y:y,width:u,height:a}))}})),s.register("line",{delimiter:",",fill:"#c6d9fd",height:16,min:0,stroke:"#4d89f9",strokeWidth:1,width:32},(t=>{const i=t.values;1==i.length&&i.push(i[0]);const s=Math.max.apply(Math,null==t.options.max?i:i.concat(t.options.max)),n=Math.min.apply(Math,null==t.options.min?i:i.concat(t.options.min)),o=t.prepare(t.options.width,t.options.height),a=t.options.strokeWidth,r=o.clientWidth,l=o.clientHeight-a,h=s-n,d=t=>{let e=l;return h&&(e-=(t-n)/h*l),e+a/2};let p=d(Math.max(n,0)),c=[0,p];for(var m=0;m<i.length;m++)c.push(m*(r/(i.length-1)),d(i[m]));c.push(r,p),t.options.fill&&o.append(e("polygon",{fill:t.options.fill,points:c.join(" ")})),a&&o.append(e("polyline",{fill:"none",points:c.slice(2,c.length-2).join(" "),stroke:t.options.stroke,"stroke-width":a,"stroke-linecap":"square"}))}));const a=function(t,e,i){const n=new s(t,e,i);return n.mount(),n};a.defaults=s.defaults,a.graphers=s.graphers;const r=t=>t.matches("[peity]")?[t]:Array.from(t.querySelectorAll("[peity]")),l=t=>t.getAttribute("peity"),h=t=>{if(t.nodeType==Node.ELEMENT_NODE)return t};return(new class{constructor(){this.elements=new Set}async start(){await new Promise((t=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",t):t()})),this.element=document.documentElement;new MutationObserver(this.callback.bind(this)).observe(this.element,{childList:!0,attributes:!0,subtree:!0}),this.processNodeAdded(this.element)}processNodeAdded(t){for(const e of r(t))this.elements.has(e)||(this.elements.add(e),a(e,l(e)))}processNodeRemoved(t){const e=new Set(r(t));for(const t of this.elements)e.has(t)&&(this.elements.delete(t),t._peity&&t._peity.destroy())}processAttributeChanged(t){const e=t.target;if(this.elementIsActive(e))switch(t.attributeName){case"peity":const t=l(e);t?(this.elements.has(e)||this.elements.add(e),a(e,t)):this.elements.has(e)&&(this.elements.delete(e),e._peity&&e._peity.destroy());break;case"data-peity":e._peity&&a(e,e._peity.type)}}callback(t,e){t.forEach((t=>{switch(t.type){case"childList":for(const e of Array.from(t.removedNodes)){const t=h(e);t&&this.processNodeRemoved(t)}for(const e of Array.from(t.addedNodes)){const t=h(e);t&&this.elementIsActive(t)&&this.processNodeAdded(t)}break;case"attributes":this.processAttributeChanged(t)}}))}elementIsActive(t){return this.element.contains(t)}}).start(),a}();

data/lib/peity_vanilla_rails/version.rb

@@ -1,3 +1,3 @@
 module PeityVanillaRails
-  VERSION = "0.2.1"
+  VERSION = "0.2.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: peity_vanilla_rails
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.2
 platform: ruby
 authors:
 - Igor Kasyanchuk
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-24 00:00:00.000000000 Z
+date: 2022-05-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails