{"_id":"@canvasgfx/devices","_rev":"3-ab24850b97e80f6e905cea45b764fd71","name":"@canvasgfx/devices","dist-tags":{"latest":"2.0.1"},"versions":{"0.0.0":{"name":"@canvasgfx/devices","version":"0.0.0","description":"Angular library that simplifies working with desktop, tablet and mobile devices.","author":{"name":"reactgular.com"},"homepage":"https://reactgular.com/","license":"MIT","repository":{"type":"git","url":"git+https://github.com/canvasgfx/devices.git"},"bugs":{"url":"https://github.com/canvasgfx/devices/issues"},"scripts":{"ng":"ng","start":"ng serve --watch --open","build":"npm run build:devices && npm run build:demo","build:devices":"ng build devices --prod && cp README.md dist/devices","build:devices:watch":"ng build devices --watch","build:demo":"ng build demo --prod --deploy-url \"https://reactgular.github.io/devices/\"","beta":"npm run lint && npm run build && cd dist/devices && npm publish --tag beta","test":"ng test","lint":"ng lint"},"dependencies":{"@angular/animations":"~10.1.1","@angular/cdk":"~10.2.1","@angular/common":"~10.1.1","@angular/compiler":"~10.1.1","@angular/core":"~10.1.1","@angular/platform-browser":"~10.1.1","@angular/platform-browser-dynamic":"~10.1.1","rxjs":"~6.6.3","tslib":"^2.0.0","zone.js":"^0.10.3"},"devDependencies":{"@angular-devkit/build-angular":"~0.1001.1","@angular-devkit/build-ng-packagr":"~0.1001.1","@angular/cli":"~10.1.1","@angular/compiler-cli":"~10.1.1","@angular/language-service":"~10.1.1","@types/jasmine":"^3.5.14","@types/jasminewd2":"~2.0.8","@types/node":"^14.10.2","bootstrap":"^4.5.2","codelyzer":"^6.0.0","jasmine-core":"^3.6.0","jasmine-spec-reporter":"~5.0.0","karma":"^5.2.2","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~3.0.2","karma-jasmine":"~4.0.0","karma-jasmine-html-reporter":"^1.5.0","ng-packagr":"^10.1.0","ts-node":"^9.0.0","tslint":"~6.1.0","typescript":"~4.0.2"},"gitHead":"83be0814bdc7bda9421816c336780188cd5c69fa","_id":"@canvasgfx/devices@0.0.0","_nodeVersion":"16.13.0","_npmVersion":"9.4.0","dist":{"integrity":"sha512-ObXq3Igt1xEmZ9G2vJOEdPKvvLfYycN1m8LFH4RKmwgUFCWr1XXdNfB+Doe61wSkgjU0F3M2S7y1W24TLYJ4/Q==","shasum":"30fc84d446d215fadb3256b613764b0aeec30a8a","tarball":"https://registry.npmjs.org/@canvasgfx/devices/-/devices-0.0.0.tgz","fileCount":48,"unpackedSize":580129,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZac4T7a+TtZGPgWg2XpFmL9vUJ5+oLu8HqVY6Qa0d8wIhAOfsrDZsq6v0eIiJG3CWqOY2uj6BN/vkMC6ITB+Bv8VK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2rwCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokXA//evPe+ALQslWZJAeAW3heLP8x3MDUZA8wfJBrL7XpwDgR8Qj0\r\naQsHZictgWMz4HJdXqHGV8ew3BB5rYEWsckewtW2Bpbk07nUnIERq7by+wCw\r\nLErM8KcB+LhClkFu9itIqTWlsb2aS2XWwMWHJT+WjYPCmIlrY+UwPuC5tg4A\r\nX6r9qvfYHNlZtsffI+jXJDAnHMmiDdhmO9YLZ9h0LIA3yBobFuRwHoYfP25c\r\nh7wEGV/L/iwLttjvGlmjPeU3L5pDyArh7ikDFynq3X5rQVEBQi6rhttOV6o1\r\n5aaQk8sAYSSKS/WxLKXlnWsqk18AJzP5/TOEnn8UD/FNS3KnGmAVaLDD1YR2\r\n/fimoP1u/9CLAc9m14LEvF6jV6j1vCHxIo+IU2KUeCG7UKlZgKn8CsiV/f+p\r\n9XBH3qZM8psN00bS1tnmWKhX+9hj2L8wzQiwoz3fWSOkNn+uiWCyQQCfUiC8\r\nLLcwS5YwEGWWXbl9In/+5VjJjUHC7NpT3yDunhVEYan6Xks8L7dvM8becHkP\r\nZBUBsNn+GooYWSmA23t+a9J/Sk8x58WZlYMlbN6PEbjzHGHzfm7HmH6KGYj1\r\nWZ8YmfxqD+Mt+2Q2WZYBGuh7+gXHdRk+2H5V5Gp6v/Efau0hgHrK11DKXTw9\r\nNJcdowCpSsd0mY7WPQUaKxpAgSR8CXa09MA=\r\n=iRfY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jbrousseau","email":"jeanbaptiste.rousseau@gmail.com"},"directories":{},"maintainers":[{"name":"jbrousseau","email":"jeanbaptiste.rousseau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/devices_0.0.0_1675279362455_0.07022165398699776"},"_hasShrinkwrap":false},"1.0.1":{"name":"@canvasgfx/devices","version":"1.0.1","description":"Angular library that simplifies working with desktop, tablet and mobile devices.","author":{"name":"reactgular.com"},"homepage":"https://reactgular.com/","license":"MIT","repository":{"type":"git","url":"git+https://github.com/canvasgfx/devices.git"},"bugs":{"url":"https://github.com/canvasgfx/devices/issues"},"scripts":{"ng":"ng","start":"ng serve --watch --open","build":"npm run build:devices && npm run build:demo","build:devices":"ng build devices --prod && cp README.md dist/devices","build:devices:watch":"ng build devices --watch","build:demo":"ng build demo --prod --deploy-url \"https://reactgular.github.io/devices/\"","beta":"npm run lint && npm run build && cd dist/devices && npm publish --tag beta","test":"ng test","lint":"ng lint"},"dependencies":{"@angular/animations":"~10.1.1","@angular/cdk":"~10.2.1","@angular/common":"~10.1.1","@angular/compiler":"~10.1.1","@angular/core":"~10.1.1","@angular/platform-browser":"~10.1.1","@angular/platform-browser-dynamic":"~10.1.1","rxjs":"~6.6.3","tslib":"^2.0.0","zone.js":"^0.10.3"},"devDependencies":{"@angular-devkit/build-angular":"~0.1001.1","@angular-devkit/build-ng-packagr":"~0.1001.1","@angular/cli":"~10.1.1","@angular/compiler-cli":"~10.1.1","@angular/language-service":"~10.1.1","@types/jasmine":"^3.5.14","@types/jasminewd2":"~2.0.8","@types/node":"^14.10.2","bootstrap":"^4.5.2","codelyzer":"^6.0.0","jasmine-core":"^3.6.0","jasmine-spec-reporter":"~5.0.0","karma":"^5.2.2","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~3.0.2","karma-jasmine":"~4.0.0","karma-jasmine-html-reporter":"^1.5.0","ng-packagr":"^10.1.0","ts-node":"^9.0.0","tslint":"~6.1.0","typescript":"~4.0.2"},"gitHead":"83be0814bdc7bda9421816c336780188cd5c69fa","_id":"@canvasgfx/devices@1.0.1","_nodeVersion":"16.13.0","_npmVersion":"9.4.0","dist":{"integrity":"sha512-LUdf0bhzC3JvaqzX/V7zKOTBgNC2CgYgRH5Pd399V2nINpfg/gaP3Nd4jYnk/8tv+jsxPOzQWuHVmbFsMLfvHg==","shasum":"6e5e3dc3414a9bf68ea98d8f7adc704ff927e9a6","tarball":"https://registry.npmjs.org/@canvasgfx/devices/-/devices-1.0.1.tgz","fileCount":48,"unpackedSize":580129,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDV4RkLY0A20X/u5EtRbdc8DFTmseXmF6d6D9YSiFUiiwIhAIw/ZdM+QEZAMYshWgsbXknetaUlu2ANEll9NiJa7I6p"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2s9LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNiA//Sm0UaKpkrvddK/nMYwNUxwANgB3M1qPUi0oCt9rcvpwNE8e5\r\ndaoQIZIYv6NDX8T0GzjcqJrIZS8yw95l8S7ihGGvo2HpiYs+sIuZfxhOq3iz\r\nur+EWMjUelQMYE0t1igK++6j9Q6Eloz0CyU6bBFVO1b4sDzOvMNTdCWvpcUD\r\n6hcHie6oPWcXrrv+RabCJ4g4MQRdRaQmTjNsCv5hCb3Hx2eAlGpaHy+wSoNI\r\n9l2GD3+ihg4XXJkXdNUJiZ5jByzAnNE74KNnnb2ibMC9GOJBpf8lvcAOiSpA\r\nrF5Lj2ftPsIp5J+a425APzH685hRrtLTclfFd+7pG6mrfdVEyzq+wq0WjiDL\r\nIc+a9Slgm1qri7XwNy6TFREQ6ejkjDb5WmuCbdLNE25JtBETCAQu1Tb7RfXW\r\nyj7KsAeLf2OBQVZM9AYjiA+Kz3HXKqIGF+KwTJs3C+zJEotFLYYUMnK+Iimj\r\nfEaCE89zQQP52ZBYzFj6qlNEu2f6mD8BreWFwqmm8ZEL7PR7aPshRda9DLbe\r\nQOv+xAphl3bcA3g4zIsbAeiUb6c1KGh0IpZtLYPCSYjfjmsFxHO2hQuFO+7H\r\nbTnLHLCPK2jxfiDWe0XsemFzAlMxLxZnrzuA0dlYBfeMocLnZQaKJ04CF1K4\r\nQ7PIuNBiI5DVarXONWAcOkuT7hcuHB3kl1c=\r\n=ktQc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jbrousseau","email":"jeanbaptiste.rousseau@gmail.com"},"directories":{},"maintainers":[{"name":"jbrousseau","email":"jeanbaptiste.rousseau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/devices_1.0.1_1675284299009_0.21015705717474598"},"_hasShrinkwrap":false},"2.0.1":{"name":"@canvasgfx/devices","version":"2.0.1","description":"Angular library that simplifies working with desktop, tablet and mobile devices.","author":{"name":"reactgular.com"},"homepage":"https://reactgular.com/","license":"MIT","repository":{"type":"git","url":"git+https://github.com/canvasgfx/devices.git"},"bugs":{"url":"https://github.com/canvasgfx/devices/issues"},"keywords":["angular","media","cdk"],"dependencies":{"tslib":"^2.0.0"},"peerDependencies":{"@angular/common":"^10.0.0","@angular/core":"^10.0.0","@angular/cdk":"^10.0.0"},"main":"bundles/canvasgfx-devices.umd.js","module":"fesm2015/canvasgfx-devices.js","es2015":"fesm2015/canvasgfx-devices.js","esm2015":"esm2015/canvasgfx-devices.js","fesm2015":"fesm2015/canvasgfx-devices.js","typings":"canvasgfx-devices.d.ts","metadata":"canvasgfx-devices.metadata.json","sideEffects":false,"gitHead":"c275cf3bac8a9a91b6ee54758109ff5b11723a50","_id":"@canvasgfx/devices@2.0.1","_nodeVersion":"16.13.0","_npmVersion":"9.4.0","dist":{"integrity":"sha512-ahIjyOHqFh2E3B0zHttjCrA/uUvovMtysYpx7FZgaQZji/te/B4SNN1ZF8r00tipcWtVstu2xKhrha+7CkElhA==","shasum":"8fc79a6205bf11ccf166acb6cb5c86824a0605f2","tarball":"https://registry.npmjs.org/@canvasgfx/devices/-/devices-2.0.1.tgz","fileCount":21,"unpackedSize":61188,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPFnnulhV+BsSRgS1YgumOWn1mGoxdl7n+PY1Huic9igIhALpIwnakzbsX1kxwn1HMpEVbap7Iio2m607tqsM6j7mD"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2tC1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrykg/+MMWTDto/k5i9xaEWGVkXPBjv8r5oYD/3BuE6ggSPxd/yQ+Em\r\n+3tbzIPr4F6cID0/QdVfGGvv+ebPm3/iedN99bPKT5ywOMmBFF2tXNJ4mZCQ\r\n9DsM/fuVSOTuyO5aLyGLVGXhc89SMrTBrdCyHG7hN5kBBRWa3ARNdDMklIsr\r\nNq5EOelmghIIf4+CqEnzjCaMYkmuYnpNbv5RzHf1vWApBwSxfjdVdmmPY5sm\r\nIKpBP+gkKJgQF/TGj1QmrLX3/w/AQ6zd89hL14kqRqEiVLrUBE8KvCae742Y\r\neARpUJl+9rEbRuYi+W5JZHIH1nwR5TxmhVAt7GjMGAMYyEeVtQ5aXlFz4Xr1\r\ngxige2OjoiUEIYXgwE4QI7hhMGHmw9JgJlIbUyu4sNYRl7gG5Z/fNT3p9eC8\r\nTMr1Q1TctQ9UztoBSfliMGEFUN88kk5YQ4P2cmKYQJ4IINyA+bdxcWTlEShf\r\nxzI+wCdzv5xe2UQs3CjEL/cUdOaTGB0fXmFaCb1W/7gOEteO4czJxvPNCGoC\r\nhuGoGIWHrF2hMPWGYY6Ih7P+O3XRjsoTeFk/FrCpk4ACjpq8pwwwSBBgq3Nw\r\nXkTHNKafc1AKPsxLqL+CenU/pL99K0EHPOW0rOCR9WQlLZd/le6QPCTJ/xVr\r\nt/mi69whSlyGmoAERKnmHxBTpFytq+kKIrk=\r\n=vBPP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jbrousseau","email":"jeanbaptiste.rousseau@gmail.com"},"directories":{},"maintainers":[{"name":"jbrousseau","email":"jeanbaptiste.rousseau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/devices_2.0.1_1675284661613_0.3377274387765363"},"_hasShrinkwrap":false}},"time":{"created":"2023-02-01T19:22:42.379Z","0.0.0":"2023-02-01T19:22:42.891Z","modified":"2023-02-02T14:36:40.051Z","1.0.1":"2023-02-01T20:44:59.319Z","2.0.1":"2023-02-01T20:51:01.765Z"},"maintainers":[{"email":"alex.hughes000@gmail.com","name":"g0ddish"},{"email":"jeanbaptiste.rousseau@gmail.com","name":"jbrousseau"}],"description":"Angular library that simplifies working with desktop, tablet and mobile devices.","homepage":"https://reactgular.com/","repository":{"type":"git","url":"git+https://github.com/canvasgfx/devices.git"},"author":{"name":"reactgular.com"},"bugs":{"url":"https://github.com/canvasgfx/devices/issues"},"license":"MIT","readme":"[![Build Status](https://travis-ci.org/reactgular/devices.svg?branch=develop)](https://travis-ci.org/reactgular/devices)\r\n[![Coverage Status](https://coveralls.io/repos/github/reactgular/devices/badge.svg?branch=develop)](https://coveralls.io/github/reactgular/devices?branch=develop)\r\n[![npm version](https://badge.fury.io/js/%40reactgular%2Fdevices.svg)](https://badge.fury.io/js/%40reactgular%2Fdevices)\r\n\r\n# Devices\r\n\r\nDevices is an Angular library that wraps around the `BreakpointObserver`\r\nutility provided by the Angular Material CDK library.\r\n\r\n## Overview\r\n\r\nAngular Material CDK library provides a `BreakpointObserver` utility\r\nwhich emits state changes based upon screen and orientation of\r\nthe web browser. The problem with this library is that the matching \r\nrules are broad in scope, and most developers just want to\r\nknow what device the user is using.\r\n\r\nThis library simplifies the business logic of responding to changes in\r\nscreen sizes and orientation.\r\n\r\n# Install\r\n\r\nTo get started, install the package from npm. \r\n\r\n```bash\r\nnpm install @reactgular/devices\r\n```\r\n\r\nOnce installed you need to import the `DevicesModule` module into your project.\r\n\r\n```typescript\r\nimport {DevicesModule} from '@reactgular/devices';\r\n\r\n@NgModule({\r\n    ...\r\n    imports: [DevicesModule, ...],\r\n    ...\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\n\r\n# Usage\r\n\r\nYou can use the `DevicesService` in your components or services by \r\ninjecting the service. There are a number of observable properties that \r\nemit values relative to the type of device or orientation.\r\n\r\nThese properties of the service just make it easier to work with changes\r\nto the device screen.\r\n\r\n```typescript\r\nimport {DevicesService} from '@reactgular/devices';\r\n\r\n@Component({\r\n   selector: 'app-example',\r\n   template: `\r\n    <div *ngIf=\"web$ | async\">Web only</div>\r\n    <div *ngIf=\"tablet$ | async\">Tablet only</div>\r\n    <div *ngIf=\"handset$ | async\">Handset only</div>\r\n   `\r\n})\r\nexport class ExampleComponent {\r\n    public web$: Observable<boolean>;\r\n    public table$: Observable<boolean>;\r\n    public handset$: Observable<boolean>;\r\n    public constructor(devices: DevicesService) {\r\n        this.web$ = devices.web$;\r\n        this.tablet$ = devices.tablet$;\r\n        this.handset$ = devices.handset$;\r\n    }\r\n}\r\n```\r\n\r\n# Getting help\r\n\r\nYou are welcome to open issues for general support questions as well as bug reports and feature requests.\r\n","readmeFilename":"README.md","keywords":["angular","media","cdk"]}