{"_id":"@aegisjsproject/aegis-modal","_rev":"2-24a80e7aad4175b93de5516ed25bab7e","name":"@aegisjsproject/aegis-modal","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@aegisjsproject/aegis-modal","version":"0.0.1","keywords":["aegis","aegis-component","web-component","custom-element","dom","html","modal","dialog"],"author":{"name":"Chris Zuber","email":"admin@kernvalley.us"},"license":"MIT","_id":"@aegisjsproject/aegis-modal@0.0.1","maintainers":[{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"}],"homepage":"https://github.com/AegisJSProject/aegis-modal#readme","bugs":{"url":"https://github.com/AegisJSProject/aegis-modal/issues"},"dist":{"shasum":"25257f222d9f6845f07a5447839f2653f500d7e4","tarball":"https://registry.npmjs.org/@aegisjsproject/aegis-modal/-/aegis-modal-0.0.1.tgz","fileCount":10,"integrity":"sha512-8wQhEJHjNBvFlgALpVNoMoAIyMMO1naz/H64s2RH3rHh6wMex52Xc23TilIhrg9rAEQ1dO8dDQgdd0MUlZ7bHg==","signatures":[{"sig":"MEYCIQDNB7iJzcF0cOOllZwuly5X4f57Wnu/gKCY1lSgMH9ZbAIhAMDviF7QjswQQJMMmVGjhs5Hu0vTxVFAa7obhl0flSg4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aegisjsproject%2faegis-modal@0.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v0.2"}},"unpackedSize":29979},"main":"./aegis-modal.cjs","type":"module","unpkg":"./aegis-modal.js","module":"./aegis-modal.js","engines":{"node":">=18.0.0"},"exports":{".":{"import":"./aegis-modal.js","require":"./aegis-modal.cjs"},"./*":{"import":"./*.js","require":"./*.cjs"},"./*.js":{"import":"./*.js","require":"./*.cjs"},"./*.cjs":{"import":"./*.js","require":"./*.cjs"},"./*.mjs":{"import":"./*.js","require":"./*.cjs"}},"funding":[{"url":"https://liberapay.com/shgysk8zer0","type":"librepay"},{"url":"https://github.com/sponsors/shgysk8zer0","type":"github"}],"gitHead":"668b004b4101c3d7a8e8292bc2d2960b8c8e0de2","private":false,"scripts":{"test":"npm run lint:js && npm run build","build":"npm run build:js","clean":"rm -f ./*.cjs","start":"http-server ./ -c-1 --port 8080 --gzip true --brotli true -a localhost -o /test/","fix:js":"eslint . --fix","lint:js":"eslint .","prepare":"npm run build","build:js":"npm run clean && rollup -c rollup.config.js","preversion":"npm test","create:lock":"npm i --package-lock-only --ignore-scripts --no-audit --no-fund","version:bump":"npm run version:bump:patch","version:bump:major":"npm version --no-git-tag-version major && npm run create:lock","version:bump:minor":"npm version --no-git-tag-version minor && npm run create:lock","version:bump:patch":"npm version --no-git-tag-version patch && npm run create:lock"},"_npmUser":{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"},"repository":{"url":"git+https://github.com/AegisJSProject/aegis-modal.git","type":"git"},"_npmVersion":"9.6.7","description":"An `<aegis-modal>` component built using [`@aegisjsproject/component`](https://npmjs.org/package/@aegisjsproject/component)","directories":{},"_nodeVersion":"20.3.1","dependencies":{"@aegisjsproject/core":"^0.1.2","@aegisjsproject/styles":"^0.1.1","@aegisjsproject/component":"^0.1.1"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.57.0","rollup":"^4.12.0","http-server":"^14.1.1","@shgysk8zer0/rollup-import":"^1.2.3","@rollup/plugin-node-resolve":"^15.2.3"},"_npmOperationalInternal":{"tmp":"tmp/aegis-modal_0.0.1_1709604198975_0.1728916812730863","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@aegisjsproject/aegis-modal","version":"0.0.2","keywords":["aegis","aegis-component","web-component","custom-element","dom","html","modal","dialog"],"author":{"name":"Chris Zuber","email":"admin@kernvalley.us"},"license":"MIT","_id":"@aegisjsproject/aegis-modal@0.0.2","maintainers":[{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"}],"homepage":"https://github.com/AegisJSProject/aegis-modal#readme","bugs":{"url":"https://github.com/AegisJSProject/aegis-modal/issues"},"dist":{"shasum":"9c120adb0f9fdd8ee09a1e1521faf02864a46c3a","tarball":"https://registry.npmjs.org/@aegisjsproject/aegis-modal/-/aegis-modal-0.0.2.tgz","fileCount":10,"integrity":"sha512-953oSgk6lhsfrmxtWprJfimijvIcl7U4/i+u6VYQMivwUMF3RAWQQyf2Wz9sc3aS9zN8HUJ34H8Uwx3qk7otIw==","signatures":[{"sig":"MEQCIGVDwGpb9mPgrKLgIY2thCdM9LE6R/bsf4rC3Jbdg8soAiAtcv2AxCxUvFK8fBOP5SAH8vj2AV5PLjLY+f1ZGP9uIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aegisjsproject%2faegis-modal@0.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v0.2"}},"unpackedSize":29925},"main":"./aegis-modal.cjs","type":"module","unpkg":"./aegis-modal.js","module":"./aegis-modal.js","engines":{"node":">=18.0.0"},"exports":{".":{"import":"./aegis-modal.js","require":"./aegis-modal.cjs"},"./*":{"import":"./*.js","require":"./*.cjs"},"./*.js":{"import":"./*.js","require":"./*.cjs"},"./*.cjs":{"import":"./*.js","require":"./*.cjs"},"./*.mjs":{"import":"./*.js","require":"./*.cjs"}},"funding":[{"url":"https://liberapay.com/shgysk8zer0","type":"librepay"},{"url":"https://github.com/sponsors/shgysk8zer0","type":"github"}],"gitHead":"d1d2546a4cefd698250a651de523e3373247fdf2","private":false,"scripts":{"test":"npm run lint:js && npm run build","build":"npm run build:js","clean":"rm -f ./*.cjs","start":"http-server ./ -c-1 --port 8080 --gzip true --brotli true -a localhost -o /test/","fix:js":"eslint . --fix","lint:js":"eslint .","prepare":"npm run build","build:js":"npm run clean && rollup -c rollup.config.js","preversion":"npm test","create:lock":"npm i --package-lock-only --ignore-scripts --no-audit --no-fund","version:bump":"npm run version:bump:patch","version:bump:major":"npm version --no-git-tag-version major && npm run create:lock","version:bump:minor":"npm version --no-git-tag-version minor && npm run create:lock","version:bump:patch":"npm version --no-git-tag-version patch && npm run create:lock"},"_npmUser":{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"},"repository":{"url":"git+https://github.com/AegisJSProject/aegis-modal.git","type":"git"},"_npmVersion":"9.6.7","description":"An `<aegis-modal>` component built using [`@aegisjsproject/component`](https://npmjs.org/package/@aegisjsproject/component)","directories":{},"_nodeVersion":"20.3.1","dependencies":{"@aegisjsproject/core":"^0.1.5","@aegisjsproject/styles":"^0.1.1","@aegisjsproject/component":"^0.1.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.57.0","rollup":"^4.12.0","http-server":"^14.1.1","@shgysk8zer0/rollup-import":"^1.2.3","@rollup/plugin-node-resolve":"^15.2.3"},"_npmOperationalInternal":{"tmp":"tmp/aegis-modal_0.0.2_1710267009281_0.04522460404265427","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@aegisjsproject/aegis-modal","version":"0.0.3","description":"An `<aegis-modal>` component built using [`@aegisjsproject/component`](https://npmjs.org/package/@aegisjsproject/component)","keywords":["aegis","aegis-component","web-component","custom-element","dom","html","modal","dialog"],"type":"module","main":"./aegis-modal.cjs","module":"./aegis-modal.js","unpkg":"./aegis-modal.js","exports":{".":{"import":"./aegis-modal.js","require":"./aegis-modal.cjs"},"./*.js":{"import":"./*.js","require":"./*.cjs"},"./*.mjs":{"import":"./*.js","require":"./*.cjs"},"./*.cjs":{"import":"./*.js","require":"./*.cjs"},"./*":{"import":"./*.js","require":"./*.cjs"}},"engines":{"node":">=18.0.0"},"private":false,"scripts":{"test":"npm run lint:js && npm run build","start":"http-server ./ -c-1 --port 8080 --gzip true --brotli true -a localhost -o /test/","preversion":"npm test","prepare":"npm run build","lint:js":"eslint .","fix:js":"eslint . --fix","build":"npm run build:js","clean":"rm -f ./*.cjs","build:js":"npm run clean && rollup -c rollup.config.js","create:lock":"npm i --package-lock-only --ignore-scripts --no-audit --no-fund","version:bump":"npm run version:bump:patch","version:bump:patch":"npm version --no-git-tag-version patch && npm run create:lock","version:bump:minor":"npm version --no-git-tag-version minor && npm run create:lock","version:bump:major":"npm version --no-git-tag-version major && npm run create:lock"},"repository":{"type":"git","url":"git+https://github.com/AegisJSProject/aegis-modal.git"},"author":{"name":"Chris Zuber","email":"admin@kernvalley.us"},"license":"MIT","funding":[{"type":"librepay","url":"https://liberapay.com/shgysk8zer0"},{"type":"github","url":"https://github.com/sponsors/shgysk8zer0"}],"bugs":{"url":"https://github.com/AegisJSProject/aegis-modal/issues"},"homepage":"https://github.com/AegisJSProject/aegis-modal#readme","devDependencies":{"@rollup/plugin-node-resolve":"^15.2.3","@shgysk8zer0/eslint-config":"^1.0.1","@shgysk8zer0/rollup-import":"^1.2.3","eslint":"^9.10.0","http-server":"^14.1.1","rollup":"^4.12.0"},"dependencies":{"@aegisjsproject/component":"^0.1.2","@aegisjsproject/core":"^0.2.0","@aegisjsproject/styles":"^0.1.1"},"_id":"@aegisjsproject/aegis-modal@0.0.3","gitHead":"bbf24725514a5e9f7cf216d945010fb2190860bd","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-odaheQIX1vooGeRgzPymrpHjH7R+uVmn2lW+qVyploUFUlQfP6q3qdEN+4NYiXjiur/RNZipOn+dAl+LANXsKQ==","shasum":"eda3278ba451ca8c4bb1d1d1ead9e55c6b19e14a","tarball":"https://registry.npmjs.org/@aegisjsproject/aegis-modal/-/aegis-modal-0.0.3.tgz","fileCount":10,"unpackedSize":30070,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@aegisjsproject%2faegis-modal@0.0.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgkk7w2GjyfJb+F5GQzDYkkZ9JOKixlYKPu/j2JuczrAIhAPPYfT2KEv9+dqvZsQLBGgw65grhTMnQspXD8Tq5uWtJ"}]},"_npmUser":{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"},"directories":{},"maintainers":[{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/aegis-modal_0.0.3_1726786807830_0.8660009788479708"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-05T02:03:18.852Z","modified":"2024-09-19T23:00:08.516Z","0.0.1":"2024-03-05T02:03:19.149Z","0.0.2":"2024-03-12T18:10:09.411Z","0.0.3":"2024-09-19T23:00:08.059Z"},"bugs":{"url":"https://github.com/AegisJSProject/aegis-modal/issues"},"author":{"name":"Chris Zuber","email":"admin@kernvalley.us"},"license":"MIT","homepage":"https://github.com/AegisJSProject/aegis-modal#readme","keywords":["aegis","aegis-component","web-component","custom-element","dom","html","modal","dialog"],"repository":{"type":"git","url":"git+https://github.com/AegisJSProject/aegis-modal.git"},"description":"An `<aegis-modal>` component built using [`@aegisjsproject/component`](https://npmjs.org/package/@aegisjsproject/component)","maintainers":[{"name":"shgysk8zer0","email":"shgysk8zer0@gmail.com"}],"readme":"# `@aegisjsproject/aegis-modal`\n\nAn `<aegis-modal>` component built using [`@aegisjsproject/component`](https://npmjs.org/package/@aegisjsproject/component),\noffering full built-in accessibility, customization, and enhanced security.\n\n[![CodeQL](https://@github.com/AegisJSProject/aegis-modal/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/shgysk8zer0/npm-template/actions/workflows/codeql-analysis.yml)\n![Node CI](https://@github.com/AegisJSProject/aegis-modal/workflows/Node%20CI/badge.svg)\n![Lint Code Base](https://@github.com/AegisJSProject/aegis-modal/workflows/Lint%20Code%20Base/badge.svg)\n\n[![GitHub license](https://img.shields.io/github/license/AegisJSProject/aegis-modal.svg)](https://@github.com/AegisJSProject/aegis-modal/blob/master/LICENSE)\n[![GitHub last commit](https://img.shields.io/github/last-commit/AegisJSProject/aegis-modal.svg)](https://@github.com/AegisJSProject/aegis-modal/commits/master)\n[![GitHub release](https://img.shields.io/github/release/AegisJSProject/aegis-modal?logo=github)](https://@github.com/AegisJSProject/aegis-modal/releases)\n[![GitHub Sponsors](https://img.shields.io/github/sponsors/shgysk8zer0?logo=github)](https://github.com/sponsors/shgysk8zer0)\n\n[![npm](https://img.shields.io/npm/v/@aegisjsproject/aegis-modal)](https://www.npmjs.com/package/@aegisjsproject/aegis-modal)\n![node-current](https://img.shields.io/node/v/@aegisjsproject/aegis-modal)\n![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/%40aegisjsproject%aegis-modal)\n[![npm](https://img.shields.io/npm/dw/@aegisjsproject/aegis-modal?logo=npm)](https://www.npmjs.com/package/@aegisjsproject/aegis-modal)\n\n[![GitHub followers](https://img.shields.io/github/followers/AegisJSProject.svg?style=social)](https://github.com/AegisJSProoject)\n![GitHub forks](https://img.shields.io/github/forks/AegisJSProject/aegis-modal.svg?style=social)\n![GitHub stars](https://img.shields.io/github/stars/AegisJSProject/aegis-modal.svg?style=social)\n[![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social)](https://twitter.com/shgysk8zer0)\n\n[![Donate using Liberapay](https://img.shields.io/liberapay/receives/shgysk8zer0.svg?logo=liberapay)](https://liberapay.com/shgysk8zer0/donate \"Donate using Liberapay\")\n- - -\n\n- [Code of Conduct](./.github/CODE_OF_CONDUCT.md)\n- [Contributing](./.github/CONTRIBUTING.md)\n<!-- - [Security Policy](./.github/SECURITY.md) -->\n\n## Important differences compared to [`<dialog>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog)\n\n- `<aegis-modal>` is modal-only\n- `<aegis-modal>` **SHOULD** only be appended as a direct child of `<body>`\n- `<aegis-modal>` automatically adds a sticky header and close button\n- Provides simple open/close animations\n- Has an `autoremove` attribute to automatically remove the element once closed\n- Supports an optional `AbortController` in the `show({ signal })` method\n- Adds `whenOpened` and `whenClosed` getter methods, returning relevant promises\n- Adds a static `create()` method, which creates and optionally appends and opens if given a `signal`\n\n## Compatibility / polyfills\n\nThe entire AegisJSProject ecosystem requires support for [`Element.prototype.setHTML()`](https://github.com/WICG/sanitizer-api)\nand [Constructable Stylesheets](https://web.dev/articles/constructable-stylesheets).\nAdditionally, [`Promise.withResolvers()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers)\nas well as [`inert`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inert)\nare also required for proper functionality.\n\nSuch polyfills are *not* included to avoid the bloat/duplication of polyfills. However,\nan extensive polyfill script that ensures compatibility is available via:\n\n```html\n<script type=\"application/javascript\" defer=\"\" referrerpolicy=\"no-referrer\" crossorigin=\"anonymous\" integrity=\"sha384-Shkrmxly5RI9mCU8DQr6l4VLVJzjPzgx9KP/f5i7pEcl7ZUt0wHiAweGjbpjU2d5\" src=\"https://unpkg.com/@shgysk8zer0/polyfills@0.3.1/all.min.js\" fetchpriority=\"auto\"></script>\n```\n\n## Installation\n\n### Via CDN:\n\n```html\n<script type=\"module\" src=\"https://unpkg.com/@aegisjsproject/aegis-modal[@:version]/aegis-modal.js\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>\n```\n\n### Via npm\n\n```bash\nnpm i @aegisjsproject/aegis-markdown\n```\n\n### Via [Git Submodule](https://git-scm.com/book/en/v2/Git-Tools-Submodules)\n\n```bash\ngit subomdule add https://github.com/AegisJSProject/aegis-modal [:destination]\n```\n\n## Using [`<script type=\"importmap\">`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap)\n\nAll `@aegisjsproject/*` libraries are available and ready to use without a build\nprocess such as webpack, but will require a `<script type=\"importmap\">` that includes\nall dependencies:\n\n\n### Short & Basic\n\n```html\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"@aegisjsproject/\": \"https://unpkg.com/@aegisjsproject/\"\n  }\n}\n</script>\n```\n\n### More detailed & with versions\n\n```html\n{\n  \"imports\": {\n    \"@aegisjsproject/core/\": \"https://unpkg.com/@aegisjsproject/core@0.1.2/\",\n    \"@aegisjsproject/styles/\": \"https://unpkg.com/@aegisjsproject/styles@0.1.1/\",\n    \"@aegisjsproject/component/\": \"https://unpkg.com/@aegisjsproject/component@0.1.1/\",\n    \"@aegisjsproject/aegis-modal/\": \"https://unpkg.com/@aegisjsproject/aegis-modal@0.0.1/\"\n  }\n}\n```\n\n... or ...\n\n```html\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"@aegisjsproject/\": \"/node_modules/@aegisjsproject/\"\n  }\n}\n</script>\n```\n\n## Example\n\n```html\n<aegis-modal>\n  <h1 slot=\"heading\">Lorem Ipsum</h1>\n  <p>Error aut mollitia qui alias aut. Temporibus vitae impedit deserunt repellat voluptatibus et. Minima aut et tempore. Ut officiis sed consectetur. Voluptas praesentium ipsam rerum eligendi dolorum. Voluptatem similique omnis quis quidem.</p>\n</aegis-modal>\n```\n","readmeFilename":"README.md"}