{"_id":"@cobaltio/ngx-cobalt-legacy","name":"@cobaltio/ngx-cobalt-legacy","dist-tags":{"latest":"0.0.1-beta.1"},"versions":{"0.0.1-beta.1":{"name":"@cobaltio/ngx-cobalt-legacy","version":"0.0.1-beta.1","peerDependencies":{"@angular/common":"^16.0.0","@angular/core":"^16.0.0","@angular/material":"^16.0.0","@cobaltio/cobalt-js":"^8.0.2"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/cobaltio-ngx-cobalt-legacy.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/cobaltio-ngx-cobalt-legacy.mjs","esm":"./esm2022/cobaltio-ngx-cobalt-legacy.mjs","default":"./fesm2022/cobaltio-ngx-cobalt-legacy.mjs"}},"_id":"@cobaltio/ngx-cobalt-legacy@0.0.1-beta.1","gitHead":"2fe4667c5440cdd115ea4ffd4190fcbdc4103eda","description":"> Cobalt frontend SDK for Angular","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-tL7XbjHmGVgLZ6TqUGKDCkfn7clBiDt6y7aMMryKJqXMflfK5TPdZv263xpfQJziIIRdHAF5/6NIhU+UAsVFLg==","shasum":"05d5150d4438130eee10573c1a52366a9741b89d","tarball":"https://registry.npmjs.org/@cobaltio/ngx-cobalt-legacy/-/ngx-cobalt-legacy-0.0.1-beta.1.tgz","fileCount":13,"unpackedSize":185946,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsrJ2uD+g9QqdlhruvhRAYfnHHoJMroJz5Nl+zP+RfLAIgYf9+r3w4NNR3RUZ+EEBrNOvzPzHX1wJIGR0cHGd0GTo="}]},"_npmUser":{"name":"gocobalt","email":"support@gocobalt.io"},"directories":{},"maintainers":[{"name":"subrat.1108","email":"subrat.1108@gmail.com"},{"name":"gocobalt","email":"support@gocobalt.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-cobalt-legacy_0.0.1-beta.1_1710502741025_0.4274842405396555"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-15T11:39:00.918Z","0.0.1-beta.1":"2024-03-15T11:39:01.218Z","modified":"2024-03-15T11:39:02.419Z"},"maintainers":[{"name":"subrat.1108","email":"subrat.1108@gmail.com"},{"name":"gocobalt","email":"support@gocobalt.io"}],"description":"> Cobalt frontend SDK for Angular","readme":"# ngx-cobalt\r\n\r\n> Cobalt frontend SDK for Angular\r\n\r\n[![NPM](https://img.shields.io/npm/v/@cobaltio/ngx-cobalt-legacy.svg)](https://www.npmjs.com/package/@cobaltio/ngx-cobalt-legacy) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\r\n\r\n## Install\r\n\r\nInstall Cobalt SDK\r\n```bash\r\nnpm install --save @cobaltio/cobalt-js @cobaltio/ngx-cobalt-legacy\r\n```\r\nInstall Angular Material (with animations).\r\n```bash\r\nng add @angular/material@16\r\n```\r\n\r\n## Usage\r\n\r\nImport CobaltConfig in your Angular Module\r\n```ts\r\n// app.module.ts\r\n// ...\r\nimport { CobaltConfig } from '@cobaltio/ngx-cobalt-legacy';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent\r\n  ],\r\n  imports: [\r\n    CobaltConfig,\r\n    // ...\r\n  ],\r\n  providers: [],\r\n  bootstrap: [AppComponent]\r\n})\r\n\r\n// ...\r\n```\r\n\r\nOr your Angular Component if you're not using Angular Module\r\n```ts\r\n// app.component.ts\r\n// ...\r\nimport { CobaltConfig } from '@cobaltio/ngx-cobalt-legacy';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  standalone: true,\r\n  imports: [\r\n    CobaltConfig,\r\n    // ...\r\n  ],\r\n  templateUrl: './app.component.html',\r\n  styleUrl: './app.component.css'\r\n})\r\n\r\n// ...\r\n```\r\n\r\n```html\r\n<!-- app.component.html -->\r\n<!--\r\n    Pass the Cobalt session token (that you generated using the Cobalt backend SDK) to the component.\r\n    Ideally you'd render the Config component inside a modal.\r\n    `token` & `slug` are the only required attributes.\r\n-->\r\n<cobalt-config\r\n    id=\"OPTIONAL_UNIQUE_CONFIG_ID\"\r\n    token=\"COBALT_TOKEN\"\r\n    slug=\"APP_SLUG\"\r\n    [labels]=\"LABELS\"\r\n    [removeBranding]=\"false\"\r\n/>\r\n```\r\n","readmeFilename":"README.md"}