{"_id":"@anywhere-ui/angular","_rev":"2-65161ab874d01cafc729e86db76812f4","name":"@anywhere-ui/angular","dist-tags":{"latest":"0.3.0"},"versions":{"0.2.1":{"name":"@anywhere-ui/angular","version":"0.2.1","keywords":["anywhere-ui","framework","angular","stencil","mobile","app","webapp","capacitor","cordova","electron","progressive web app","pwa"],"repository":{"type":"git","url":"git+https://github.com/adaleks/anywhere-ui.git"},"bugs":{"url":"https://github.com/adaleks/anywhere-ui/issues"},"homepage":"https://github.com/adaleks/anywhere-ui/tree/main/packages/angular#readme","peerDependencies":{"@angular/common":"^11.2.13","@angular/core":"^11.2.13","@anywhere-ui/core":"^0.2.1"},"dependencies":{"tslib":"^2.0.0"},"buildnum":"9","module":"fesm2015/anywhere-ui-angular.mjs","es2020":"fesm2020/anywhere-ui-angular.mjs","esm2020":"esm2020/anywhere-ui-angular.mjs","fesm2020":"fesm2020/anywhere-ui-angular.mjs","fesm2015":"fesm2015/anywhere-ui-angular.mjs","typings":"anywhere-ui-angular.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./anywhere-ui-angular.d.ts","esm2020":"./esm2020/anywhere-ui-angular.mjs","es2020":"./fesm2020/anywhere-ui-angular.mjs","es2015":"./fesm2015/anywhere-ui-angular.mjs","node":"./fesm2015/anywhere-ui-angular.mjs","default":"./fesm2020/anywhere-ui-angular.mjs"}},"sideEffects":false,"description":"AnywhereUI integration for Angular apps.","_id":"@anywhere-ui/angular@0.2.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-XgGWv9OgNHM1Z6g9xOC5aZLEVAvF44axORyytv4S9rP/t2R8xkXSKJYGuDewXsSp6lw3sShCT75ybjbs9gLA5Q==","shasum":"9f73864b41d5ccf07dcd1fa712a09fc37d41de66","tarball":"https://registry.npmjs.org/@anywhere-ui/angular/-/angular-0.2.1.tgz","fileCount":32,"unpackedSize":299093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiG7RxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkUQ//XuPcF3i6ts6sTmGVmJb0+ke8XJC4h1Stc15ToyE96YEBR08e\r\nsSgoKOAx9kN6taj2jv+OgEUtLI9X5dPyiQCPDm/DAfcDreCV/F+DUurI0NF/\r\n7juP2fQYhJ3hkvQQbCFF6912bmq63pdbu/V7yB3+EDqlvpTT8i9un7zhmtY+\r\nQwjeJxapEjzZMhWVr0R7zW+IVWjqbKJyIbTmzoo6s+u6i7gk6taYMenWf0/v\r\ntsaAShxiKDJO4vZML9voWe9pnBYZClRup8rG8WuDgQJw/hfouvQ93XnHee4u\r\n6Ip4e2GCm3qoAgm6ZKFihzbWu336bAIUvB1PjpFgtuE+MsOshtuyLM13OgIO\r\nHpARyykxQOvQnu3V8VBAj+ikRvu5TgTMmie4nJSuw1A3kMhjLOOkCxEROId9\r\nF1XGvaL4ygItXlTOfSqayKEZI4kPw84scQak/VSOw7MoQlERk1GH6TrZ5lFY\r\nlWvi/oTKbEXcM/vukCzkFrT/o19QZp90zDxYy8SY4hSZ8Jhfw+P0PU2OoGuT\r\nRv3wFvUakROrxpADrv+llabEK8lHW2qIpRhhKFnflu4M7DkKM9IholFuVZO+\r\nYEKL4N8PFrAorl4R95C08ph2d9bWP6vBdmrsNPRcNbF64GjjoJdyp8/chAre\r\nHPsaPS5sBp48N1CmaHjL/gkNJZLNp2i2I/c=\r\n=cOtY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICd3CYsBOkCW9etAYOV9XOHL0gdwITbOTE/fXnO4wkdLAiEAg0PZxEe/ceZPkowNRh3c2oyhsBpk1QQphC32fEVcG/M="}]},"_npmUser":{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"},"directories":{},"maintainers":[{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular_0.2.1_1645982833115_0.7897958618414445"},"_hasShrinkwrap":false},"0.3.0":{"name":"@anywhere-ui/angular","version":"0.3.0","license":"MIT","keywords":["anywhere-ui","framework","angular","stencil","mobile","app","webapp","capacitor","cordova","electron","progressive web app","pwa"],"repository":{"type":"git","url":"git+https://github.com/adaleks/anywhere-ui.git"},"bugs":{"url":"https://github.com/adaleks/anywhere-ui/issues"},"homepage":"https://github.com/adaleks/anywhere-ui/tree/main/packages/angular#readme","peerDependencies":{"@angular/common":"^11.2.13","@angular/core":"^11.2.13"},"dependencies":{"tslib":"^2.0.0","@anywhere-ui/core":"^0.3.0","@anywhere-ui/flex":"^1.0.2"},"buildnum":"13","module":"fesm2015/anywhere-ui-angular.mjs","es2020":"fesm2020/anywhere-ui-angular.mjs","esm2020":"esm2020/anywhere-ui-angular.mjs","fesm2020":"fesm2020/anywhere-ui-angular.mjs","fesm2015":"fesm2015/anywhere-ui-angular.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/anywhere-ui-angular.mjs","es2020":"./fesm2020/anywhere-ui-angular.mjs","es2015":"./fesm2015/anywhere-ui-angular.mjs","node":"./fesm2015/anywhere-ui-angular.mjs","default":"./fesm2020/anywhere-ui-angular.mjs"}},"sideEffects":false,"description":"AnywhereUI integration for Angular apps.","_id":"@anywhere-ui/angular@0.3.0","_nodeVersion":"14.21.2","_npmVersion":"6.14.17","dist":{"integrity":"sha512-2gJAYUsSYHf49YYXMkgKTZoaDeerbJfIu2YWx5YBclyMC8Djrd8De9o7+uN93g+sXd5UQYLHAs7XtodRsuj+5A==","shasum":"a7120c8672d1b9a0766cbee7261c55fd93012d10","tarball":"https://registry.npmjs.org/@anywhere-ui/angular/-/angular-0.3.0.tgz","fileCount":34,"unpackedSize":383372,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICRRIPD+QucQuNoUhqaHXKsjEUQRp34+2GANmuvkRHymAiA+ukyuIOQmMydjE+W6yn5kr/ej3DvbxNLMYxsMD4Smkw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7TLjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoorA//X9N6UYxib+UXB8V4ep2Q5bVJw5t7IyHRWDF7pOkttfSdIOR8\r\nr2pd1b9Bj0HtC+d+jeixxw5GFTsOpPww0SKjNZje8/wyqdSyH08UY8O2aGjr\r\nyE3gtiIvP2bRgz5mtCezAs0ZPzeS6CtDyVxA6V7gpfxvUJxbVXaPbuX0kQ2a\r\nXvs/GsSG3xpOUjwu3mU+tf91kpLT7IQIza4JlwjqLknqoFqWj3im4Q94+O1P\r\nuZvk84u/uityycYU88AdGvY71KdDABdMRH0zFGwQAxkiYZEbixifT+QhH5Cu\r\nzkHbbxWOAHaSXR5QhwsvW6usCwwRUCfv/k0CW4cucq7SCKgQD+5QO/7crh6R\r\nD3yEZIJXn/yEPgEp/n0DkMB5AXKkTwiNQfh1cvTR0uEZcppGMkq2HSiq8Lyo\r\ndY0wh3jPyIN8iR7xlBSQVS42ID1nszPmGpqAoJ04rbTrOdZQFZxY60ChKXkM\r\nJYIxTgYsKEcH2gvNHRJZ0bY+qrgc6pC9JP2JO4ai/3vpCWcS7ay8OjZAARAg\r\na2xXcFm2Hk98iIqXEC9LInHO5xzpxZayCiG0tzcwCd4MbOrj+EKORdYxSsJN\r\ncIqZLpZ4F9unBmOpRx9gxm74iwjWkWI74IGg1f/AJJWXxGQCQVu1x5O3cRhj\r\nNjGYRcoSN8hZqvm1Sx+pja0Axpv+JQ+L+To=\r\n=a/ja\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"},"directories":{},"maintainers":[{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular_0.3.0_1676489443323_0.36165838450484955"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-27T17:27:13.031Z","0.2.1":"2022-02-27T17:27:13.473Z","modified":"2023-02-15T19:30:43.596Z","0.3.0":"2023-02-15T19:30:43.470Z"},"maintainers":[{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"}],"description":"AnywhereUI integration for Angular apps.","homepage":"https://github.com/adaleks/anywhere-ui/tree/main/packages/angular#readme","keywords":["anywhere-ui","framework","angular","stencil","mobile","app","webapp","capacitor","cordova","electron","progressive web app","pwa"],"repository":{"type":"git","url":"git+https://github.com/adaleks/anywhere-ui.git"},"bugs":{"url":"https://github.com/adaleks/anywhere-ui/issues"},"readme":"# @anywhere-ui/angular\n\nAnywhereUI integration for Angular apps.\n\n@anywhere-ui/angular combines the core AnywhereUI experience with the tooling and APIs that are tailored to Angular Developers.\n\n## Angular\n\nAngular has a pretty good story for integration with web components but there are a few issues with the developer experience. If you want to know what the story is without the bindings go here: https://stenciljs.com/docs/angular.\n\nWith bindings the web components get wrapped in an Angular component and then immediately become available as Angular Components. Some of the advantages of doing this are that you get types for your components and you also get the ability to use ngmodel on inputs. Your developers then consuming your web components from Angular applications import an actual Angular Library and to them it feels as though they are interacting with Angular components.\n\n## Install\n\n```bash\nnpm install @anywhere-ui/angular\n```\n\n## Style\n\nThe css dependencies should be added in `angular.json` file\n\n```json\n{\n  ...\n\n  \"build\": {\n    ...\n\n    \"options\": {\n      \"styles\": [\n          \"./node_modules/@anywhere-ui/core/dist/anywhere-ui/anywhere-ui.css\"\n      ],\n    }\n  },\n  ...\n\n  \"test\": {\n    \"styles\": [\n        \"./node_modules/@anywhere-ui/core/dist/anywhere-ui/anywhere-ui.css\"\n    ],\n  }\n\n  ...\n\n}\n```\n\n## Usage\n\n```ts\nimport { AnywhereUiModule } from '@anywhere-ui/angular';\n\n@NgModule({\n  ...\n  imports: [\n    AnywhereUiModule.forRoot(),\n  ],\n  ...\n})\nexport class AppModule { }\n```\n\n## Config\n\nAnywhereUI Config provides a way to change the properties of components globally across an app. It can set the ripple effect, app mode, animations, and more.\n\n### Global Config\n\nTo override the initial AnywhereUI config for the app, provide a config in `AnywhereUiModule.forRoot` in the `app.module.ts` file.\n\n```ts\nimport { AnywhereUiModule } from '@anywhere-ui/angular';\n\n@NgModule({\n  ...\n  imports: [\n    BrowserModule,\n    AnywhereUiModule.forRoot({\n      rippleEffect: false,\n    }),\n    AppRoutingModule\n  ],\n  ...\n})\n```\n\n## Config Options\n\nBelow is a list of config options that AnywhereUI uses.\n\n| Config       | Type    | Default | Description                                     |\n| ------------ | ------- | ------- | ----------------------------------------------- |\n| rippleEffect | boolean | true    | If `true` adds ripple effect to the components. |\n","readmeFilename":"README.md","license":"MIT"}