/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/eleventy-plugin-img-magnifier@1.2.7/.eleventy.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
export default function(n){n.addPlugin((function(n){n.addShortcode("imgmagnifier",(function(){return"\n              <style>\n              img {\n                cursor: zoom-in;\n              }\n              \n              /*   Closed state of the dialog   */\n              dialog {\n                opacity: 0;\n                transform: scale(.75);\n                align-content: center;\n                transition: transform .35s ease-out, opacity .35s ease-out, display .35s ease-out, overlay .35s ease-out;\n                transition-behavior: allow-discrete;\n\n                /*   Open state of the dialog  */\n                &[open] {\n                  opacity: 1;\n                  transform: scale(1);\n                  padding: 0;\n                  margin-inline: auto;\n                  margin-block: auto;\n                  border: none;\n                  width: 80vw;\n                  background: none;\n                  /* Before opening state */\n                  @starting-style {\n                    opacity: 0;\n                    transform: scale(.75);\n                  }\n                }\n                &:focus {\n                    outline: none;\n                }\n                & img {\n                  margin: 0 auto !important;\n                  border-radius: 0!important;\n                  max-width: 100%;\n                  width: 100%;\n                  height: auto;\n                  display: block;\n                  object-fit: contain;\n                } \n              }\n              \n              \n              /* Transition the :backdrop when the dialog modal is promoted to the top layer */\n              dialog::backdrop {\n                background-color: rgb(0 0 0 / 0%);\n                backdrop-filter: blur(0px);\n                transition: backdrop-filter 0.2s, background-color 0.2s;\n                transition-behavior: allow-discrete;\n              }\n              \n              dialog[open]::backdrop {\n                background-color: rgb(0 0 0 / 30%);\n                backdrop-filter: blur(2px);\n              }\n              \n              /* This starting-style rule cannot be nested inside the above selector\n              because the nesting selector cannot represent pseudo-elements. */\n              \n              @starting-style {\n                dialog[open]::backdrop {\n                  background-color: rgb(0 0 0 / 0%);\n                  backdrop-filter: blur(0px);\n                }\n              }\n              </style>\n              <script defer>\n              document.addEventListener('DOMContentLoaded', () => {\n              let imgs = document.querySelectorAll('img')\n\n              imgs.forEach(img => {\n                  img.addEventListener('click', ()=>{\n                      let parent = img.parentNode\n                      let newImg = img.cloneNode()\n                      let dialog = document.createElement('dialog')\n                      dialog.setAttribute(\"closedby\", \"any\")\n                      dialog.appendChild(newImg)\n                      parent.appendChild(dialog)\n                      dialog.showModal()\n\n                      dialog.addEventListener('click', (event)=>{\n                          if (event.target == dialog) {\n                              dialog.close();\n                              dialog.remove()\n                            }\n                      })\n                      dialog.addEventListener('close', () => {\n                        dialog.remove();\n                      });\n                  })\n              });\n              })\n              <\/script>\n            "}))}))}
//# sourceMappingURL=/sm/12bfec8b78d637105d2da8ec67d19b0d6a5f279160c093b2872dcbc49ec68aa9.map