web-social-share - npm Package Compare versions

Comparing version 6.0.0 to 6.1.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+<a name="6.1.0"></a>
+# [6.1.0](https://github.com/fluster/web-social-share/compare/v6.0.0...v6.1.0) (2019-07-12)
+
+### Features
+
+* CSS variable to set the base zIndex of the component
+
 <a name="6.0.0"></a>
@@ -2,0 +9,0 @@ # [6.0.0](https://github.com/fluster/web-social-share/compare/v5.1.0...v6.0.0) (2019-06-11)

dist/cjs/index.cjs.js

 'use strict';
 
-//! Autogenerated index

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./websocialshare-c5855bf0.js');
+const __chunk_1 = require('./chunk-0efe35fd.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

dist/cjs/web-social-share_2.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./websocialshare-c5855bf0.js');
+const __chunk_1 = require('./chunk-0efe35fd.js');
 
@@ -58,3 +58,3 @@ class WebSocialShare {
     get el() { return __chunk_1.getElement(this); }
-    static get style() { return "div.web-social-share{visibility:hidden;opacity:0;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}div.web-social-share.web-social-share-open{visibility:visible;opacity:1}div.web-social-share.web-social-share-open div.web-social-share-backdrop{opacity:var(--web-social-share-backdrop-opacity,.25)}div.web-social-share.web-social-share-open div.web-social-share-action-sheet{opacity:1}div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height,80px)}\@media (max-width:540px){div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height-small-device,140px)}}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-backdrop{opacity:0}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:0}div.web-social-share div.web-social-share-backdrop{opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background-color:var(--web-social-share-backdrop-background,#000);z-index:1000;-webkit-transform:translateZ(2px);transform:translateZ(2px);left:0;top:0;position:fixed;height:100%;width:100%}div.web-social-share div.web-social-share-action-sheet{left:0;right:0;top:0;bottom:0;margin:auto;position:fixed;z-index:1001;-webkit-transform:translateZ(3px);transform:translateZ(3px);width:100%;max-width:500px}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:100%}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{z-index:1010;-webkit-transform:translateZ(10px);transform:translateZ(10px);background:var(--web-social-share-action-sheet-group-background,#fafafa);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:0;-webkit-transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:cubic-bezier(.36,.66,.04,1);-webkit-transition:height .2s;transition:height .2s}\@media (max-width:540px){div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{-ms-flex-pack:start;justify-content:flex-start}}::slotted([slot=copy]),::slotted([slot=email]),::slotted([slot=facebook]),::slotted([slot=linkedin]),::slotted([slot=pinterest]),::slotted([slot=reddit]),::slotted([slot=twitter]),::slotted([slot=whatsapp]){display:none}"; }
+    static get style() { return "div.web-social-share{visibility:hidden;opacity:0;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}div.web-social-share.web-social-share-open{visibility:visible;opacity:1}div.web-social-share.web-social-share-open div.web-social-share-backdrop{opacity:var(--web-social-share-backdrop-opacity,.25)}div.web-social-share.web-social-share-open div.web-social-share-action-sheet{opacity:1}div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height,80px)}\@media (max-width:540px){div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height-small-device,140px)}}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-backdrop{opacity:0}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:0}div.web-social-share div.web-social-share-backdrop{opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background-color:var(--web-social-share-backdrop-background,#000);z-index:var(--web-social-share-zindex,1000);-webkit-transform:translateZ(2px);transform:translateZ(2px);left:0;top:0;position:fixed;height:100%;width:100%}div.web-social-share div.web-social-share-action-sheet{left:0;right:0;top:0;bottom:0;margin:auto;position:fixed;z-index:calc(var(--web-social-share-zindex, 1000) + 1);-webkit-transform:translateZ(3px);transform:translateZ(3px);width:100%;max-width:500px}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:100%}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{z-index:calc(var(--web-social-share-zindex, 1000) + 10);-webkit-transform:translateZ(10px);transform:translateZ(10px);background:var(--web-social-share-action-sheet-group-background,#fafafa);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:0;-webkit-transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:cubic-bezier(.36,.66,.04,1);-webkit-transition:height .2s;transition:height .2s}\@media (max-width:540px){div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{-ms-flex-pack:start;justify-content:flex-start}}::slotted([slot=copy]),::slotted([slot=email]),::slotted([slot=facebook]),::slotted([slot=linkedin]),::slotted([slot=pinterest]),::slotted([slot=reddit]),::slotted([slot=twitter]),::slotted([slot=whatsapp]){display:none}"; }
 }
@@ -61,0 +61,0 @@

dist/cjs/websocialshare.cjs.js

 'use strict';
 
-const __chunk_1 = require('./websocialshare-c5855bf0.js');
+const __chunk_1 = require('./chunk-0efe35fd.js');
 
@@ -5,0 +5,0 @@ __chunk_1.patchBrowser().then(resourcesUrl => {

dist/collection/collection-manifest.json

 {
   "entries": [
-    "components/web-social-share/web-social-share.js",
-    "components/web-social-share-target/web-social-share-target.js"
+    "components/web-social-share-target/web-social-share-target.js",
+    "components/web-social-share/web-social-share.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "1.0.2",
-    "typescriptVersion": "3.5.1"
+    "version": "1.1.6",
+    "typescriptVersion": "3.5.2"
   },
@@ -11,0 +11,0 @@ "collections": [],

dist/esm/legacy/web-social-share_2.entry.js

@@ -36,3 +36,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './websocialshare-37ae76b0.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './chunk-e3ce8790.js';
 var WebSocialShare = /** @class */ (function () {
@@ -107,3 +107,3 @@ function WebSocialShare(hostRef) {
     Object.defineProperty(WebSocialShare, "style", {
-        get: function () { return "div.web-social-share{visibility:hidden;opacity:0;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}div.web-social-share.web-social-share-open{visibility:visible;opacity:1}div.web-social-share.web-social-share-open div.web-social-share-backdrop{opacity:var(--web-social-share-backdrop-opacity,.25)}div.web-social-share.web-social-share-open div.web-social-share-action-sheet{opacity:1}div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height,80px)}\@media (max-width:540px){div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height-small-device,140px)}}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-backdrop{opacity:0}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:0}div.web-social-share div.web-social-share-backdrop{opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background-color:var(--web-social-share-backdrop-background,#000);z-index:1000;-webkit-transform:translateZ(2px);transform:translateZ(2px);left:0;top:0;position:fixed;height:100%;width:100%}div.web-social-share div.web-social-share-action-sheet{left:0;right:0;top:0;bottom:0;margin:auto;position:fixed;z-index:1001;-webkit-transform:translateZ(3px);transform:translateZ(3px);width:100%;max-width:500px}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:100%}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{z-index:1010;-webkit-transform:translateZ(10px);transform:translateZ(10px);background:var(--web-social-share-action-sheet-group-background,#fafafa);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:0;-webkit-transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:cubic-bezier(.36,.66,.04,1);-webkit-transition:height .2s;transition:height .2s}\@media (max-width:540px){div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{-ms-flex-pack:start;justify-content:flex-start}}::slotted([slot=copy]),::slotted([slot=email]),::slotted([slot=facebook]),::slotted([slot=linkedin]),::slotted([slot=pinterest]),::slotted([slot=reddit]),::slotted([slot=twitter]),::slotted([slot=whatsapp]){display:none}"; },
+        get: function () { return "div.web-social-share{visibility:hidden;opacity:0;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}div.web-social-share.web-social-share-open{visibility:visible;opacity:1}div.web-social-share.web-social-share-open div.web-social-share-backdrop{opacity:var(--web-social-share-backdrop-opacity,.25)}div.web-social-share.web-social-share-open div.web-social-share-action-sheet{opacity:1}div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height,80px)}\@media (max-width:540px){div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height-small-device,140px)}}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-backdrop{opacity:0}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:0}div.web-social-share div.web-social-share-backdrop{opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background-color:var(--web-social-share-backdrop-background,#000);z-index:var(--web-social-share-zindex,1000);-webkit-transform:translateZ(2px);transform:translateZ(2px);left:0;top:0;position:fixed;height:100%;width:100%}div.web-social-share div.web-social-share-action-sheet{left:0;right:0;top:0;bottom:0;margin:auto;position:fixed;z-index:calc(var(--web-social-share-zindex, 1000) + 1);-webkit-transform:translateZ(3px);transform:translateZ(3px);width:100%;max-width:500px}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:100%}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{z-index:calc(var(--web-social-share-zindex, 1000) + 10);-webkit-transform:translateZ(10px);transform:translateZ(10px);background:var(--web-social-share-action-sheet-group-background,#fafafa);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:0;-webkit-transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:cubic-bezier(.36,.66,.04,1);-webkit-transition:height .2s;transition:height .2s}\@media (max-width:540px){div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{-ms-flex-pack:start;justify-content:flex-start}}::slotted([slot=copy]),::slotted([slot=email]),::slotted([slot=facebook]),::slotted([slot=linkedin]),::slotted([slot=pinterest]),::slotted([slot=reddit]),::slotted([slot=twitter]),::slotted([slot=whatsapp]){display:none}"; },
         enumerable: true,
@@ -110,0 +110,0 @@ configurable: true

dist/esm/polyfills/css-shim.js

@@ -416,3 +416,3 @@ /*
 function matches(el, selector) {
-    return el.matches(selector);
+    return selector === ':root' || selector === 'html' || el.matches(selector);
 }
@@ -427,3 +427,3 @@ function parseCSS(original) {
         selectors: selectors,
-        isDynamic: template.length > 1
+        usesCssVars: template.length > 1
     };
@@ -440,3 +440,3 @@ }
     scopes.forEach(function (scope) {
-        if (scope.isDynamic) {
+        if (scope.usesCssVars) {
             scope.styleEl.innerHTML = executeTemplate(scope.template, props);
@@ -446,14 +446,14 @@ }
 }
-function reScope(scope, cssScopeId) {
+function reScope(scope, scopeId) {
     var template = scope.template.map(function (segment) {
         return (typeof segment === 'string')
-            ? replaceScope(segment, scope.cssScopeId, cssScopeId)
+            ? replaceScope(segment, scope.scopeId, scopeId)
             : segment;
     });
     var selectors = scope.selectors.map(function (sel) {
-        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.cssScopeId, cssScopeId) });
+        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
     });
     return Object.assign({}, scope, { template: template,
         selectors: selectors,
-        cssScopeId: cssScopeId });
+        scopeId: scopeId });
 }
@@ -468,5 +468,4 @@ function replaceScope(original, oldScopeId, newScopeId) {
 function loadDocument(doc, globalScopes) {
-    return loadDocumentLinks(doc, globalScopes).then(function () {
-        loadDocumentStyles(doc, globalScopes);
-    });
+    loadDocumentStyles(doc, globalScopes);
+    return loadDocumentLinks(doc, globalScopes);
 }
@@ -482,3 +481,3 @@ function loadDocumentLinks(doc, globalScopes) {
 function loadDocumentStyles(doc, globalScopes) {
-    var styleElms = doc.querySelectorAll('style');
+    var styleElms = doc.querySelectorAll('style:not([data-styles])');
     for (var i = 0; i < styleElms.length; i++) {
@@ -496,2 +495,3 @@ addGlobalStyle(globalScopes, styleElms[i]);
             var styleEl = doc.createElement('style');
+            styleEl.setAttribute('data-styles', '');
             styleEl.innerHTML = text;
@@ -565,30 +565,29 @@ addGlobalStyle(globalScopes, styleEl);
     };
-    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText) {
+    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
         if (this.hostScopeMap.has(hostEl)) {
             throw new Error('host style already created');
         }
-        var baseScope = this.registerHostTemplate(cssText, cssScopeId);
-        var isDynamicScoped = !!(baseScope.isDynamic && baseScope.cssScopeId);
-        var needStyleEl = isDynamicScoped || !baseScope.styleEl;
+        var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped);
         var styleEl = this.doc.createElement('style');
-        if (!needStyleEl) {
+        if (!baseScope.usesCssVars) {
+            // This component does not use (read) css variables
             styleEl.innerHTML = cssText;
         }
+        else if (isScoped) {
+            // This component is dynamic: uses css var and is scoped
+            styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
+            styleEl.innerHTML = '/*needs update*/';
+            this.hostStyleMap.set(hostEl, styleEl);
+            this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
+            this.count++;
+        }
         else {
-            if (isDynamicScoped) {
-                styleEl['s-sc'] = cssScopeId = baseScope.cssScopeId + "-" + this.count;
-                styleEl.innerHTML = '/*needs update*/';
-                this.hostStyleMap.set(hostEl, styleEl);
-                this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
-                this.count++;
+            // This component uses css vars, but it's no-encapsulation (global static)
+            baseScope.styleEl = styleEl;
+            if (!baseScope.usesCssVars) {
+                styleEl.innerHTML = executeTemplate(baseScope.template, {});
             }
-            else {
-                baseScope.styleEl = styleEl;
-                if (!baseScope.isDynamic) {
-                    styleEl.innerHTML = executeTemplate(baseScope.template, {});
-                }
-                this.globalScopes.push(baseScope);
-                this.updateGlobal();
-                this.hostScopeMap.set(hostEl, baseScope);
-            }
+            this.globalScopes.push(baseScope);
+            this.updateGlobal();
+            this.hostScopeMap.set(hostEl, baseScope);
         }
@@ -607,3 +606,3 @@ return styleEl;
         var scope = this.hostScopeMap.get(hostEl);
-        if (scope && scope.isDynamic && scope.cssScopeId) {
+        if (scope && scope.usesCssVars && scope.isScoped) {
             var styleEl = this.hostStyleMap.get(hostEl);
@@ -620,7 +619,8 @@ if (styleEl) {
     };
-    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId) {
+    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) {
         var scope = this.scopesMap.get(scopeId);
         if (!scope) {
             scope = parseCSS(cssText);
-            scope.cssScopeId = scopeId;
+            scope.scopeId = scopeId;
+            scope.isScoped = isScoped;
             this.scopesMap.set(scopeId, scope);
@@ -627,0 +627,0 @@ }

dist/esm/polyfills/dom.js

@@ -41,5 +41,20 @@ (function(){
 
+// Polyfill document.baseURI
+if (typeof document.baseURI !== 'string') {
+  Object.defineProperty(Document.prototype, 'baseURI', {
+    enumerable: true,
+    configurable: true,
+    get: function () {
+      var base = document.querySelector('base');
+      if (base) {
+        return base.href;
+      }
+      return document.URL;
+    }
+  });
+}
+
 // Polyfill CustomEvent
 if (typeof window.CustomEvent !== 'function') {
-  function CustomEvent(event, params) {
+  window.CustomEvent = function CustomEvent(event, params) {
     params = params || { bubbles: false, cancelable: false, detail: undefined };
@@ -50,6 +65,3 @@ var evt = document.createEvent( 'CustomEvent' );
   }
-
-  CustomEvent.prototype = window.Event.prototype;
-
-  window.CustomEvent = CustomEvent;
+  window.CustomEvent.prototype = window.Event.prototype;
 }
@@ -56,0 +68,0 @@

dist/esm/web-social-share_2.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './websocialshare-37ae76b0.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './chunk-e3ce8790.js';
 
@@ -53,3 +53,3 @@ class WebSocialShare {
     get el() { return getElement(this); }
-    static get style() { return "div.web-social-share{visibility:hidden;opacity:0;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}div.web-social-share.web-social-share-open{visibility:visible;opacity:1}div.web-social-share.web-social-share-open div.web-social-share-backdrop{opacity:var(--web-social-share-backdrop-opacity,.25)}div.web-social-share.web-social-share-open div.web-social-share-action-sheet{opacity:1}div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height,80px)}\@media (max-width:540px){div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height-small-device,140px)}}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-backdrop{opacity:0}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:0}div.web-social-share div.web-social-share-backdrop{opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background-color:var(--web-social-share-backdrop-background,#000);z-index:1000;-webkit-transform:translateZ(2px);transform:translateZ(2px);left:0;top:0;position:fixed;height:100%;width:100%}div.web-social-share div.web-social-share-action-sheet{left:0;right:0;top:0;bottom:0;margin:auto;position:fixed;z-index:1001;-webkit-transform:translateZ(3px);transform:translateZ(3px);width:100%;max-width:500px}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:100%}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{z-index:1010;-webkit-transform:translateZ(10px);transform:translateZ(10px);background:var(--web-social-share-action-sheet-group-background,#fafafa);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:0;-webkit-transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:cubic-bezier(.36,.66,.04,1);-webkit-transition:height .2s;transition:height .2s}\@media (max-width:540px){div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{-ms-flex-pack:start;justify-content:flex-start}}::slotted([slot=copy]),::slotted([slot=email]),::slotted([slot=facebook]),::slotted([slot=linkedin]),::slotted([slot=pinterest]),::slotted([slot=reddit]),::slotted([slot=twitter]),::slotted([slot=whatsapp]){display:none}"; }
+    static get style() { return "div.web-social-share{visibility:hidden;opacity:0;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}div.web-social-share.web-social-share-open{visibility:visible;opacity:1}div.web-social-share.web-social-share-open div.web-social-share-backdrop{opacity:var(--web-social-share-backdrop-opacity,.25)}div.web-social-share.web-social-share-open div.web-social-share-action-sheet{opacity:1}div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height,80px)}\@media (max-width:540px){div.web-social-share.web-social-share-open div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:var(--web-social-share-height-small-device,140px)}}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-backdrop{opacity:0}div.web-social-share.web-social-share-open.web-social-share-transition-close div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{height:0}div.web-social-share div.web-social-share-backdrop{opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background-color:var(--web-social-share-backdrop-background,#000);z-index:var(--web-social-share-zindex,1000);-webkit-transform:translateZ(2px);transform:translateZ(2px);left:0;top:0;position:fixed;height:100%;width:100%}div.web-social-share div.web-social-share-action-sheet{left:0;right:0;top:0;bottom:0;margin:auto;position:fixed;z-index:calc(var(--web-social-share-zindex, 1000) + 1);-webkit-transform:translateZ(3px);transform:translateZ(3px);width:100%;max-width:500px}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:100%}div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{z-index:calc(var(--web-social-share-zindex, 1000) + 10);-webkit-transform:translateZ(10px);transform:translateZ(10px);background:var(--web-social-share-action-sheet-group-background,#fafafa);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:0;-webkit-transition-timing-function:cubic-bezier(.36,.66,.04,1);transition-timing-function:cubic-bezier(.36,.66,.04,1);-webkit-transition:height .2s;transition:height .2s}\@media (max-width:540px){div.web-social-share div.web-social-share-action-sheet div.web-social-share-action-sheet-container div.web-social-share-action-sheet-group{-ms-flex-pack:start;justify-content:flex-start}}::slotted([slot=copy]),::slotted([slot=email]),::slotted([slot=facebook]),::slotted([slot=linkedin]),::slotted([slot=pinterest]),::slotted([slot=reddit]),::slotted([slot=twitter]),::slotted([slot=whatsapp]){display:none}"; }
 }
@@ -56,0 +56,0 @@

dist/loader/index.cjs.js

 
-  module.exports = require('../cjs/loader.cjs.js');
-  module.exports.applyPolyfills = function() { return Promise.resolve() };
-  
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

dist/loader/index.d.ts

@@ -7,2 +7,3 @@
   syncQueue?: boolean;
+  jmp?: (c: Function) => any;
   raf?: (c: FrameRequestCallback) => number;
@@ -9,0 +10,0 @@ ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;

dist/loader/package.json

@@ -6,2 +6,3 @@ {
   "main": "./index.cjs.js",
+  "node:main": "./node-main.js",
   "jsnext:main": "./index.es2017.mjs",
@@ -8,0 +9,0 @@ "es2015": "./index.es2017.mjs",

dist/types/stencil.core.d.ts

@@ -64,6 +64,9 @@ /**
 
-export interface ComponentInstance {
+export interface ComponentInterface {
   connectedCallback?: () => void;
   disconnectedCallback?: () => void;
 
+  componentWillRender?: () => Promise<void> | void;
+  componentDidRender?: () => void;
+
   /**
@@ -111,20 +114,4 @@ * The component is about to load and it has not
 
-  /**
-   * The component did unload and the element
-   * will be destroyed.
-   */
-  componentDidUnload?: () => void;
-
   render?: () => any;
 
-  /**
-   * Used to dynamically set host element attributes.
-   * Should be placed directly above render()
-   */
-  hostData?: () => {
-    class?: {[className: string]: boolean};
-    style?: any;
-    [attrName: string]: any;
-  };
-
   [memberName: string]: any;
@@ -828,3 +815,2 @@ }
     lang?: string;
-    slot?: string;
     spellCheck?: boolean;
@@ -1148,2 +1134,3 @@ spellcheck?: boolean | string;
     ref?: (elm?: T) => void;
+    slot?: string;
 
@@ -1150,0 +1137,0 @@ // Clipboard Events

dist/websocialshare/websocialshare.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as s}from"./p-024c21e4.js";e().then(e=>s([["p-yexqqtyu",[[1,"web-social-share",{show:[1028],share:[16]},[[0,"socialShareLoaded","moveSlotOnLoad"],[0,"selected","hide"]]],[1,"web-social-share-target",{displayNames:[4,"display-names"],share:[16]}]]]],{resourcesUrl:e}));
+import{p as e,b as s}from"./p-9d53efe9.js";e().then(e=>s([["p-fwkcfyvk",[[1,"web-social-share",{show:[1028],share:[16]},[[0,"socialShareLoaded","moveSlotOnLoad"],[0,"selected","hide"]]],[1,"web-social-share-target",{displayNames:[4,"display-names"],share:[16]}]]]],{resourcesUrl:e}));

package.json

 {
   "name": "web-social-share",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "description": "A Web Component for your PWA to share urls and content on social networks",
@@ -39,9 +39,9 @@ "keywords": [
   "devDependencies": {
-    "@stencil/core": "^1.0.2",
+    "@stencil/core": "^1.1.6",
     "@stencil/dev-server": "latest",
     "@stencil/postcss": "^1.0.1",
-    "@stencil/sass": "^1.0.0",
+    "@stencil/sass": "^1.0.1",
     "@stencil/utils": "latest",
-    "@types/jest": "^24.0.13",
-    "autoprefixer": "^9.6.0",
+    "@types/jest": "^24.0.15",
+    "autoprefixer": "^9.6.1",
     "jest": "^24.8.0",
@@ -48,0 +48,0 @@ "workbox-build": "4.3.1"

readme.md

@@ -175,2 +175,3 @@ # Web Social Share
 | --web-social-share-brand-color | inherit | The color of an action brand name |
+| --web-social-share-zindex | 1000 | The base zIndex of the component |
 
@@ -177,0 +178,0 @@ ## Fallback and detection

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

Number of package files

87

increased by1.16%

Number of lines in readme file

196

increased by0.51%

Worsened metrics

Total package byte prevSize

966776

decreased by-10.17%

Lines of code

14633

decreased by-1.75%

Number of medium supply chain risk alerts

9

increased by12.5%

No dependency changes