{"_id":"@a15-ghm/gh-ui","_rev":"11-dd6cf564f1db5bc4afd7de9e7a34ead7","name":"@a15-ghm/gh-ui","dist-tags":{"latest":"2.0.0"},"versions":{"1.0.0":{"name":"@a15-ghm/gh-ui","version":"1.0.0","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"description":"This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"author":"","license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"sideEffects":false,"gitHead":"72084aa5397e861c2eea7a5f94e1e0b0cfede150","_id":"@a15-ghm/gh-ui@1.0.0","_nodeVersion":"16.20.0","_npmVersion":"8.19.4","dist":{"integrity":"sha512-WhR4fQ68vQq3rJBscVGvXk6I2N51z29EVopCo7uoqG5FAKMI56v8MyrRXhvAjbjPfZvoKl53odpOWjktY27RAQ==","shasum":"a688d6b8a2f09897225a0cdcfdf1c1a3df3529d7","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.0.0.tgz","fileCount":22,"unpackedSize":61826,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHc1cGk6+2aLXXjxGfz/fNZQmY79EG/oKQEekxveW+1/AiEA7R0TFG0pm7VlglACYp56jWw9xDBkOGRWQzeMhcggGqU="}]},"_npmUser":{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},"directories":{},"maintainers":[{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.0.0_1686760030995_0.062605377976229"},"_hasShrinkwrap":false},"1.0.1":{"name":"@a15-ghm/gh-ui","version":"1.0.1","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"gitHead":"37ec75af20a59ea507aa0621ed0345ac262de727","_id":"@a15-ghm/gh-ui@1.0.1","_nodeVersion":"16.20.0","_npmVersion":"8.19.4","dist":{"integrity":"sha512-xgafm2zVAeiMRjZbvNHUr0B3JjuH8z1leXfo88Mp16kiVii4m4lRXfkyesQvsTnF/4LPYswLC8rh8WvGCIMfjA==","shasum":"24aeca3f37519159f62c16e3ed33e540d6d6859d","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.0.1.tgz","fileCount":22,"unpackedSize":61735,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIETog86h7uObvMUWXPs5VQ/PAaUMF+UbCtFkM3d5+7glAiEA1Kwt/0PiyvFB1mn1dXf4Mo94JhCAWLQTBTgiEruL2CU="}]},"_npmUser":{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},"directories":{},"maintainers":[{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.0.1_1686833448360_0.7903995456981006"},"_hasShrinkwrap":false},"1.0.2":{"name":"@a15-ghm/gh-ui","version":"1.0.2","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"gitHead":"faaba81eaf2b937bc016cb4a234dcc7a0cde2a60","_id":"@a15-ghm/gh-ui@1.0.2","_nodeVersion":"16.20.0","_npmVersion":"8.19.4","dist":{"integrity":"sha512-qIvqMN4eLblAXmMjm8njreFGXZdF2xYzir2VVQ25DFSmBxt6XhnNBL2TXZEx742UZtX5kbCnf4zUmL+AVHoOZw==","shasum":"6185321c71e017efcc4e5117981d4e1a2499e42d","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.0.2.tgz","fileCount":22,"unpackedSize":63586,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUNls5oa+iOqN41cRfMTUgwM5G13tvGYaKFf/yoF4tTAIgdWxhc6+LOrnjU13kuI4S5BVzudhc+azXTH3c4W/p0Dc="}]},"_npmUser":{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},"directories":{},"maintainers":[{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.0.2_1686841566501_0.25303319467072805"},"_hasShrinkwrap":false},"1.1.0":{"name":"@a15-ghm/gh-ui","version":"1.1.0","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"gitHead":"9e530ffae016f1c66f3ae964749f5b1d037ddf9a","_id":"@a15-ghm/gh-ui@1.1.0","_nodeVersion":"18.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-bnIvAd1QpglowtwAD4WevE8JIAT6aa+3FS9EZ/+sBq67adOggugz6v24QISAK0/Trql58W9jGfqOj8+aHW7dvQ==","shasum":"550b7af75605590142a4bae0fc4c83385b3ec08b","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.1.0.tgz","fileCount":22,"unpackedSize":61411,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICZ/uYDDZzhPQd/N1qNix6ycndfRua5pl68Ndjpf8sH+AiAxOZVF3xUD45ET3Ch8LIS4mmB3V/ceMMmeFO9fdgiUTQ=="}]},"_npmUser":{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},"directories":{},"maintainers":[{"name":"danni.liu","email":"danni.liu@goldenhippo.com"},{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.1.0_1687522229282_0.19121630109146648"},"_hasShrinkwrap":false},"1.2.0":{"name":"@a15-ghm/gh-ui","version":"1.2.0","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"gitHead":"a5390a2237ad9c290e71beeb6e14ed9e82407923","_id":"@a15-ghm/gh-ui@1.2.0","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-hAGPKNMR5KRVx6pjJ91m6q9unLBA4HZJP3BWHPv7EElrUf7p/LoilmQP0cHbj00N7o1d9sRSxWjMrrXwvSsr+A==","shasum":"e7e3dfe5973716838c24c433dcb0b314dc2d6362","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.2.0.tgz","fileCount":22,"unpackedSize":61411,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH0UVoNtXVbsuQtl2JdCCpxc7td01GjRJVm3BSohE5mvAiB8QtBMkGdPMBZmCNeAJR8th0jr2eeicv6lmEg/nonuZA=="}]},"_npmUser":{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},"directories":{},"maintainers":[{"name":"danni.liu","email":"danni.liu@goldenhippo.com"},{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.2.0_1688555383058_0.9049135651591764"},"_hasShrinkwrap":false},"1.4.0":{"name":"@a15-ghm/gh-ui","version":"1.4.0","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"gitHead":"4a84102045001b616f188dff3b86361ac7e62a00","_id":"@a15-ghm/gh-ui@1.4.0","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-83BDToKEUlE9Mw3oOn5v66qYQj0ytrE4NvTkzWDzZBKl0FVZHoZUcm6s2MIdnTOOQvxWezDcENVHfxdGllKBpg==","shasum":"7d503607fd2c402ecc789442eecf20b0e47a2853","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.4.0.tgz","fileCount":42,"unpackedSize":168820,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE983Acknf9RHYwygxCNVrdlSRY/Cs6P8n5jy1dyAOi7AiEAwHJJzVZqQp51L/dwkIsgGrYxJtMQ2gK0vAiyhfB12B4="}]},"_npmUser":{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},"directories":{},"maintainers":[{"name":"danni.liu","email":"danni.liu@goldenhippo.com"},{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.4.0_1693326885440_0.6810445428714218"},"_hasShrinkwrap":false},"1.4.2":{"name":"@a15-ghm/gh-ui","version":"1.4.2","peerDependencies":{"@angular/common":"^15.2.0","@angular/core":"^15.2.0"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2015/a15-ghm-gh-ui.mjs","es2020":"fesm2020/a15-ghm-gh-ui.mjs","esm2020":"esm2020/a15-ghm-gh-ui.mjs","fesm2020":"fesm2020/a15-ghm-gh-ui.mjs","fesm2015":"fesm2015/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/a15-ghm-gh-ui.mjs","es2020":"./fesm2020/a15-ghm-gh-ui.mjs","es2015":"./fesm2015/a15-ghm-gh-ui.mjs","node":"./fesm2015/a15-ghm-gh-ui.mjs","default":"./fesm2020/a15-ghm-gh-ui.mjs"}},"_id":"@a15-ghm/gh-ui@1.4.2","gitHead":"da27a593e26c0375e1c1d5d5c9b06904abd9cfbc","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-WYwEStDLLkzlhjhrWy1cwJGZpzyaihsONS+c7bAuikcqiYeeApWSHrJGPf7RyI90ID1EbDav3sSnt2EIGJrC1A==","shasum":"a08c0fba2458d879b0ec296b5f294bc75d7fb9ea","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-1.4.2.tgz","fileCount":42,"unpackedSize":169006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDq8oi3Ry85k4d7D4H7Yb0qcPjoArS+EhRhfRoHHOWATQIhALBlCw639lRq43TAemT9d7tO3pDDLhBZGhLxQmMJ0m+C"}]},"_npmUser":{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},"directories":{},"maintainers":[{"name":"devops-ghm-npm","email":"dev@goldenhippo.com"},{"name":"danni.liu","email":"danni.liu@goldenhippo.com"},{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_1.4.2_1696513242804_0.5056173011407594"},"_hasShrinkwrap":false},"2.0.0":{"name":"@a15-ghm/gh-ui","version":"2.0.0","peerDependencies":{"@angular/common":"^16.2.12","@angular/core":"^16.2.12"},"dependencies":{"tslib":"^2.3.0","@angular/cdk":"^15.2.9","@angular/material":"^15.2.9"},"sideEffects":false,"description":"GoldenHippo UI components.","main":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"license":"ISC","bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","module":"fesm2022/a15-ghm-gh-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/a15-ghm-gh-ui.mjs","esm":"./esm2022/a15-ghm-gh-ui.mjs","default":"./fesm2022/a15-ghm-gh-ui.mjs"}},"_id":"@a15-ghm/gh-ui@2.0.0","gitHead":"da6ede3e496f8a067b17a675b968d435a53947b6","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-0nwiAVmOCGjf32iCwXRw8l/gYAYkdOSLP6QZzGW0scFmvd+yC7fps13mc9moUWoGNv7crWhAiu/ZyeXxja+6TA==","shasum":"989e9103ec9c0102da599e011167954d3212ef57","tarball":"https://registry.npmjs.org/@a15-ghm/gh-ui/-/gh-ui-2.0.0.tgz","fileCount":40,"unpackedSize":123534,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4briWzzCll5aZh+heDk7txmriQJcePF0EHSN0CwsyrgIhAPVIiioyoTxZVP9Ql5BvcjpHLJ64teRn0z6J/nMusgHx"}]},"_npmUser":{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},"directories":{},"maintainers":[{"name":"devops-ghm-npm","email":"dev@goldenhippo.com"},{"name":"danni.liu","email":"danni.liu@goldenhippo.com"},{"name":"s.bely","email":"s.bely@itransition.com"},{"name":"kiskina_victoria","email":"v.kiskina@itransition.com"},{"name":"sergey.kuzovlev","email":"s.kuzovlev@itransition.com"},{"name":"s.bozhik","email":"s.bozhik@itransition.com"},{"name":"brian.park","email":"brian@goldenhippo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/gh-ui_2.0.0_1700220357284_0.2893588743042912"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-14T16:27:10.905Z","1.0.0":"2023-06-14T16:27:11.159Z","modified":"2024-05-21T15:51:07.295Z","1.0.1":"2023-06-15T12:50:48.520Z","1.0.2":"2023-06-15T15:06:06.655Z","1.1.0":"2023-06-23T12:10:29.474Z","1.2.0":"2023-07-05T11:09:43.207Z","1.4.0":"2023-08-29T16:34:45.664Z","1.4.2":"2023-10-05T13:40:43.065Z","2.0.0":"2023-11-17T11:25:57.493Z"},"maintainers":[{"email":"dev@goldenhippo.com","name":"devops-ghm-npm"},{"email":"danni.liu@goldenhippo.com","name":"danni.liu"},{"email":"v.kiskina@itransition.com","name":"kiskina_victoria"},{"email":"s.kuzovlev@itransition.com","name":"sergey.kuzovlev"},{"email":"brian@goldenhippo.com","name":"brian.park"}],"description":"GoldenHippo UI components.","homepage":"https://github.com/GoldenHippoMedia/gh-ui#readme","repository":{"type":"git","url":"git+https://github.com/GoldenHippoMedia/gh-ui.git"},"bugs":{"url":"https://github.com/GoldenHippoMedia/gh-ui/issues"},"license":"ISC","readme":"# gh-ui\n\nGoldenHippo UI components.\n\n## Installation\n\nTo use the `gh-ui` library in your Angular project, follow these steps:\nInstall the `gh-ui` library by running the following command\n`npm install --save @a15-ghm/gh-ui`\n\n## GhUiSnackbarComponent\n\nThis component allows you to display customizable snackbars in your Angular application.\n\n### Importing the GhUiSnackbarComponent\n\nOnce you have installed the `gh-ui` library, you can import the `GhUiSnackbarComponent` in your Angular application.\n\n1. Open the module file (app.module.ts) where you want to use the `GhUiSnackbarComponent`.\n2. Import the necessary modules and components:\n3. Use the `GhUiSnackbarComponent` in your Angular application\n\n```ts\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { AppComponent } from './app.component';\nimport { GhUiLibModule, GhUiSnackbarComponent } from '@a15-ghm/gh-ui';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule, GhUiLibModule, MatToolbarModule, BrowserAnimationsModule, MatCardModule, MatButtonModule],\n  providers: [GhUiSnackbarComponent],\n  bootstrap: [AppComponent],\n})\nexport class AppModule {}\n```\n\n### Using the GhUiSnackbarComponent\n\nTo show a custom snackbar using the `GhUiSnackbarComponent`, you can call the `show()` method\nand pass the necessary data.\n\n```ts\nimport { Component, OnInit } from '@angular/core';\nimport { GhUiSnackbarComponent } from '@a15-ghm/gh-ui';\nimport { GhUiSnackbarConfig } from './app.config';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss'],\n})\nexport class AppComponent implements OnInit {\n  constructor(private snackbarComponent: GhUiSnackbarComponent) {}\n\n  ngOnInit(): void {}\n\n  showSnackbar() {\n    this.snackbarComponent.show(GhUiSnackbarConfig);\n  }\n}\n```\n\nIn the example above, the `show()` method in the `AppComponent` class demonstrates how to use the\n`GhUiSnackbarComponent` to show a custom snackbar with a `header`, `message`, and `delay`, that are\nsaved in `GhUiSnackbarConfig`.\n\n```ts\nimport { ISnackBarData } from '@a15-ghm/gh-ui';\n\nexport const GhUiSnackbarConfig: ISnackBarData = {\n  header: 'Header', //Header text of snackbar component\n  message: 'Main text', //Message text of snackbar component\n  showWithDelay: false, //On or off showing snackbar component after delayTimeMs (not necessary)\n  delayTimeMs: 12000, //Number of ms after which we should show component again (not necessary)\n};\n```\n\n---\n\n## GhUiSpinnerComponent\n\nThis component allows you to display customizable spinners in your Angular application.  \nThis component contains two types of spinners:\n\n1. Default spinner from angular material.\n2. Gif spinner.\n\nThere are two options for these spinners:\n\n1. Common Spinner. It's placed in the `center` of the screen and `has overlay`.\n2. Local spinner. It's `located` wherever `you put it`.\n\n### Using the GhUiSpinnerComponent\n\n#### Importing the GhUiSpinnerComponent\n\nOnce you have installed the `gh-ui` library, you can import the `GhUiSpinnerComponent` in your Angular application.\n\n1. Open the module file (app.module.ts) where you want to use the `GhUiSpinnerComponent`.\n2. Import the necessary modules and components:\n3. Use the `GhUiSpinnerComponent` in your Angular application.\n\n```ts\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { AppComponent } from './app.component';\nimport { GhUiLibModule, GhUiSpinnerComponent } from '@a15-ghm/gh-ui';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule, GhUiLibModule, MatToolbarModule, BrowserAnimationsModule, MatCardModule, MatButtonModule],\n  providers: [GhUiSpinnerComponent],\n  bootstrap: [AppComponent],\n})\nexport class AppModule {}\n```\n\n#### Using in HTML:\n\n1. Default spinner.\n   Customization includes choice of color, diameter, as well as displaying strictly in the center of the screen or freely configurable location in your application.\n\n`API:`\n\nAll inputs are optional.\n\n- @Input() color: string. - spinner color. `The default is blue`.\n- @Input() diameter: string- The diameter of the spinner. `The default is 100`.\n- @Input() isCommonSpinner: boolean - Whether the spinner should be positioned in the center of the screen. `The default is true`.\n\n2. Gif spinner.\n   Customization includes passing an url for the gif, and choosing to display strictly in the center of the screen or a freely configurable location in your application.\n\n`API:`\n\n- @Input() spinnerUrl: string - `Required parameter`. If not specified, the default spinner will appear.\n- @Input() isCommonSpinner: boolean - Not a required parameter.  \n  Whether the spinner should be positioned in the center of the screen. `The default is true`.\n\n#### Using in TS\\JS\n\n`API:`\n\nThe spinner is immediately shown when added to the HTML.  \n`Show/hide` the spinner with \\*ngIf.\n\nExamples:\n\n##### TS\\JS:\n\n```ts\nimport { Component, OnInit } from '@angular/core';\nimport { GhUiSpinnerComponent } from '@a15-ghm/gh-ui';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss'],\n})\nexport class AppComponent implements OnInit {\n  public isShown = false;\n\n  showBaseSpinner() {\n    this.isShown = true;\n  }\n\n  hideBaseSpinner() {\n    this.isShown = false;\n  }\n}\n```\n\n##### HTML:\n\n1. Default spinner\n\n```html\n<gh-ui-spinner *ngIf=\"isShown\"></gh-ui-spinner>\n<gh-ui-spinner *ngIf=\"isShown\" [color]=\"black\"></gh-ui-spinner>\n<gh-ui-spinner *ngIf=\"isShown\" [color]=\"rgb(59, 15, 59)\" [diameter]=\"150\"></gh-ui-spinner>\n<gh-ui-spinner *ngIf=\"isShown\" [color]=\"#46a35e\" [diameter]=\"30\" [isCommonSpinner]=\"false\"></gh-ui-spinner>\n```\n\n2. Gif spinner\n\n```html\n<gh-ui-spinner *ngIf=\"isShown\" [spinnerUrl]=\"'https://test.com'\"></gh-ui-spinner>\n<gh-ui-spinner *ngIf=\"isShown\" [spinnerUrl]=\"'https://test.com'\" [isCommonSpinner]=\"false\"></gh-ui-spinner>\n```\n\n## GhUiToastComponent\n\nThis component allows you to display standard toast message types (Success, Error and Warn) and customize them by passing styles as incoming parameters.\n\n### Importing the GhUiToastComponent and GhUiToastService\n\nOnce you have installed the `gh-ui` library, you need to import the `GhUiToastComponent` and `GhUiToastService` into your Angular application.\n\n1. Open the module file (app.module.ts) in which you want to use the `GhUiToastComponent` and `GhUiToastService`.\n2. Import the required modules and components\n3. Use the `GhUiToastComponent` in your Angular application\n\n```ts\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { AppComponent } from './app.component';\nimport { GhUiLibModule, GhUiToastComponent, GhUiToastService } from '@a15-ghm/gh-ui';\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule, GhUiLibModule, BrowserAnimationsModule],\n  providers: [GhUiToastComponent, GhUiToastService],\n  bootstrap: [AppComponent],\n})\nexport class AppModule {}\n```\n\n### Using the GhUiToastComponent\n\n#### Standard toast message\n\nTo display a standard toast message using the `GhUiToastComponent`, you need to inject `GhUiToastService` (or import it in the constructor), and call the `showToast()` method with your options\n\n```ts\nimport { Component, inject } from '@angular/core';\n\nimport { GhUiToastService, ToastType } from '@a15-ghm/gh-ui';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss'],\n})\nexport class AppComponent implements OnInit, OnDestroy {\n  private toastService = inject(GhUiToastService);\n\n  showToast() {\n    this.toastService.showToast({ message: 'success', type: ToastType.Success });\n  }\n\n  clearToasts() {\n    this.toastService.clearToasts();\n  }\n}\n```\n\nThe next step is to use the GhUiToastComponent's selector (<gh-ui-toast>) as a directive in template. You can add it anywhere\n\n```html\n<gh-ui-toast></gh-ui-toast>\n```\n\nIn the example above, the `showToast()` method in the `AppComponent` class demonstrates the use of the\n`GhUiToastComponent` to display a standard toast with the basic required options. You can also use the `clearToasts()` method to close ALL toast messages\n\nBelow is an example of all the possible options that can be changed and passed to `showToast()`:\n\n```ts\nimport { IToastOptions, ToastType, ToastPosition } from '@a15-ghm/gh-ui';\n\nconst config: IToastOptions = {\n  message: 'message', // Text of toast message (required), HTML support\n  type: ToastType.Success, // Type of toast message (required)\n  position: ToastPosition.Bottom, // Position of toast message (not necessary, by default is ToastPosition.Top)\n  isAutoClose: true, // Automatic or manual closing toast message (not necessary, by default is false)\n  duration: 3000, // Duration in ms of showing toast message (not necessary, by default is 5000ms). If it is passed, the isAutoClose option will be true\n  header: 'HEADER', // Header's text of toast message (not necessary, by default is missing and not show), HTML support\n  customCss: {\n    // Css styles for custom toast (not necessary, by default is missing and not using)\n    main: { color: 'white', backgroundColor: 'black' }, // Css styles for main content\n    header: {\n      // Css styles for header if it exists\n      fontSize: '30px',\n      border: '1px solid red',\n    },\n    button: { color: 'yellow' }, // Css styles for close button of toast message\n  },\n};\n```\n\nAll possible toast options can be found in the interface (`IToastOptions`), positions (`ToastPosition`) and types (`ToastType`) in the enums exported from the `gh-ui` library\n\n#### Custom toast message\n\nIn addition, you can customize the toast message with your own styles. To do this, just pass the css styles to the customCss option\n\n```ts\nimport { ToastType, IToastOptions } from '@a15-ghm/gh-ui';\n\nconst config: IToastOptions = {\n  message: 'Custom toast',\n  type: ToastType.Custom,\n  customCss: {\n    main: { color: 'white', backgroundColor: 'black' },\n    header: {\n      color: 'blue',\n      border: '1px solid red',\n    },\n    button: { color: 'yellow' },\n  },\n};\n```\n\nIn the example above, the `ToastType.Custom` type was used, it removes all standard styles, but you can add `customCss` option for standard toast types as well (`ToastType.Success`, etc.) if desired\n","readmeFilename":"README.md"}