stencil-apexcharts - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+### [2.1.1](https://github.com/apexcharts/stencil-apexcharts/compare/v2.1.0...v2.1.1) (2019-10-19)
+
+
+### Bug Fixes
+
+* fix optionsChanged watch and add more types ([39bd5ba](https://github.com/apexcharts/stencil-apexcharts/commit/39bd5ba))
+
 ## [2.1.0](https://github.com/apexcharts/stencil-apexcharts/compare/v2.0.0...v2.1.0) (2019-08-27)
@@ -7,0 +14,0 @@

dist/apex.js

@@ -16,4 +16,5 @@
   scriptElm.src = url + '/apex.esm.js';
+  warn.push(scriptElm.outerHTML);
+  scriptElm.setAttribute('data-stencil-namespace', 'apex');
   doc.head.appendChild(scriptElm);
-  warn.push(scriptElm.outerHTML);
 
@@ -23,4 +24,5 @@ scriptElm = doc.createElement('script');
   scriptElm.src = url + '/apex.js';
+  warn.push(scriptElm.outerHTML);
+  scriptElm.setAttribute('data-stencil-namespace', 'apex');
   doc.head.appendChild(scriptElm);
-  warn.push(scriptElm.outerHTML);
 
@@ -27,0 +29,0 @@ console.warn(warn.join('\n'));

dist/apex/apex.esm.js

@@ -1,1 +0,1 @@
-import{p,b as t}from"./p-9cf714a8.js";p().then(p=>t([["p-5w1f0g6c",[[0,"apex-chart",{type:[1],width:[8],height:[8],options:[1040],series:[1040],chartObj:[32],updateOptions:[64]}]]]],p));
+import{p,b as t}from"./p-17b0f159.js";p().then(p=>t([["p-edunzg9v",[[0,"apex-chart",{type:[1],width:[8],height:[8],options:[1040],series:[1040],chartObj:[32],updateOptions:[64]}]]]],p));

dist/cjs/apex.cjs.js

 'use strict';
 
-const core = require('./core-7219d9eb.js');
+const core = require('./core-5e3d9a8c.js');
 
@@ -5,0 +5,0 @@ core.patchBrowser().then(options => {

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-7219d9eb.js');
+const core = require('./core-5e3d9a8c.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "1.3.2",
-    "typescriptVersion": "3.5.3"
+    "version": "1.7.3",
+    "typescriptVersion": "3.6.3"
   },
@@ -11,0 +11,0 @@ "collections": [],

dist/collection/components/apex-chart/apex-chart.js

@@ -14,3 +14,3 @@ import { h } from "@stencil/core";
     }
-    return series ? Object.assign({}, options, { chart, series }) : Object.assign({}, options, { chart });
+    return series ? Object.assign(Object.assign({}, options), { chart, series }) : Object.assign(Object.assign({}, options), { chart });
 };
@@ -30,3 +30,3 @@ if (window) {
         if (this.chartObj !== null) {
-            return this.chartObj.updateOptions(config(options, this.type, this.width, options, this.series));
+            return this.chartObj.updateOptions(config(options, this.type, this.width, this.height, this.series));
         }
@@ -79,3 +79,3 @@ }
                         "location": "import",
-                        "path": "./apex-charts"
+                        "path": "."
                     }
@@ -105,3 +105,3 @@ }
                         "location": "import",
-                        "path": "./apex-charts"
+                        "path": "."
                     }
@@ -131,3 +131,3 @@ }
                         "location": "import",
-                        "path": "./apex-charts"
+                        "path": "."
                     }
@@ -180,3 +180,3 @@ }
                         "location": "import",
-                        "path": "./apex-charts"
+                        "path": "."
                     }
@@ -183,0 +183,0 @@ }

dist/esm/polyfills/css-shim.js

@@ -436,5 +436,9 @@ /*
 function addGlobalStyle(globalScopes, styleEl) {
-    var css = parseCSS(styleEl.innerHTML);
+    if (globalScopes.some(function (css) { return css.styleEl === styleEl; })) {
+        return false;
+    }
+    var css = parseCSS(styleEl.textContent);
     css.styleEl = styleEl;
     globalScopes.push(css);
+    return true;
 }
@@ -446,3 +450,3 @@ function updateGlobalScopes(scopes) {
         if (scope.usesCssVars) {
-            scope.styleEl.innerHTML = executeTemplate(scope.template, props);
+            scope.styleEl.textContent = executeTemplate(scope.template, props);
         }
@@ -458,5 +462,5 @@ });
     var selectors = scope.selectors.map(function (sel) {
-        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
+        return Object.assign(Object.assign({}, sel), { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
     });
-    return Object.assign({}, scope, { template: template,
+    return Object.assign(Object.assign({}, scope), { template: template,
         selectors: selectors,
@@ -476,5 +480,13 @@ scopeId: scopeId });
 }
+function startWatcher(doc, globalScopes) {
+    var mutation = new MutationObserver(function () {
+        if (loadDocumentStyles(doc, globalScopes)) {
+            updateGlobalScopes(globalScopes);
+        }
+    });
+    mutation.observe(document.head, { childList: true });
+}
 function loadDocumentLinks(doc, globalScopes) {
     var promises = [];
-    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]');
+    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])');
     for (var i = 0; i < linkElms.length; i++) {
@@ -486,6 +498,6 @@ promises.push(addGlobalLink(doc, globalScopes, linkElms[i]));
 function loadDocumentStyles(doc, globalScopes) {
-    var styleElms = doc.querySelectorAll('style:not([data-styles])');
-    for (var i = 0; i < styleElms.length; i++) {
-        addGlobalStyle(globalScopes, styleElms[i]);
-    }
+    var styleElms = Array.from(doc.querySelectorAll('style:not([data-styles]):not([data-no-shim])'));
+    return styleElms
+        .map(function (style) { return addGlobalStyle(globalScopes, style); })
+        .some(Boolean);
 }
@@ -501,3 +513,3 @@ function addGlobalLink(doc, globalScopes, linkElm) {
             styleEl.setAttribute('data-styles', '');
-            styleEl.innerHTML = text;
+            styleEl.textContent = text;
             addGlobalStyle(globalScopes, styleEl);
@@ -526,3 +538,3 @@ linkElm.parentNode.insertBefore(styleEl, linkElm);
 // This regexp find all url() usages with relative urls
-var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
+var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
 function hasRelativeUrls(css) {
@@ -552,10 +564,18 @@ CSS_URL_REGEXP.lastIndex = 0;
         this.scopesMap = new Map();
+        this.didInit = false;
     }
     CustomStyle.prototype.initShim = function () {
         var _this = this;
-        return new Promise(function (resolve) {
-            _this.win.requestAnimationFrame(function () {
-                loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+        if (this.didInit) {
+            return Promise.resolve();
+        }
+        else {
+            this.didInit = true;
+            return new Promise(function (resolve) {
+                _this.win.requestAnimationFrame(function () {
+                    startWatcher(_this.doc, _this.globalScopes);
+                    loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+                });
             });
-        });
+        }
     };
@@ -569,4 +589,5 @@ CustomStyle.prototype.addLink = function (linkEl) {
     CustomStyle.prototype.addGlobalStyle = function (styleEl) {
-        addGlobalStyle(this.globalScopes, styleEl);
-        this.updateGlobal();
+        if (addGlobalStyle(this.globalScopes, styleEl)) {
+            this.updateGlobal();
+        }
     };
@@ -579,5 +600,6 @@ CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
         var styleEl = this.doc.createElement('style');
+        styleEl.setAttribute('data-no-shim', '');
         if (!baseScope.usesCssVars) {
             // This component does not use (read) css variables
-            styleEl.innerHTML = cssText;
+            styleEl.textContent = cssText;
         }
@@ -587,3 +609,3 @@ else if (isScoped) {
             styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
-            styleEl.innerHTML = '/*needs update*/';
+            styleEl.textContent = '/*needs update*/';
             this.hostStyleMap.set(hostEl, styleEl);
@@ -597,3 +619,3 @@ this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
             if (!baseScope.usesCssVars) {
-                styleEl.innerHTML = executeTemplate(baseScope.template, {});
+                styleEl.textContent = executeTemplate(baseScope.template, {});
             }
@@ -621,3 +643,3 @@ this.globalScopes.push(baseScope);
                 var props = resolveValues(selectors);
-                styleEl.innerHTML = executeTemplate(scope.template, props);
+                styleEl.textContent = executeTemplate(scope.template, props);
             }
@@ -624,0 +646,0 @@ }

dist/esm/polyfills/dom.js

 (function(){
   /*
-
     Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
@@ -97,5 +96,21 @@ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 */
-(function(c){function d(a){a=b(a);return 11===a.nodeType?d(a.host):a}function b(a){return a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)})})(Element.prototype);
+(function(c){function d(a){a=b(a);return a&&11===a.nodeType?d(a.host):a}function b(a){return a&&a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)})})(Element.prototype);
 
 /*!
+Element.isConnected()
+*/
+(function(prototype) {
+  if (!("isConnected" in prototype)) {
+    Object.defineProperty(prototype, 'isConnected', {
+      configurable: true,
+      enumerable: true,
+      get: function() {
+        var root = this.getRootNode({composed: true});
+        return root && root.nodeType === 9;
+      }
+    })
+  }
+})(Element.prototype);
+
+/*!
 Element.remove()
@@ -109,1 +124,25 @@ */
 !function(e){'classList'in e||Object.defineProperty(e,"classList",{get:function(){var e=this,t=(e.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){t.length>0?e.setAttribute("class",t.join(" ")):e.removeAttribute("class")}return""===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n()},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n()},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n()},t.item=function(e){return t[e]},t.contains=function(e){return-1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n()},t.value=e.getAttribute("class")||"",t}})}(Element.prototype);
+
+/*!
+DOMTokenList
+*/
+(function(prototype){
+  try {
+    document.body.classList.add();
+  } catch (e) {
+    var originalAdd = prototype.add;
+    var originalRemove = prototype.remove;
+
+    prototype.add = function() {
+      for (var i = 0; i < arguments.length; i++) {
+        originalAdd.call(this, arguments[i]);
+      }
+    };
+
+    prototype.remove = function() {
+      for (var i = 0; i < arguments.length; i++) {
+        originalRemove.call(this, arguments[i]);
+      }
+    };
+  }
+}(DOMTokenList.prototype));

dist/esm/polyfills/index.js

@@ -31,6 +31,3 @@ export function applyPolyfills() {
   }
-  if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) {
-    promises.push(import('./css-shim.js'));
-  }
   return Promise.all(promises);
 }

dist/types/components.d.ts

@@ -0,1 +1,2 @@
+/* eslint-disable */
 /* tslint:disable */
@@ -14,3 +15,3 @@ /**
   ApexOptionsSeries,
-} from './components/apex-chart/apex-charts';
+} from './components/apex-chart';
 import {
@@ -61,3 +62,3 @@ ApexOptions,
   interface HTMLApexChartElement extends Components.ApexChart, HTMLStencilElement {}
-  var HTMLApexChartElement: {
+  const HTMLApexChartElement: {
     prototype: HTMLApexChartElement;
@@ -72,3 +73,3 @@ new (): HTMLApexChartElement;
 declare namespace LocalJSX {
-  interface ApexChart extends JSXBase.HTMLAttributes<HTMLApexChartElement> {
+  interface ApexChart {
     /**
@@ -111,3 +112,5 @@ * (optional) Height
   export namespace JSX {
-    interface IntrinsicElements extends LocalJSX.IntrinsicElements {}
+    interface IntrinsicElements {
+      'apex-chart': LocalJSX.ApexChart & JSXBase.HTMLAttributes<HTMLApexChartElement>;
+    }
   }
@@ -114,0 +117,0 @@ }

dist/types/components/apex-chart/apex-chart.d.ts

 import ApexCharts from 'apexcharts';
 import { ApexOptions } from 'apexcharts';
-import { ApexChartType, ApexChartHeight, ApexChartWidth, ApexOptionsSeries } from './apex-charts';
+import { ApexChartType, ApexChartHeight, ApexChartWidth, ApexOptionsSeries } from '.';
 export declare class chart {
@@ -30,3 +30,3 @@ chartRef: HTMLElement;
     options?: ApexOptions;
-    optionsChanged(options: any): Promise<void>;
+    optionsChanged(options: ApexOptions): Promise<void>;
     /**
@@ -37,3 +37,3 @@ * (optional) Series
     series?: ApexOptionsSeries;
-    seriesChanged(series: any): void;
+    seriesChanged(series: ApexOptionsSeries): void;
     /**
@@ -40,0 +40,0 @@ * Updates the configuration object. The new config object is merged with the existing config object preserving the existing configuration.

dist/types/stencil.core.d.ts

@@ -1313,10 +1313,10 @@ /**
 export interface VNode {
-  $tag$?: string | number | Function;
-  $key$?: string | number;
-  $text$?: string;
-  $children$?: VNode[];
+  $flags$: number;
+  $tag$: string | number | Function;
+  $elm$: any;
+  $text$: string;
+  $children$: VNode[];
   $attrs$?: any;
   $name$?: string;
-  $flags$: number;
-  $elm$?: any;
+  $key$?: string | number;
 }
@@ -1323,0 +1323,0 @@

package.json

 {
   "name": "stencil-apexcharts",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Stencil Component for ApexCharts",
@@ -40,6 +40,6 @@ "author": {
   "peerDependencies": {
-    "apexcharts": "^3.8.5"
+    "apexcharts": "^3.10.0"
   },
   "devDependencies": {
-    "@stencil/core": "^1.3.2",
+    "@stencil/core": "^1.7.3",
     "standard-version": "^7.0.0"
@@ -46,0 +46,0 @@ },

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed 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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3049828

increased by0.41%

Number of package files

64

increased by3.23%

Lines of code

19845

increased by1.49%

Number of low supply chain risk alerts

5

decreased by-44.44%

Number of medium supply chain risk alerts

10

decreased by-9.09%

No dependency changes