{"_id":"@angay/delete-modal","_rev":"4-be2df7ed59ab85d760b2dc64b9d1799e","name":"@angay/delete-modal","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@angay/delete-modal","version":"0.0.1","keywords":["angular","delete-modal","confirmation-dialog","library","component"],"author":{"name":"Angayarkanni Balasubramanian"},"license":"MIT","_id":"@angay/delete-modal@0.0.1","maintainers":[{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"}],"homepage":"https://github.com/angay/delete-modal#readme","bugs":{"url":"https://github.com/angay/delete-modal/issues"},"dist":{"shasum":"0a1e0fd0f25401e9a10855bec4af55caac5a17bd","tarball":"https://registry.npmjs.org/@angay/delete-modal/-/delete-modal-0.0.1.tgz","fileCount":12,"integrity":"sha512-2tv15ls11HbsEdhkdp/kNGOxdDNBn34wRs5b3ZCfY6+lCExjQQumWsxqAhOrB0htjUceZB5G3lU/cacWpUD0OA==","signatures":[{"sig":"MEYCIQD7EzaW5xlJj1aysEefjQBVkTMtpWWXAcl51tzxtFiWZwIhALHMu9MGdHDxW5Z3i8AahTmpTIVWNBt2ta5e+OuORmQY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29526},"module":"fesm2022/angay-delete-modal.mjs","exports":{".":{"esm":"./esm2022/angay-delete-modal.mjs","types":"./index.d.ts","default":"./fesm2022/angay-delete-modal.mjs","esm2022":"./esm2022/angay-delete-modal.mjs"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"},"repository":{"url":"git+https://github.com/angay/delete-modal.git","type":"git"},"_npmVersion":"11.5.2","description":"A reusable Angular delete confirmation modal component library.","directories":{},"sideEffects":false,"_nodeVersion":"22.18.0","dependencies":{"tslib":"^2.6.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^17.3.0","@angular/common":"^17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/delete-modal_0.0.1_1756537296507_0.23660152659489908","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@angay/delete-modal","version":"0.0.2","keywords":["angular","delete-modal","confirmation-dialog","library","component"],"author":{"name":"Angayarkanni Balasubramanian"},"license":"MIT","_id":"@angay/delete-modal@0.0.2","maintainers":[{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"}],"homepage":"https://github.com/angay/delete-modal#readme","bugs":{"url":"https://github.com/angay/delete-modal/issues"},"dist":{"shasum":"3c1095fc020320d550c965b70dcb3c963018bf7c","tarball":"https://registry.npmjs.org/@angay/delete-modal/-/delete-modal-0.0.2.tgz","fileCount":12,"integrity":"sha512-gfqcJ0D9FogGPDXES+4BVLExaHmlNZQBg6l1+GNQfEskjweR3uyH871I8Q8NHtA2uiNVTMcFqgJN/kPTmnLILw==","signatures":[{"sig":"MEYCIQC3tCOYE64Sz4JWJkKiOZ4to652GpIW90WLLH5567vvtwIhALAI3SAdPnaqwpbid5Ckkfj0j3EWZzdgiyMsJ7GOApn1","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29538},"module":"fesm2022/angay-delete-modal.mjs","exports":{".":{"esm":"./esm2022/angay-delete-modal.mjs","types":"./index.d.ts","default":"./fesm2022/angay-delete-modal.mjs","esm2022":"./esm2022/angay-delete-modal.mjs"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"},"repository":{"url":"git+https://github.com/angay/delete-modal.git","type":"git"},"_npmVersion":"11.5.2","description":"A reusable Angular delete confirmation modal component library.","directories":{},"sideEffects":false,"_nodeVersion":"22.18.0","dependencies":{"tslib":"^2.6.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^17.3.0","@angular/common":"^17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/delete-modal_0.0.2_1756539261418_0.006013478171128295","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@angay/delete-modal","version":"0.0.3","keywords":["angular","delete-modal","confirmation-dialog","library","component"],"author":{"name":"Angayarkanni Balasubramanian"},"license":"MIT","_id":"@angay/delete-modal@0.0.3","maintainers":[{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"}],"homepage":"https://github.com/angay/delete-modal#readme","bugs":{"url":"https://github.com/angay/delete-modal/issues"},"dist":{"shasum":"ed5e753e21158947139df484fb902ceb77d8fd69","tarball":"https://registry.npmjs.org/@angay/delete-modal/-/delete-modal-0.0.3.tgz","fileCount":13,"integrity":"sha512-+Tq2vuHk6LppJXOMYYqB7+5iY6uHKsAh43obcbFQvz3ovtXsz7BqPr2fQxT98c4qZ9QgZRWRdR5iYr7MD6yADg==","signatures":[{"sig":"MEUCID+2aDmFrDFUiPwrpcEx+WrjrI3XqkTjTvLbMxTlL4DOAiEA14ZTat1YHJROerwIv4Pa/eMlU08DPPzrHFrfA4zij/Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30637},"module":"fesm2022/angay-delete-modal.mjs","exports":{".":{"esm":"./esm2022/angay-delete-modal.mjs","types":"./index.d.ts","default":"./fesm2022/angay-delete-modal.mjs","esm2022":"./esm2022/angay-delete-modal.mjs"},"./package.json":{"default":"./package.json"}},"typings":"index.d.ts","_npmUser":{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"},"repository":{"url":"git+https://github.com/angay/delete-modal.git","type":"git"},"_npmVersion":"11.5.2","description":"A reusable Angular delete confirmation modal component library.","directories":{},"sideEffects":false,"_nodeVersion":"22.18.0","dependencies":{"tslib":"^2.6.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^17.3.0","@angular/common":"^17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/delete-modal_0.0.3_1756549894404_0.7982818360180128","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@angay/delete-modal","version":"0.0.4","description":"A reusable Angular delete confirmation modal component library.","author":{"name":"Angayarkanni Balasubramanian"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AngayarkanniB/angay-delete-modal.git"},"keywords":["angular","delete-modal","confirmation-dialog","library","component"],"peerDependencies":{"@angular/common":"^17.3.0","@angular/core":"^17.3.0"},"dependencies":{"tslib":"^2.6.0"},"sideEffects":false,"module":"fesm2022/angay-delete-modal.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/angay-delete-modal.mjs","esm":"./esm2022/angay-delete-modal.mjs","default":"./fesm2022/angay-delete-modal.mjs"}},"_id":"@angay/delete-modal@0.0.4","bugs":{"url":"https://github.com/AngayarkanniB/angay-delete-modal/issues"},"homepage":"https://github.com/AngayarkanniB/angay-delete-modal#readme","_nodeVersion":"22.18.0","_npmVersion":"11.5.2","dist":{"integrity":"sha512-EoYFJejeKkIEBQ1UntAcsg2M76gTV+/6VTuwHfcIj8pCYaIPmJpb/+kLJF8Aa88HXaJGLGJDLfus1KuYAVHIcw==","shasum":"17f27414a45822d25251052ccb453698454bf169","tarball":"https://registry.npmjs.org/@angay/delete-modal/-/delete-modal-0.0.4.tgz","fileCount":13,"unpackedSize":30651,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIC4I6dcipazSyV+3iKAd15p8JVLoTxxKfi69vLmtN1wkAiA180UXPwPIr0ToKpJ5lCZ6YUTuCFXmQf8pte+dYA6s3A=="}]},"_npmUser":{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"},"directories":{},"maintainers":[{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/delete-modal_0.0.4_1756549948183_0.06684561639424302"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-30T07:01:36.443Z","modified":"2025-08-30T10:32:28.581Z","0.0.1":"2025-08-30T07:01:36.700Z","0.0.2":"2025-08-30T07:34:21.600Z","0.0.3":"2025-08-30T10:31:34.616Z","0.0.4":"2025-08-30T10:32:28.376Z"},"bugs":{"url":"https://github.com/AngayarkanniB/angay-delete-modal/issues"},"author":{"name":"Angayarkanni Balasubramanian"},"license":"MIT","homepage":"https://github.com/AngayarkanniB/angay-delete-modal#readme","keywords":["angular","delete-modal","confirmation-dialog","library","component"],"repository":{"type":"git","url":"git+https://github.com/AngayarkanniB/angay-delete-modal.git"},"description":"A reusable Angular delete confirmation modal component library.","maintainers":[{"name":"angay","email":"angayarkannibalasubramaniand@gmail.com"}],"readme":"\r\n# 📦 @angay/delete-modal\r\n\r\nA lightweight, reusable Angular **delete confirmation modal** component with service-based control.\r\n\r\n---\r\n\r\n## 🚀 Installation\r\n\r\n```bash\r\nnpm install @angay/delete-modal\r\n```\r\n\r\nor with yarn\r\n\r\n```bash\r\nyarn add @angay/delete-modal\r\n```\r\n\r\n---\r\n\r\n## 🛠️ Usage\r\n\r\n### 1. Import the component\r\n\r\nSince the modal is **standalone**, you can directly import it into your module/component:\r\n\r\n```ts\r\nimport { DeleteModalComponent } from '@angay/delete-modal';\r\n```\r\n\r\nThen declare it inside your template:\r\n\r\n```html\r\n<lib-delete-modal></lib-delete-modal>\r\n```\r\n\r\n---\r\n\r\n### 2. Use the service to open modal\r\n\r\nInject the service in your component:\r\n\r\n```ts\r\nimport { Component } from '@angular/core';\r\nimport { DeleteModalService } from '@angay/delete-modal';\r\n\r\n@Component({\r\n  selector: 'app-example',\r\n  template: `\r\n    <button (click)=\"openDelete()\">Delete Item</button>\r\n    <angay-delete-modal></angay-delete-modal>\r\n  `\r\n})\r\nexport class ExampleComponent {\r\n  constructor(private deleteModalService: DeleteModalService) {}\r\n\r\n  openDelete() {\r\n    this.deleteModalService.open(() => {\r\n      console.log('✅ Item deleted...');\r\n      // Call your delete API here\r\n    });\r\n  }\r\n}\r\n```\r\n\r\n---\r\n\r\n### 3. Customize inputs\r\n\r\nThe modal comes with default values but you can override them:\r\n\r\n```html\r\n<angay-delete-modal\r\n  heading=\"Confirm Deletion\"\r\n  message=\"Do you really want to remove this user?\"\r\n  confirmButtonText=\"Yes, Remove\"\r\n  cancelButtonText=\"No, Keep\">\r\n</angay-delete-modal>\r\n```\r\n\r\n---\r\n\r\n## 🎨 Styling\r\n\r\nThe modal ships with minimal **SCSS styles** (backdrop, box, buttons, animations).\r\nYou can override them globally in your project if you need custom design.\r\n\r\n---\r\n\r\n## 📄 API\r\n\r\n| Input               | Type   | Default           | Description                |\r\n| ------------------- | ------ | ----------------- | -------------------------- |\r\n| `heading`           | string | `\"Delete?\"`       | Title text of the modal.   |\r\n| `message`           | string | `\"Are you sure?\"` | Message body of the modal. |\r\n| `confirmButtonText` | string | `\"Yes, Delete\"`   | Label for confirm button.  |\r\n| `cancelButtonText`  | string | `\"Cancel\"`        | Label for cancel button.   |\r\n\r\n---\r\n\r\n## ⚡ Features\r\n\r\n* ✅ Standalone Angular component\r\n* ✅ Service-based control (open/close)\r\n* ✅ Promise-like callback for delete action\r\n* ✅ Customizable heading, message & button labels\r\n* ✅ Lightweight & animation-ready\r\n\r\n---\r\n\r\n## 📦 Build & Publish\r\n\r\nIf you’re contributing, build and publish to npm:\r\n\r\n```bash\r\nng build @angay/delete-modal\r\nnpm publish dist/angay/delete-modal\r\n```\r\n\r\n---\r\n\r\n## 📝 License\r\n\r\nMIT © [Angayarkanni Balasubramanian](https://github.com/angay)\r\n\r\n---\r\n","readmeFilename":"README.md"}