New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@geneontology/wc-light-modal

Package Overview
Dependencies
Maintainers
5
Versions
7
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.3 to 0.0.4

dist/wc-light-modal/p-40df7e0e.entry.js
dist/wc-light-modal/p-cb14329a.system.entry.js

2

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

@@ -7,3 +7,3 @@ 'use strict';

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:50px;-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: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}";

@@ -10,0 +10,0 @@ const LightModal = class {

2

dist/custom-elements/index.js
import { attachShadow, 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:50px;-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: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}";

@@ -6,0 +6,0 @@ const LightModal = class extends HTMLElement {

2

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

@@ -38,3 +38,3 @@ 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:50px;-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 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}";
var LightModal = /** @class */ (function () {

@@ -41,0 +41,0 @@ function class_1(hostRef) {

2

dist/esm/wc-light-modal.entry.js
import { r as registerInstance, h, g as getElement } from './index-12eb2086.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:50px;-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: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}";

@@ -5,0 +5,0 @@ const LightModal = class {

2

dist/wc-light-modal/p-43f6863f.system.js

@@ -1,1 +0,1 @@

System.register(["./p-2b0ca02a.system.js","./p-110fb570.system.js"],(function(){"use strict";var t,e;return{setters:[function(e){t=e.b},function(t){e=t.p}],execute:function(){e().then((function(e){return t([["p-f3b7429d.system",[[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]}]]]],e)}))}}}));
System.register(["./p-2b0ca02a.system.js","./p-110fb570.system.js"],(function(){"use strict";var t,e;return{setters:[function(e){t=e.b},function(t){e=t.p}],execute:function(){e().then((function(e){return t([["p-cb14329a.system",[[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]}]]]],e)}))}}}));

2

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-9831a988",[[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-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));

2

package.json
{
"name": "@geneontology/wc-light-modal",
"version": "0.0.3",
"version": "0.0.4",
"description": "Lightweight modal web component",

@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

dist/wc-light-modal/p-9831a988.entry.js
dist/wc-light-modal/p-f3b7429d.system.entry.js
dist/collection/components/light-modal/light-modal.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc