@damienmortini/damdom-gallery - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

index.js

@@ -0,1 +1,3 @@
+import style from './index.css' assert { type: 'css' }
+
 class DamdomGalleryElement extends HTMLElement {
@@ -11,82 +13,2 @@ #highlightContainer
     this.attachShadow({ mode: 'open' }).innerHTML = `
-      <style>
-        :host {
-          display: block;
-          position: relative;
-          width: 300px;
-          height: 300px;
-          font-family: sans-serif;
-        }
-        
-        #grid {
-          width: 100%;
-          height: 100%;
-          display: grid;
-          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-          grid-auto-rows: minmax(300px, 1fr);
-          grid-auto-flow: row dense;
-          overflow: auto;
-          box-sizing: border-box;
-          padding: 10px;
-          gap: 10px;
-          justify-items: center;
-          align-items: center;
-        }
-
-        #highlight {
-          display: grid;
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          justify-items: center;
-          align-items: center;
-        }
-
-        #highlight.hide, #grid.hide {
-          display: none;
-        }
-
-        .elementcontainer {
-          display: grid;
-          position: relative;
-          background: white;
-          width: 100%;
-          height: 100%;
-          justify-items: center;
-          align-items: center;
-          grid-auto-columns: minmax(0, 1fr);
-          grid-auto-rows: minmax(0, 1fr);
-        }
-
-        .highlightbutton, #backbutton {
-          position: absolute;
-          right: 15px;
-          bottom: 15px;
-          width: 30px;
-          height: 30px;
-          border-radius: 5px;
-          box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
-          background-color: white;
-          background-size: 55%;
-          background-repeat: no-repeat;
-          background-position: center;
-          cursor: pointer;
-          will-change: transform;
-          transition: transform .4s cubic-bezier(0.6, 2, 0.5, 1);
-        }
-
-        .highlightbutton:hover, #backbutton:hover {
-          transform: scale(1.1);
-        }
-        
-        .highlightbutton {
-          background-image: url(node_modules/@damienmortini/damdom-gallery/icon-expand.svg);
-        }
-        
-        #backbutton {
-          background-image: url(node_modules/@damienmortini/damdom-gallery/icon-compress.svg);
-        }
-      </style>
       <div id="highlight" class="hide">
@@ -98,2 +20,3 @@ <slot name="highlight"></slot>
     `
+    this.shadowRoot.adoptedStyleSheets = [style]
 
@@ -100,0 +23,0 @@ this.#highlightContainer = this.shadowRoot.querySelector('#highlight')

package.json

 {
   "name": "@damienmortini/damdom-gallery",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "<damdom-gallery> custom element.",
@@ -22,3 +22,3 @@ "publishConfig": {
   "homepage": "https://github.com/damienmortini/lib/tree/main/damdom/damdom-gallery",
-  "gitHead": "5d6d7bc792737ff3f3861c41f8d452e52d26d1a3"
+  "gitHead": "b1e5fd0d021b1f7f93b99d426ba8f59362680c86"
 }

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

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

Improved metrics

Number of package files

6

increased by20%

Worsened metrics

Total package byte prevSize

7585

decreased by-7.22%

Lines of code

157

decreased by-0.63%

No dependency changes