{"_id":"@atheon/flex-center","_rev":"2-495b282645a452eb22740e1374b39a94","name":"@atheon/flex-center","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@atheon/flex-center","version":"1.0.0","peerDependencies":{"@angular/common":"^6.0.0-rc.0 || ^6.0.0","@angular/core":"^6.0.0-rc.0 || ^6.0.0"},"main":"bundles/atheon-flex-center.umd.js","module":"fesm5/atheon-flex-center.js","es2015":"fesm2015/atheon-flex-center.js","esm5":"esm5/atheon-flex-center.js","esm2015":"esm2015/atheon-flex-center.js","fesm5":"fesm5/atheon-flex-center.js","fesm2015":"fesm2015/atheon-flex-center.js","typings":"atheon-flex-center.d.ts","metadata":"atheon-flex-center.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"description":"The `flex-center` component (provided as `myth-flex-center`) centers itself in its parent container, and then centers its content within itself.","_id":"@atheon/flex-center@1.0.0","_npmVersion":"6.0.1","_nodeVersion":"8.11.1","_npmUser":{"name":"atheon","email":"atheon@mythoclast.net"},"dist":{"integrity":"sha512-FH0JTLiB5wFj5WoVOSImuMvcZz1NlzQClEIlryfMk6S9dG4V0XU9rt/bNRkxj3HsDcA9I7hG7Ehhowrtaw5cRw==","shasum":"6fe0266b018284b3c15c61432066bd603272ca07","tarball":"https://registry.npmjs.org/@atheon/flex-center/-/flex-center-1.0.0.tgz","fileCount":35,"unpackedSize":57998,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9+/rCRA9TVsSAnZWagAAw5EP/RCxfZBg/OHj0AIX55E6\n0nl21y5d6J7CR5Oc98Pq8ZBQKcOqjkq7rjLsUb+t6HBtaYrWnSRJDmcWvIGV\nINy1nNkG6fYK/OzLESo/R4lHFsSFUXXFO+OhvL+dY3n290+K9LM+hgoeZKUB\n9Qr7vjzfRHl2bBr46HFKgnlHQewwoPyiKz4hyWYdWXdL0uGWscxkFilgNO+w\n+KlWM0LGm7O5fx2WIY9SRS6MavIl6JBJaY+Q1URqd72o+rkyL/YrLKbxXEzj\n4nERyIYe2O43053Zf6j/tGQUL6H3OLbwkUnkjU4goLiHGkD3kinaLYuT/fBw\nwMeGoX1cCZvcLN1JdxNjU3fZK6M/6ccZN7SjaZ8jcyGpRqAYQZedvT/u/T87\nIfCHBfYzMaWv6F2AuoxVMZSFDQRxfRk1QuTmICVzDet+mowH6BDB+g/EJ66j\ncXx0wWWkKFxruiBF3e1g0lpdCIC6PgIR9M4HD+/uEbfnr2hLbh/PpubVW+qs\nUcqwkWevOJGB5l1yxHfp56P2inDQbdxvTvMj42a9Otecow3Ewjoayvgd01Rr\n+he1MG3uTOaFz4vQkSqt90YkrMHa/D/VDEgCtL/YpZb+XjbywrLo3C4XrLxQ\n0pQ39TU94lsiVAyWYNDCFrDAZNLLxE6ypl54nlYceBYUXmvAFI4zQzVYnhZX\nDEbs\r\n=Dil7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE0Nczd0GW0dqzYgiGJnRU3rJKjvtZli+jned4EY9u7HAiANB7ED/3z90SmQwtB9MyZFEDyGQF4vcC0uj5l06DM9Fg=="}]},"maintainers":[{"name":"atheon","email":"atheon@mythoclast.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flex-center_1.0.0_1526198250640_0.5423643592212235"},"_hasShrinkwrap":false,"deprecated":"This package is deprecated, use @eb-components/flex-center instead."}},"time":{"created":"2018-05-13T07:57:30.354Z","1.0.0":"2018-05-13T07:57:30.727Z","modified":"2022-04-04T16:04:20.006Z"},"maintainers":[{"name":"atheon","email":"atheon@mythoclast.net"}],"description":"The `flex-center` component (provided as `myth-flex-center`) centers itself in its parent container, and then centers its content within itself.","readme":"# flex-center\n\nThe `flex-center` component (provided as `myth-flex-center`) centers itself in its parent container, and then centers its content within itself.\n\nWant to center something right now? Use this!\n\n## Usage\n\n1. Run `ng add @atheon/flex-center`.\n2. Add the `<myth-flex-center>` element to a template.\n3. Put stuff in it, whatever you want. Even interpolated content!*\n4. The stuff is now centered in the thing you put `<myth-flex-center>`\n\n\\* Interpolated content containing HTML will have the HTML escaped. To supply a string containing HTML, bind to the `contentOverride` property.\n\n## Example (Typical)\n\n```html\n<your-great-component>\n    <div>\n        <myth-flex-center>Put anything here, doesn't matter! It's magic</myth-flex-center>\n    </div>\n</your-great-component>\n```\n\n## Example (Content Override)\n\n```html\n<your-great-component>\n    <div>\n        <myth-flex-center [contentOverride]=\"myPropertyContainingContent\"></myth-flex-center>\n    </div>\n</your-great-component>\n```\n","readmeFilename":"README.md"}