{"_id":"@anthropomorphic/ng-sidebar","_rev":"4-ad8a62db20c23548f33cf889efed9fb7","name":"@anthropomorphic/ng-sidebar","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@anthropomorphic/ng-sidebar","version":"1.0.1","_id":"@anthropomorphic/ng-sidebar@1.0.1","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":"94d87eba51ae731e1fa4c45a7081affd282e4d43","tarball":"https://registry.npmjs.org/@anthropomorphic/ng-sidebar/-/ng-sidebar-1.0.1.tgz","fileCount":5,"integrity":"sha512-XNvIgMuT6I3OQzsIAmf5UzDo6YgTvF5zI3xFBJLclYOYAAW6QaIKd9r2LQubFwOwv15c03LP2XU9d7weD8Vcww==","signatures":[{"sig":"MEYCIQDpJmGHe3jluAisqvl+aKQ8vCXvWfow7co26sCuQvknXwIhAMrL6wzaKsNJgGOL1xfIn1cXT/JmqJT4bns+w5g/Ipne","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18205},"type":"module","module":"fesm2022/anthropomorphic-ng-sidebar.mjs","exports":{".":{"types":"./types/anthropomorphic-ng-sidebar.d.ts","default":"./fesm2022/anthropomorphic-ng-sidebar.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"fa433b78e8a882fc31f5281610204e2178f372bd","typings":"types/anthropomorphic-ng-sidebar.d.ts","_npmUser":{"name":"daviderivolta-ett","email":"davide.rivolta@dedagroup.it"},"_npmVersion":"10.9.3","description":"A lightweight and customizable sidebar component.","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-sidebar_1.0.1_1776265750062_0.7237830823130582","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@anthropomorphic/ng-sidebar","version":"1.0.2","peerDependencies":{"@angular/common":"^21.2.0","@angular/core":"^21.2.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/anthropomorphic-ng-sidebar.mjs","typings":"types/anthropomorphic-ng-sidebar.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/anthropomorphic-ng-sidebar.d.ts","default":"./fesm2022/anthropomorphic-ng-sidebar.mjs"}},"type":"module","_id":"@anthropomorphic/ng-sidebar@1.0.2","gitHead":"fa433b78e8a882fc31f5281610204e2178f372bd","description":"A lightweight and customizable sidebar component.","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-9iEJ0GtH0wyMwAevGg4YXJSBO7EMpmHmG6ctpcAKPXIGPcRGiMUNI+4jC9JksgFVIh0Xs4CHSnuNXFut9sAyTw==","shasum":"db41a3a0e4e0728bd7232471d53fc1f6044a3836","tarball":"https://registry.npmjs.org/@anthropomorphic/ng-sidebar/-/ng-sidebar-1.0.2.tgz","fileCount":5,"unpackedSize":18240,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDUwQOe7esT6Icc+V4l0mT3/NIpSMBn72yWVlBKl3xGzgIgOIkXDufm6cuRNAVYKXkWZDtGaey8PvxiC5tM2Hnn0y0="}]},"_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-sidebar_1.0.2_1776266272342_0.39785105119110686"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-15T15:09:09.925Z","modified":"2026-04-15T15:17:52.694Z","1.0.0":"2026-04-15T14:54:24.378Z","1.0.1":"2026-04-15T15:09:10.195Z","1.0.2":"2026-04-15T15:17:52.489Z"},"description":"A lightweight and customizable sidebar 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-sidebar\n\nA lightweight and customizable sidebar 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| togglePosition  | `'top' \\| 'bottom'`     | 'top'   | Vertical position of the toggle button inside the sidebar. |\n| side            | `'left' \\| 'right'`     | 'left'  | Horizontal position of the sidebar relative to its container. |\n| height          | `string`                | '100%'  | Height of the sidebar. |\n| width           | `string`                | '360px' | Width of the sidebar. |\n\n\n## Outputs\n\n| Output   | Type      | Description |\n|----------|-----------|-------------|\n| toggled  | `boolean` | Emits the current open/close state of the sidebar 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-sidebar iconUrl=\"...\" togglePosition=\"top\" side=\"left\" height=\"100%\" width=\"360px\">\n      <div>\n         <!-- content -->\n      </div>\n   </ant-sidebar>\n   ...\n</my-app>\n```","readmeFilename":"README.md"}