@geneontology/wc-light-modal - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/cjs/loader.cjs.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const index = require('./index-433cc680.js');
-const patch = require('./patch-d2ac3a6e.js');
+const index = require('./index-072d3197.js');
+const patch = require('./patch-d35253e9.js');
 
@@ -12,3 +12,3 @@ const defineCustomElements = (win, options) => {
   return patch.patchEsm().then(() => {
-  return index.bootstrapLazy([["wc-light-modal.cjs",[[1,"wc-light-modal",{"modalAnchor":[1,"modal-anchor"],"modalTitle":[1,"modal-title"],"modalContent":[1,"modal-content"],"x":[2],"y":[2],"open":[64],"close":[64],"toggle":[64]}]]]], options);
+  return index.bootstrapLazy([["wc-light-modal.cjs",[[0,"wc-light-modal",{"modalAnchor":[1,"modal-anchor"],"modalTitle":[1,"modal-title"],"modalContent":[1,"modal-content"],"x":[2],"y":[2],"open":[64],"close":[64],"toggle":[64]}]]]], options);
   });
@@ -15,0 +15,0 @@ };

dist/cjs/wc-light-modal.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-433cc680.js');
+const index = require('./index-072d3197.js');
 
-const lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:400px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
+const lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:500px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
 
@@ -10,0 +10,0 @@ const LightModal = class {

dist/cjs/wc-light-modal.cjs.js

 'use strict';
 
-const index = require('./index-433cc680.js');
-const patch = require('./patch-d2ac3a6e.js');
+const index = require('./index-072d3197.js');
+const patch = require('./patch-d35253e9.js');
 
 patch.patchBrowser().then(options => {
-  return index.bootstrapLazy([["wc-light-modal.cjs",[[1,"wc-light-modal",{"modalAnchor":[1,"modal-anchor"],"modalTitle":[1,"modal-title"],"modalContent":[1,"modal-content"],"x":[2],"y":[2],"open":[64],"close":[64],"toggle":[64]}]]]], options);
+  return index.bootstrapLazy([["wc-light-modal.cjs",[[0,"wc-light-modal",{"modalAnchor":[1,"modal-anchor"],"modalTitle":[1,"modal-title"],"modalContent":[1,"modal-content"],"x":[2],"y":[2],"open":[64],"close":[64],"toggle":[64]}]]]], options);
 });

dist/collection/components/light-modal/light-modal.js

@@ -76,3 +76,2 @@ // Inspired by https://codepen.io/timothylong/pen/HhAer
     static get is() { return "wc-light-modal"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() { return {
@@ -79,0 +78,0 @@ "$": ["light-modal.css"]

dist/custom-elements/index.js

@@ -1,5 +0,5 @@
-import { attachShadow, h, proxyCustomElement } from '@stencil/core/internal/client';
+import { h, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath } from '@stencil/core/internal/client';
 
-const lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:400px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
+const lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:500px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
 
@@ -10,3 +10,2 @@ const LightModal = class extends HTMLElement {
         this.__registerHost();
-        attachShadow(this);
         this.mid = "modal-card";
@@ -82,3 +81,3 @@ this.mclass = "modal-card-visible";
 
-const WcLightModal = /*@__PURE__*/proxyCustomElement(LightModal, [1,"wc-light-modal",{"modalAnchor":[1,"modal-anchor"],"modalTitle":[1,"modal-title"],"modalContent":[1,"modal-content"],"x":[2],"y":[2]}]);
+const WcLightModal = /*@__PURE__*/proxyCustomElement(LightModal, [0,"wc-light-modal",{"modalAnchor":[1,"modal-anchor"],"modalTitle":[1,"modal-title"],"modalContent":[1,"modal-content"],"x":[2],"y":[2]}]);
 const defineCustomElements = (opts) => {
@@ -85,0 +84,0 @@ if (typeof customElements !== 'undefined') {

dist/esm-es5/wc-light-modal.entry.js

@@ -37,4 +37,4 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, h, g as getElement } from './index-12eb2086.js';
-var lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:400px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
+import { r as registerInstance, h, g as getElement } from './index-3714570f.js';
+var lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:500px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
 var LightModal = /** @class */ (function () {
@@ -41,0 +41,0 @@ function class_1(hostRef) {

dist/esm/wc-light-modal.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, g as getElement } from './index-12eb2086.js';
+import { r as registerInstance, h, g as getElement } from './index-3714570f.js';
 
-const lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:400px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
+const lightModalCss = ".modal-card{position:relative;background-color:rgba(255, 255, 255, 0.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s}.modal-card>div{width:500px;position:absolute;top:0px;left:100px;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:2em;background:#ffffff;border-radius:15px;-webkit-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);-moz-box-shadow:4px 6px 42px 0px rgba(194,194,194,1);box-shadow:4px 6px 42px 0px rgba(194,194,194,1)}.modal-card-visible{visibility:visible;opacity:1;pointer-events:auto}header{font-weight:bold}h1{font-size:150%;margin:0 0 15px}a{color:inherit}.container{display:grid;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#aaa}.btn{background-color:#fff;padding:1em 1.5em;border-radius:3px;text-decoration:none}.absolute-position{position:absolute !important}";
 
@@ -5,0 +5,0 @@ const LightModal = class {

dist/wc-light-modal/wc-light-modal.esm.js

@@ -1,1 +0,1 @@
-import{b as o}from"./p-d6e17f6d.js";import{p as l}from"./p-444c2f3b.js";l().then(l=>o([["p-40df7e0e",[[1,"wc-light-modal",{modalAnchor:[1,"modal-anchor"],modalTitle:[1,"modal-title"],modalContent:[1,"modal-content"],x:[2],y:[2],open:[64],close:[64],toggle:[64]}]]]],l));
+import{b as o}from"./p-2ce6b07e.js";import{p as l}from"./p-15dad5db.js";l().then(l=>o([["p-c7231849",[[0,"wc-light-modal",{modalAnchor:[1,"modal-anchor"],modalTitle:[1,"modal-title"],modalContent:[1,"modal-content"],x:[2],y:[2],open:[64],close:[64],toggle:[64]}]]]],l));

package.json

 {
   "name": "@geneontology/wc-light-modal",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Lightweight modal web component",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

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

Fixed alerts

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

703785

decreased by-8.75%

Number of package files

68

decreased by-6.85%

Lines of code

8557

decreased by-13.57%

Number of medium supply chain risk alerts

14

increased by7.69%

No dependency changes