{"_id":"@anthropomorphic/ng-popupmenu","_rev":"2-e609da8138f25d87b093bdf97fa517d0","name":"@anthropomorphic/ng-popupmenu","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@anthropomorphic/ng-popupmenu","version":"1.0.0","_id":"@anthropomorphic/ng-popupmenu@1.0.0","maintainers":[{"name":"nicologiuggiola-ett","email":"nicolo.giuggiola@dedagroup.it"},{"name":"gianlucamarino","email":"gianluca.marino@dedagroup.it"},{"name":"daviderivolta-ett","email":"davide.rivolta@dedagroup.it"},{"name":"labstraction","email":"labstraction@protonmail.com"},{"name":"jmikepad01","email":"michael.parodi@dedagroup.it"}],"dist":{"shasum":"2a7c9e794ff9fd38a59c3b804b28a8a5bcf85e6e","tarball":"https://registry.npmjs.org/@anthropomorphic/ng-popupmenu/-/ng-popupmenu-1.0.0.tgz","fileCount":5,"integrity":"sha512-4Al1l+dV1KANHuphQdEVNt/96aeQsk6NHbkDLUEATUcvYzEYKz3Y9xnoUcgPb1EKkdD4T3sTzvP7qAer4MlMjQ==","signatures":[{"sig":"MEUCIQDc2QdPR9bznNui9irmqHKpevOBbODfIsPynJfL4g88kwIgM3FqHlUdup0ua99eaHDpkcnorpjjbeySRS7WgAw4oNs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16250},"type":"module","module":"fesm2022/anthropomorphic-ng-popupmenu.mjs","exports":{".":{"types":"./types/anthropomorphic-ng-popupmenu.d.ts","default":"./fesm2022/anthropomorphic-ng-popupmenu.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"fa433b78e8a882fc31f5281610204e2178f372bd","typings":"types/anthropomorphic-ng-popupmenu.d.ts","_npmUser":{"name":"daviderivolta-ett","email":"davide.rivolta@dedagroup.it"},"_npmVersion":"10.9.3","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/ng-popupmenu_1.0.0_1776700863781_0.88273228506594","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@anthropomorphic/ng-popupmenu","version":"1.1.0","peerDependencies":{"@angular/common":"^21.2.0","@angular/core":"^21.2.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/anthropomorphic-ng-popupmenu.mjs","typings":"types/anthropomorphic-ng-popupmenu.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/anthropomorphic-ng-popupmenu.d.ts","default":"./fesm2022/anthropomorphic-ng-popupmenu.mjs"}},"type":"module","_id":"@anthropomorphic/ng-popupmenu@1.1.0","gitHead":"fa433b78e8a882fc31f5281610204e2178f372bd","description":"A lightweight and customizable popup menu with toggle component.","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-S8dAMvlofw3tKPIzSfoY+z4GNAjyrjCR/YjYUer3P6npx5L92y2c8YqhJdHn9QJNcXiiGiaq3qMAzQx+kfIx4Q==","shasum":"66113ba26e731a114f222afa45dd51ac9d22083d","tarball":"https://registry.npmjs.org/@anthropomorphic/ng-popupmenu/-/ng-popupmenu-1.1.0.tgz","fileCount":5,"unpackedSize":19247,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAO6XaPKiQqZDQnqw6oWEPPecefpvfeCM2ZWtP8IsC5sAiEA8OABRq93eH1zLlDQxONYVSh9jwJGmdKkJ7HvUh/XJOA="}]},"_npmUser":{"name":"daviderivolta-ett","email":"davide.rivolta@dedagroup.it"},"directories":{},"maintainers":[{"name":"nicologiuggiola-ett","email":"nicolo.giuggiola@dedagroup.it"},{"name":"gianlucamarino","email":"gianluca.marino@dedagroup.it"},{"name":"daviderivolta-ett","email":"davide.rivolta@dedagroup.it"},{"name":"labstraction","email":"labstraction@protonmail.com"},{"name":"jmikepad01","email":"michael.parodi@dedagroup.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ng-popupmenu_1.1.0_1776761454073_0.9278388383662293"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-20T16:01:03.667Z","modified":"2026-04-21T08:50:54.373Z","1.0.0":"2026-04-20T16:01:03.943Z","1.1.0":"2026-04-21T08:50:54.228Z"},"description":"A lightweight and customizable popup menu with toggle component.","maintainers":[{"name":"nicologiuggiola-ett","email":"nicolo.giuggiola@dedagroup.it"},{"name":"gianlucamarino","email":"gianluca.marino@dedagroup.it"},{"name":"daviderivolta-ett","email":"davide.rivolta@dedagroup.it"},{"name":"labstraction","email":"labstraction@protonmail.com"},{"name":"jmikepad01","email":"michael.parodi@dedagroup.it"}],"readme":"# ng-popupmenu\n\nA lightweight and customizable popup menu with toggle component.\n\n\n## Inputs\n\n| Input            | Type                                                          | Default | Description |\n|-----------------|----------------------------------------------------------------|---------|-------------|\n| iconUrl         | `string \\| null`                                               | null    | URL of the SVG icon used for the toggle button. If not provided, a default icon is used. |\n| position        | `'top-left' \\| 'top-right' \\| 'bottom-right' \\| 'bottom-left'` | 'top'   | Position of the opened poopup, relative to the toggle. |\n| minHeight       | `string`                                                       | '50px'  | Minimum height of the opend popup. |\n\n\n## Outputs\n\n| Output   | Type      | Description |\n|----------|-----------|-------------|\n| toggled  | `boolean` | Emits the current open/close state of the popup whenever it changes. |\n\n\n## Content\n\nThe component supports content projection via default `<ng-content>` slot.\n\n\n## Styling\n\nThe component exposes CSS variables for customization.\n\nOverride them in your global styles:\n\n```css\n:root {\n  --primary-900: black;\n  --primary-500: darkslategrey;\n  --primary-100: whitesmoke;\n  --neutral-500: lightgrey;\n  --neutral-100: white;\n}\n```\n\n\n## Usage example\n\nThe following example shows how to use the component.\n\n```html\n<my-app>\n   ...\n   <ant-popupmenu iconUrl=\"...\" position=\"top-right\" minHeight=\"50px\">\n      <div>\n         <!-- content -->\n      </div>\n   </ant-popupmenu>\n   ...\n</my-app>\n```","readmeFilename":"README.md"}