stencil-apexcharts - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

CHANGELOG.md

@@ -5,2 +5,11 @@ # Change Log
 
+## [0.0.4](https://github.com/apexcharts/stencil-apexcharts/compare/v0.0.3...v0.0.4) (2019-03-25)
+
+
+### Bug Fixes
+
+* Bump apexcharts dep to fix Edge issues ([dd03371](https://github.com/apexcharts/stencil-apexcharts/commit/dd03371))
+
+
+
 ## [0.0.3](https://github.com/apexcharts/stencil-apexcharts/compare/v0.0.2...v0.0.3) (2019-03-18)
@@ -7,0 +16,0 @@

dist/apex.js

@@ -1,1 +0,1 @@
-!function(e,t,r,n,s,i,o,a,c,u,p,l,d,h){for(p=e.apex=e.apex||{},(l=t.createElement("style")).innerHTML="apex-chart{visibility:hidden}.hydrated{visibility:inherit}",l.setAttribute("data-styles",""),d=t.head.querySelector("meta[charset]"),t.head.insertBefore(l,d?d.nextSibling:t.head.firstChild),function(e,t,r){(e["s-apps"]=e["s-apps"]||[]).push("apex"),r.componentOnReady||(r.componentOnReady=function(){var t=this;function r(r){if(t.nodeName.indexOf("-")>0){for(var n=e["s-apps"],s=0,i=0;i<n.length;i++)if(e[n[i]].componentOnReady){if(e[n[i]].componentOnReady(t,r))return;s++}if(s<n.length)return void(e["s-cr"]=e["s-cr"]||[]).push([t,r])}r(null)}return e.Promise?new e.Promise(r):{then:r}})}(e,0,u),s=s||p.resourcesUrl,l=(d=t.querySelectorAll("script")).length-1;l>=0&&!(h=d[l]).src&&!h.hasAttribute("data-resources-url");l--);d=h.getAttribute("data-resources-url"),!s&&d&&(s=d),!s&&h.src&&(s=(d=h.src.split("/").slice(0,-1)).join("/")+(d.length?"/":"")+"apex/"),l=t.createElement("script"),function(e,t,r,n){return!(t.search.indexOf("core=esm")>0)&&(!(!(t.search.indexOf("core=es5")>0||"file:"===t.protocol)&&e.customElements&&e.customElements.define&&e.fetch&&e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")&&"noModule"in r)||function(e){try{return new Function('import("")'),!1}catch(e){}return!0}())}(e,e.location,l)?l.src=s+"apex.7og9byhu.js":(l.src=s+"apex.vuy7hifr.js",l.setAttribute("type","module"),l.setAttribute("crossorigin",!0)),l.setAttribute("data-resources-url",s),l.setAttribute("data-namespace","apex"),t.head.appendChild(l)}(window,document,0,0,0,0,0,0,0,HTMLElement.prototype);
+!function(e,t,r,n,s,i,o,c,a,u,p,l,d,h){for(p=e.apex=e.apex||{},(l=t.createElement("style")).innerHTML="apex-chart{visibility:hidden}.hydrated{visibility:inherit}",l.setAttribute("data-styles",""),d=t.head.querySelector("meta[charset]"),t.head.insertBefore(l,d?d.nextSibling:t.head.firstChild),function(e,t,r){(e["s-apps"]=e["s-apps"]||[]).push("apex"),r.componentOnReady||(r.componentOnReady=function(){var t=this;function r(r){if(t.nodeName.indexOf("-")>0){for(var n=e["s-apps"],s=0,i=0;i<n.length;i++)if(e[n[i]].componentOnReady){if(e[n[i]].componentOnReady(t,r))return;s++}if(s<n.length)return void(e["s-cr"]=e["s-cr"]||[]).push([t,r])}r(null)}return e.Promise?new e.Promise(r):{then:r}})}(e,0,u),s=s||p.resourcesUrl,l=(d=t.querySelectorAll("script")).length-1;l>=0&&!(h=d[l]).src&&!h.hasAttribute("data-resources-url");l--);d=h.getAttribute("data-resources-url"),!s&&d&&(s=d),!s&&h.src&&(s=(d=h.src.split("/").slice(0,-1)).join("/")+(d.length?"/":"")+"apex/"),l=t.createElement("script"),function(e,t,r,n){return!(t.search.indexOf("core=esm")>0)&&(!(!(t.search.indexOf("core=es5")>0||"file:"===t.protocol)&&e.customElements&&e.customElements.define&&e.fetch&&e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")&&"noModule"in r)||function(e){try{return new Function('import("")'),!1}catch(e){}return!0}())}(e,e.location,l)?l.src=s+"apex.wrsjhczb.js":(l.src=s+"apex.n7416kq7.js",l.setAttribute("type","module"),l.setAttribute("crossorigin",!0)),l.setAttribute("data-resources-url",s),l.setAttribute("data-namespace","apex"),t.head.appendChild(l)}(window,document,0,0,0,0,0,0,0,HTMLElement.prototype);

dist/cjs/es5/apex.components.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // apex: Host Data, ES Module/es5 Target
-exports.COMPONENTS = [["apex-chart", "v6g4pi8n", 0, [["chartObj", 16], ["height", 1, 0, 1, 1], ["options", 2], ["series", 2], ["type", 1, 0, 1, 2], ["width", 1, 0, 1, 1]]]];
+exports.COMPONENTS = [["apex-chart", "7vxu6jne", 0, [["chartObj", 16], ["height", 1, 0, 1, 1], ["options", 2], ["series", 2], ["type", 1, 0, 1, 2], ["width", 1, 0, 1, 1]]]];

dist/esm/es2017/apex.components.js

 // apex: Host Data, ES Module/es2017 Target
-export const COMPONENTS = [["apex-chart","v6g4pi8n",0,[["chartObj",16],["height",1,0,1,1],["options",2],["series",2],["type",1,0,1,2],["width",1,0,1,1]]]]
+export const COMPONENTS = [["apex-chart","7vxu6jne",0,[["chartObj",16],["height",1,0,1,1],["options",2],["series",2],["type",1,0,1,2],["width",1,0,1,1]]]]

dist/esm/es5/apex.components.js

 // apex: Host Data, ES Module/es5 Target
-export var COMPONENTS = [["apex-chart","v6g4pi8n",0,[["chartObj",16],["height",1,0,1,1],["options",2],["series",2],["type",1,0,1,2],["width",1,0,1,1]]]]
+export var COMPONENTS = [["apex-chart","7vxu6jne",0,[["chartObj",16],["height",1,0,1,1],["options",2],["series",2],["type",1,0,1,2],["width",1,0,1,1]]]]

package.json

 {
   "name": "stencil-apexcharts",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Stencil Component for ApexCharts",
@@ -37,3 +37,3 @@ "author": {
   "peerDependencies": {
-    "apexcharts": "apexcharts^3.6.3"
+    "apexcharts": "apexcharts^3.6.4"
   },
@@ -40,0 +40,0 @@ "devDependencies": {

readme.md

@@ -18,3 +18,3 @@ <p align="center"><img src="https://github.com/apexcharts/stencil-apexcharts/raw/master/assets/stencil-apexcharts.png"></p>
 
-- Put a script tag similar to this `<script src='https://unpkg.com/stencil-apexcharts/dist/apex.js'></script>` in the head of your index.html
+- Put a script tag similar to this `<script src='https://unpkg.com/stencil-apexcharts/dist/apex.js'></script>` in the head of your `index.html`
 - Then you can use the element anywhere in your template, JSX, html etc.
@@ -25,3 +25,3 @@
 - Run `npm install stencil-apexcharts apexcharts --save`
-- Put a script tag similar to this <script src='node_modules/stencil-apexcharts/dist/apex.js'></script> in the head of your index.html
+- Put a script tag similar to this `<script src='node_modules/stencil-apexcharts/dist/apex.js'></script>` in the head of your `index.html`
 - Then you can use the element anywhere in your template, JSX, html etc.
@@ -73,2 +73,17 @@
 
+### How do I update the chart?
+
+Simple! Just change the `series` or `options` and it will automatically re-render the chart.
+<p align="center"><a href="#"><img src="https://apexcharts.com/media/react-chart-updation.gif"></a></p>
+
+## Properties
+
+| Property  | Attribute | Description        | Type          | Default     |
+| --------- | --------- | ------------------ | --------------| ----------- |
+| `height`  | `height`  | Can be `100%` or `300px` or 300  | `number \| string` | `undefined` |
+| `options` | --        | The configuration object [API (Reference)](https://apexcharts.com/docs/options/) | `ApexOptions` | `undefined` |
+| `series`  | --        | The series [API (Reference)](https://apexcharts.com/docs/series/)  | `number[] \| { name: string; data: number[] \| { x: string; y: number; }[]; }[]` | `undefined` |
+| `type`    | `type`    | Chart type [API (Reference)](https://apexcharts.com/docs/options/chart/type/)    | `"area" \| "bar" \| "bubble" \| "candlestick" \| "donut" \| "heatmap" \| "histogram" \| "line" \| "pie" \| "radar" \| "radialBar" \| "scatter"` | `undefined` |
+| `width`   | `width`   | Can be `100%` or `400px` or 400   | `number \| string` | `undefined` |
+
 ## Development
@@ -75,0 +90,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5693869

increased by0.36%

Lines of code

59012

increased by0.27%

Number of lines in readme file

115

increased by15%

Worsened metrics

Number of medium supply chain risk alerts

7

increased by16.67%

No dependency changes