{"_id":"@terminus/ui-form-field","_rev":"47-596f77af55b9b404f68db62d94fb0fb8","name":"@terminus/ui-form-field","dist-tags":{"latest":"3.0.0","next":"3.0.1"},"versions":{"0.0.1":{"name":"@terminus/ui-form-field","version":"0.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"*","@terminus/ui-validation-messages":"*","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@0.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-6U+cSeJ8J/11f4vAMODcD3kSpdhVfEcrvIdGSnGzG4eejpXBckfqA5CK0feun0kjrAsx0TTPEC3URvCUZwsjFg==","shasum":"d58b69a571c9618baff48a5f9d029e7dd0ccc81d","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-0.0.1.tgz","fileCount":87,"unpackedSize":438522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1eKqCRA9TVsSAnZWagAAx4gQAJRox/Xl7zK5eHCMp8T8\nrb1NkIT/z6e2Ltx2T4kQ4DmLjQz+RQD/5jsCsR199jMnjBVmIUSexgAlQ2Ms\nVySvlrioiwY0jHmPityv3krjpPkYnAiPAlWiUIJ5ZTBhbwHn0dopLG2lksxV\nhDXootNQsM+YYVzerEFRtBD0qvEgIHDQxU6LH1ybQDMcRikSSBpmOtmby2Ji\nqETbMbfC8zARA16sIrtdFQ1KooUKa911IxL6Y68zNaLYvl96VP20xgrREitJ\nOSionke3QwIJeebVgoHS8SUu2NRvL3KUZ1O22lB3VsvN9h75k3lexPcYlu8b\nEhu0NSzK+11jRncbpdDzW4HVM9lAux6JkwwwuN7YQrhwtrnw8KheUDooC3nF\nrPLOy2eL4cO3jg9qiGL0VTTCFfVY+gU9Gr/B85hwf6RQshkK12h8J4WqBqX2\np7xQuXMWDycu9/ZW0A6lMMO1WiQuTsmrPFiKyO90djM6iKKvtPW8P+YVYroA\nrslmVO8nBbKVapbBzUOPWIz1zxttxElyEHgeXnqos4mMJxqJOYFCmKtNT6S3\nTWszufM9AtIcUxfnadoo8aud2Pj4awP496qdPkMB8Rk0hUy+NsguQ06Rf7ta\n2FFmJgnwewNLy4TLg+q9LEgVLyydC9Lt4rbiLhMsdb/OEeSkBCe3jT8NJXb8\nPmr3\r\n=Ikm5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5NMgG+GRRB/vThGzqZ0T8v6jwIXDoFDv9r9Zg8HXpygIgV1C/E2fZtJpMHC/e/LE/UFwuEcMI7TXRLH12QKwdF90="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"benjamincharity","email":"ben@benjamincharity.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_0.0.1_1591075497400_0.8330467638796202"},"_hasShrinkwrap":false},"1.0.0":{"name":"@terminus/ui-form-field","version":"1.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.0","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-CpedkAmjryVfjBLt4oHceoSldtS3G5kbPsQMvIxMgkX1R/+5kC+vNnwfqYKm4tRbmajR1ZYKudN3qCbibM7T1w==","shasum":"08d4f6794d9670544ae867bbb49f3c51dcdf3b3c","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.0.tgz","fileCount":25,"unpackedSize":50649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2SmkCRA9TVsSAnZWagAArKMP/jyhjttdSgcSQo3oYOSv\n/2/n214pe4HzNaYZGQwSkYy5MV4CAXHG2Oq9SiuhIytJ/7TvwQfBj158tFYS\ncGWH/zAcerF3xej4SnsS5KPGyW9ZsFvvcoBUiYbOt+rEneKsHmWbFhSp54+u\n7JlVpA6k2MIJVrYXfloL5dW/NJcrCO4ba8E5xattFhhSUWAGLOzhcioy7Ed6\nral+DL8wWJVwBNfkkyYhLr5R/+oRVLaJm9dsN8jAZZAGt9ZSaFNaCnJ5y1HE\nGmkA4rwcHl/6kwTXdc08askngV0okX0rEp36eSJLt2wjbMQJTKqG3KQLSboO\nDErVrfMV1l5SlVa8O7cxm4cVj+PTowRGxE+Zyfennh+Ucwxs0jxnlQWrXw01\nC7O3hq8oMq+HI922kVOjptsTcp+Wxu3PFdqJ3YbPPDuMjK6rfOQP0wImKrJM\na2XkQPLJrx0Z0Os79R+jkupBrcH9fbeIJF45V8dGbBW3biRvSO9pQIA6ez1J\nOdVQSsCU+hpKB7XG+jC6ePKUvgM8DR8sSPtKNb3+aCVraik+5tQme/4FlbCb\nBBYSYSUbjF0KF0J8B/TNOv5Ts2J9BTSFXwWfR5ZZzu6LMYHB8zSsP+Bm522S\np4/hNv8t6oemMS6HCw9rQU2QeI9VYj98rZfpd3ji+kKAN8yp6HU+Him4hxW/\n1rUy\r\n=pzWR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIErDFfDB7Msas7G22NDIpvvk1wcXBKL/aV7tumdaRKQkAiAcv7Cxcn0xo0+hAbB9LAHbtfBhlxv0Ybq2HiQERs15pw=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.0_1591290275757_0.7274081537494226"},"_hasShrinkwrap":false},"1.0.1":{"name":"@terminus/ui-form-field","version":"1.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/master/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/master/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[gh-release-badge]:    https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]:         https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/CI%20Release/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.1","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-TAFvw9X6jW6qxs+XPzeTcOEAujcqqcpCnAxRUaCRIcY5Yo0SaVIat1qTFWYJPtxq89TyRmZohmHnGDcDr2NM4A==","shasum":"1023960e15a014f9988ff3aba4f97f47c0b0b44d","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.1.tgz","fileCount":25,"unpackedSize":50717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2TwnCRA9TVsSAnZWagAASqcP+wcoGmcuQayHG5zFg/Wc\nRR6CgRFYKwC2kP7nZzH+lOqFyl9ZThZLdKrUr66EonoDZ9ez23AByr49I/jV\nFpTa+4KdgWWoAFOFfHnjctllfIVjFJQt3bRI6SHhKTZETd0vcTjDrEEL7bjR\nNvF/N3l3yjJlyEywpgPOxn9NQVwAylI/xOl+gb+1ggwpub9toF2OlrkvkAib\n+gxNrwXyhEccv+3MmyV8mlN+gxtQBqOGtbo4BonXJORqzHCQxxky3FTw9JWR\n0kezpkkIRxp9vgr4mpH0L2FAy65fJ/89zqZckbGYGq6Bb8RmU2prgWOqJrdv\n0EqYYnbYjgPBqG8hqRxRI1xkSd/fjv+qWQYyqDY8ijiuWy9fGlaIDfHJTES0\nUOkrnMg2SXprLIYuKprLLx9dFrts7ImlSw0V/FULqHFiVligKbmx/rhiI47O\nXHjvwyGoTBU8vNGwoRIfnvJBQaCaCVBZtT8LAITnfjjIzj/TxbSzh4X5+r3O\nb9zI1ks9nLRH4fLowj5J20tsHQcqPIOXTyn+ShpoQgeTxHSSY5ySv9v+pDbH\n76wTYbi40slfjB03yhNmjQZW/tzd05gzCsLM//Xi6IiSYL5kfv8Zkqg65dtg\noP8oyE8DO10Q7McHzV1n1f53rzd21HzczXDzBZTSb9rrsWLdCcZdkBiQYTDV\nSquY\r\n=OX4X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtE/ZW8ffYOnGnZFyq980kCzyFP9kEC2znOaecC0vGwAIhALgOHD7nU42z3fLm/PxN3EoafmG0i531LtfhubNtRU9U"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.1_1591295014930_0.011556228394261181"},"_hasShrinkwrap":false},"1.0.2":{"name":"@terminus/ui-form-field","version":"1.0.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0","tslib":"^1.10.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.2","_nodeVersion":"12.16.3","_npmVersion":"6.14.5","dist":{"integrity":"sha512-ADP6iRlLVFDO/ULY4I2iXc+nFjQemW6KxLr66ZvAj+fbwUuNeVpxS3Nsnk1PhQ9w9n3mCPCT2Rwkm+DZHF7zhA==","shasum":"51de81240c211c7e40e358c0e8f43ff877f33928","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.2.tgz","fileCount":26,"unpackedSize":50771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2arXCRA9TVsSAnZWagAATfQQAIQ9Ea1JgTnfMv9HLTO3\n4ONP9NaUK/EBGmDA9z3UJmz8G+QFThMyEP9ixkm06yekktl7SDazf4F93Dmj\nfnR8+5oi2hRYLW8R7pRZTUppJppHz+nIHAvp0g5fisuJuWs80bkwrVLZUZQS\nxtJX7SpR2AKDwcZ7svPSq5fBRIPc8iAB6kAeAshKwIWSXTOOWpSFh9wBe3+G\nYLaBMiqioGQZQZxz2/GyMLBY3GYCXxulFSX2eii/lYj5fIffjCthhSfPl4fw\nibkHeng0hDZbpEmlyoc4rveLYP8yyl4ge1TBN3+3QEWrIBB5sgXv8EDiqPcP\ntH/3CH8dHL0c2tKGnSZsdq5uGZC3CVxjSIEKIFMtKcWK5BnQcAcJXvK+Zcs2\n0QicxknKVRym7tGMimIcz+0b0AaxJaUuHMtx68QSRzbVcbJyHcfRX+zoXn20\nXvAfvM/8YLVx2ayg9h0tDv7+EgVHxiy4dyiKvMkZQTxTcazpZvrVBL1bXhLz\nI1j3NzaCQ1j2CsrFCMasz4Dyeqy1rAclhtzMscGjKHHyjlxju0GFtAaUHeW+\n6FPSfmbXBzdZDoDJk8gQ4vsucbwYjVEd1/qb64P+4CyYKJgMbcKnM87nW/o/\nCX1wg/yw7zfpVlIrOqHAknpq+Xets8p+pxjZ5jEM76S9vA6hW94KvE6tjw4L\n0BwH\r\n=OfLt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeh0sOfz1PKy5M2m6w5+AYQQdFffCVj4BjvqYo93xsAgIhAPzVtqVTLcb0gSUu36p9NAd40g90FCqtq2fmyIfyxzcQ"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.2_1591323350919_0.7465905394956946"},"_hasShrinkwrap":false},"1.0.3":{"name":"@terminus/ui-form-field","version":"1.0.3","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-utilities":"1.0.3","@terminus/ui-pipes":"1.0.2","date-fns":"2.14.0"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/master/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/master/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[gh-release-badge]:    https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]:         https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.3","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-4cCgBEOLl4jVH24YLCTtFyYUKsIwlD0Ad03T2LIPaAw34gNeqroIyupmUwBY/Lma7O0QVlEIxZSbzKzKxKzBFQ==","shasum":"d004dcb975317e024e302f6d012ec0d110e7f0aa","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.3.tgz","fileCount":95,"unpackedSize":458690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4MyWCRA9TVsSAnZWagAAg9YP/0qQ6mMlUR643+85zKKr\nOwLvr5jzsfk+2xN2w3JyO8Qbx5Rewc4opN/dpBGfreMfe+ktpM8H4mGeqiX2\nyNtiQC9pc6mPvTAEiS/qF+1/eH64vTVdTP5fX544JkN71EVwUNNdIGzBAUk5\nVpeVzglGhbTK81cTnsfPFcgnt0s9BiHBS96dRISPFKwZn3FMGg3Hf3z2D0gv\nbMGKLRfiFXDib0MzA6Iu4s5DAUb0wmFloZHZqjL4S5PnVnsWzep8hDcCVEhD\nGybo0OwiIkGgkGcMlI/PjCoZIA6xO8zN2w6IsNN2iuiNfQmDjCwTuQ0c8Ty5\ngyZEVgQYmXhXgejqCo93XRUcZljUmyvcSGXI++Vbd7g9QnK1MGASCg3PiWGl\nn0+gxIcEaJ/Hd8qY4Ma6xDaK41/oGVeW05DlIENDcdg0XnerYU2YJmS+h69i\ndx423/EDpZVgCkqN8Y9lwTf0Ojcrl+NWp8GtqwaFXmtITfyWmbq8pPUMjNCi\nLeMUVqQNgwwtDwEf50y8+JY775RfBfLF5xcY6BaTHWbG2YxlV1RwoB/Qf+c9\neSDVh3K+31/EdSU9ZXxFagZ4rcJSwfyLZLmuSavEJWiBaEPghQnuKST3A+ZS\nHeIA/ei+LjcQvlpiTIyBa/S0Ky5h0mx39ZGBLRtx2NQnm8jy5S7sw/zR+Lmy\nuifX\r\n=H/On\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpytlYd09CdanYdsdhPY3eGfx5PfbgvmFXmJ1cl/8iYAIhAJIslpC8PGsvQd95xvx0FH6R0zqDNOeAugSxAK60Xt2Z"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.3_1591790742341_0.5835581145529802"},"_hasShrinkwrap":false},"1.0.4":{"name":"@terminus/ui-form-field","version":"1.0.4","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^1.0.10","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^0.0.1","@terminus/ui-validation-messages":"^0.0.1","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.4","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-cyzDZWYcTqcgEiQZu7ucHylaRaLMvPpndnZFaUvoqmzszOhdn0RQSItcTSQCtZA/jjbtU62ghm+32m/+l4gGPQ==","shasum":"5600988c1140c2626d89974c5b10303e8fe3aceb","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.4.tgz","fileCount":94,"unpackedSize":457805,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4M+bCRA9TVsSAnZWagAASpUQAIo0h6GvQUgr5pRll/zo\nRSh/z7xONdQjdVjAteFmz0otN44PtpILqnGT9kBSMOVYroXqE6E6S7FTF9nR\noNhYkV49Mr0b8gwrvn1iTNBTNYp41qKEkelZoLrVbbVMHeRJzSGPvlNHFZDY\nfcheWK/MnWeyu8+PeJ4ukMH2DrmL3EuNdugCSs9QhUWcXGZ7dPFO7tBBKFAj\nDD2JXDhZ0yH4K5xbzrrby7o1liDfs6B5jm253HSYPiv0QW8cEFpq2F6sBmY3\n3aG4r5hbZ/3wmGxBO6S6wAR8JFN72Fx7iNvXNAGyuzxkCh3On64nbSaRisUr\nbgMuC2wI1sB0eYsVfWRxjXBG76pNf46s6C14R7rWBXVfU/SfM/jkgeXEb5UP\nUY94tn2tAI3ZWQX5LLjHwuJYeclX4ieSHyMMCkde36gDb00cbGk/vx6BJOpI\nMghMtoTrCV+DKjC3NLXrn9NbI0PPUU//Avowm5XgqvJr+RL4c7K/I1n1VFIK\nud0xA9AJY7uTG2kpEdTLJjH4tmcU4nSlegwd+Q0qFIfLBt+D2r288RL0CKzR\niXKWW56B3CTRLoHEPnhNjjl5aX1nAbK2Dsvvx4IxfoLTfXhmC/f7aFP+IdPN\n0aqCeQ9ZyKliUaPYKe+0FOItw4ketVPPA2/7p7u1VNKXBye9JUX9gqFGnYmH\ntFGp\r\n=SQaE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDV9D66QkmJ9z4dq+WkJi8TfZh1hOkpjW2Xpc0WzpxwhAIhAKifFrRD9DUdoGFTXIV4Ftkys+akRuj/gfB2+S97ipRu"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"benjamincharity","email":"ben@benjamincharity.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.4_1591791512583_0.17361621296864382"},"_hasShrinkwrap":false},"1.0.5":{"name":"@terminus/ui-form-field","version":"1.0.5","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-utilities":"1.0.3","@terminus/ui-pipes":"1.0.3","date-fns":"2.14.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.5","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-/G7oaNI+aXeeeoSCa3kHWOz91Ac7FZljzy6bsIQG8HO2JdCdWJnId4ecRcfdqQShnxzSj8BAMCwJla9jtArEPw==","shasum":"b5f0259cf11f8254547c5bcebc39775999c6ac89","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.5.tgz","fileCount":95,"unpackedSize":459287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4j0yCRA9TVsSAnZWagAAttUQAIrD5LoZAGdNkPaCqqUr\nOgzq+fqpPEqE4lI2lVl3wMOgiqKYMPMuEtA7k87NpzwMrgmQtw6xCkhzRlng\nvmsri60esmFRjCNdncQallJLrVv8yrwS35yLdgTuwsCiu0PN39ou1LzBh+XO\n2sZFlPIW9IYn5qNkQrb38OQkWo5nJDq05eYmMOOYyICSoJte9cG7JOrxOWDA\nzWIXm94xmBJPLwcODByUfKjEkAoTuKrxRSD2x7eRsI7lXC276KyYlub5gGdA\n53OW6D6/SZvlH4Qrj76HAM7Hgda/UQ8Frs7VIp/dHa0CWE9kI40Gka1rt98I\nk84SG8Q472cJyfcx47nT8pDjym1s7bwgRwMMvt1wJ0Lm6LOC8yUOgnZ8wE+C\nipNykqQuACLEHFIAmZXgg7TBgeYZqHJ4HnwVbvCeLQzBHlmI5Dnpdf8hZw2N\nwQYQuS36Igms5ziYupavb7aSKQc4WF+eqZjjRjd1IAoQ0zJOVA7Xadao13Yt\nJjkT3i90KNiPyQTtkkuPIzb//LRe1LIUDlgTvhxsSAkMG3PzNTzGb1/YXWek\n1q8m+KNbfy95Mz0fwA0oNHr1/WZJDxrPWmKBWBj0uDgQZtRstUzPPpLyYcCI\n9KingF4bCxBVyDkFQ8QysAo5PI75T4PpnBR7AiCZcPh+maoK/1AmVCWe2O45\na9bK\r\n=JVrj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBgJqwjTeniqH5AMXA4VlxX/6t061IzG+mmA4FEzBUdXAiB9AE22SEoDEJEAnLE/qJGOzYZqxmBqkzsfnkgix8BqAA=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.5_1591885106315_0.5177796274781423"},"_hasShrinkwrap":false},"1.0.6":{"name":"@terminus/ui-form-field","version":"1.0.6","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.6","_nodeVersion":"12.18.0","_npmVersion":"lerna/3.22.1/node@v12.18.0+x64 (linux)","dist":{"integrity":"sha512-mJLjB3wybcaIcYNvPjDL1I85AwWvaBscjAITxa7Bdb1eBMwIHv7G4GFrDH+1NRL922Ok3Ndzlkvk5u/o1HQgyA==","shasum":"80b2ca4e84de3abaed22afcc9ff723b726d4c64d","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.6.tgz","fileCount":95,"unpackedSize":459279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8iEqCRA9TVsSAnZWagAAyUAQAJtl0Q9lexm+xmaSLMdp\nOw4rOSsUHGhfnPVJFZ58jz/mlrMJG2p2nMPbrabOHLDIZzv1dJK60Qke1kdz\n0pYabaRaDW3Nq8sC/MsP4y22LqfKsL789bcZrS5wEITYbv3sIHpmBdx98BCw\nlchHYqTPEG7nWhBaJHrKYTP5CkYWai5N7KDztrN2QKh1wZkpGqYu2lcCQLdq\ngSpXx/SPZta9aI2QWZtcNTvyLHPsTsjg/zwJPQ2ymizFtR0g3SVj62lcAilU\n3zCHn3QDfSUed8wfnjcuJEV3pqI5jm7flrZJCRfkHVolPGmROpiKHCuwQasS\nFDUe8oHCEzF1zKZvJWgagESIcYksbTOayLvZvDYBZ9qn+qMA7ON/MZJlZmlg\nQiWOoyrEwES+OtEteuim3EARcniMt8e4yShUYQlZ8iHaKZVDpuGAI4ZA3XAV\ncNiJAiad1WdA/N1QZwE2u5FVNR/oyng04djO7a39tfCqwsAGRXDE4YDCJNyN\nRbjzdVSH5+tMv+yAOn12P7raYjzt4WbeTYwujblS03LfQwHdNaNgkzzPyWc7\nPgaNg0COqzt4FtNOuaGMXZ44v+rhFam4l4bmQYvh8jLtO5TrwKTaRU4MwltR\n/awKZFqQJXHnDCX/jCuuUNG3z1lUHnmIBxdfRAOPcMQKEmW3C0nMJdtlLOPu\nEpVV\r\n=9zEu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfQ24Qf1Y0tdVSwiuqAHqqqu71cbUEAj1ZQDQKVDrpJQIhAJbfeHpMjJmpr12VIHn6Ns9dfvLNf2yF7S+w+4NZJxDl"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.6_1592926505686_0.7186980075633065"},"_hasShrinkwrap":false},"1.0.7":{"name":"@terminus/ui-form-field","version":"1.0.7","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[gh-release-badge]:    https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]:         https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.7","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-hrahrijLT1FFYvOo7t3OYOdeP6x95kBd8z1GmILa9ermYc/tutLIQEQv8yE6rpH50l9qjqhWb6mKxUt6cF8Prg==","shasum":"32f239f75476dc8c9139eac9b5761a1b1183c6cf","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.7.tgz","fileCount":95,"unpackedSize":459490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBJcRCRA9TVsSAnZWagAA21gP/RvI8y6JAR2iiHRfxTMF\npiU/T95Od13fhZPBEzmX2J+RAOWAozbzn7VkOidG0RFxagfiTEDVdNMhqDQm\n8SE5AnyYPRvRksfOBAjAx1DLXhI9BY1DUaflli5oJLDfwq0IGePm8u7VdOpm\ndS17uWl1OivAXqssRdFJjTt20sS02XK3EwpyV+aRykjt+bA+9Vt53rIIQWHA\naPy6IW0qUPDaJJ+sfFF6QCArsgzlu+LVJaQi6+i7x97+RkIl+68O3n1hx4lJ\nwiOodt9AT/PpZtQSenWb+IPRbhrKRpio2RcOvLQ/G7kxpUW24RiTrSylqkyD\nXHOPBgeJ20LMEK+Y26fT0jI+TtlpE/vFvCogVk8zGd+wnm10Fg44pLwQBGzX\nk4EOhanA71ttdKDXz/gOG6cOBRlt9Mj4jCcKNL6QN3c/OoqEcvedEW8Bgyz2\nThddjzFN4NJN6MvSHdQS/gOTRtHraJbXm25LPEuGC2duecGjGZXJbrHBCCpz\n0A0YIPnfH78Eni6SqW6E/5AWNi0boCVB2b1H/Fcnarw4sk6CHUt9/ezJGuns\nYAgM9q/ZJDu/dlCEbDzdXy+bGzOcWopL//bJ9I29vGaVc/7eqhdgubzlNN6p\nBkqWw5TFxAOWPKzJbbIeAOSghTHaej2mrfM3NHMW7Mud4gGTOGNZLr9mVPqC\nELz9\r\n=JxLs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBW04arnQTkg84H1JwWztqb83bN+wtT+zK/fKnU/o/twIhAKP6oKDh9maGFpNNZou1Ee9EE70MFM1xp5GvJbNUvkco"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.7_1594136336355_0.14171494189808342"},"_hasShrinkwrap":false},"1.0.8":{"name":"@terminus/ui-form-field","version":"1.0.8","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.0.2","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-utilities":"1.0.5","@terminus/ui-pipes":"1.0.6","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","date-fns":"2.14.0"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[gh-release-badge]:    https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]:         https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.8","_nodeVersion":"12.18.1","_npmVersion":"lerna/3.22.1/node@v12.18.1+x64 (linux)","dist":{"integrity":"sha512-mJCLhhZg05cViWiShb2NZukcvbSmiJRCgXYDVYCy8uCqppN6eTSncz3qGqK5h+FeptKV8Pi2ft0jNGVsV2DU0w==","shasum":"3b5bea04c2b8a0447191919b76fef36a193357e9","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.8.tgz","fileCount":95,"unpackedSize":459810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDLTXCRA9TVsSAnZWagAAULsP/iuvvrBF+UH6jMUKEzYD\nE6jrHmlCkEVc+PlLC693YB3jkiz3DYnzO9e89Q4byOK672y9qqrmZKoOKEr4\nxTqCS1MB1H2K0fPYZHoF76tFAldVYOLwtXLAn5tLEFJPKUK0OwVLutEA6eza\nBVGdpuShtoXcylEZEkfu9M4rO/bneVVJ1zomEg72VBgPiieinme9mhVgYOyb\nhVzQHqsFxu8tiNGS81thbll6hcQwBOilNsO6KT3iEBlEdewwdiK6kj3IW95p\nV1N3b/4jOTOjQ7leJdU/XkXCv8X0LO8g1VrgcciqOmFWg5vTm6jWgZ3My1O5\nXybHEpxVmthVF+9c5Rc9BDH6E0jRucPywnHq4Gll59/RvksrBAot1N8/Q+LW\n5+/UQ8KHsEEGJUyWDgYTUtl7sp3hELwH4SQbda3hCg0/L/tyxtkL5UNKCsSM\nyV26125BsBJy6EfRX0TD0dLZDIQf1WbmOqVNZ3whm04nAY8T62EHmlrxImu/\nsrWUtWXRPmC2aM39VniMqtuvkLWFNx+I516PWGTDrDIBQemCiUj6Ku7VkETp\n96cfAW+PAnlJ5eYWBGsEbrkkLXazYBgEEKZ/PdDdaLr9IypYQFFs0ImHtWU2\nuCr8rFAU+DYs79Agy0FMLf80mxsE/lD0285hBk9Qt+vn4vE76LxtHOYpn70N\n3eqW\r\n=gW3h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCd8B3TDgx4yPI93CAGwlVcDEojLj6Zg/L0b6snyTeTgAIhAJPzyex220x185viIq+E7UpuM51S9XG88rycFinEKhQj"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.8_1594668247029_0.10234157812069"},"_hasShrinkwrap":false},"1.0.9":{"name":"@terminus/ui-form-field","version":"1.0.9","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^2.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@terminus/ui-utilities":"1.0.5","@terminus/ui-pipes":"1.0.6","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","date-fns":"2.14.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@1.0.9","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-RJqfd6q5mNNXc+UsyLWfKS6EdBJ6OdYDTgw0k59q7BAYAa4/UZZxGbKby6iz2zjhTNUKLAitj+lXOL3jZLJ6hA==","shasum":"3575980a27fdd605543294b01d5808eacfc29bdc","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-1.0.9.tgz","fileCount":95,"unpackedSize":458787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDipDCRA9TVsSAnZWagAARq8P/3Vc1K9eWHMYqPDpCwns\n7C2TG3rQd+vBDr7vuRQfz2bkyIm0wi4Tzzny+x6wqGBZJRnpL0KjgG4Vl0So\nvLv6OIUWBurvSiH3DD2S/HniQWGSC8NzMoJwdzRIum6mvHv6Fc5teVahQR0T\nEBx3UY92SGr9IQW7G0nFWOrQX0pg/2lw8rfU4DNlxMA4I0uvc0okrsd+lHRO\nREJRCG0fs3ULKdrQx6oQ7N34CZ6QMHgR+gdvtSHJBchChbBo4j3MJC0Qx3en\nWe/HC09dt39T807zhO7+iHYFbaqdSTsOWBTyBjzQFBxk/9inZFLE02IHs5SX\nIY8LT0GF+SYo1oSPSSYBY2l9awEaeu7zh77FDJXyhIcfqhY8d55LRnXZYJgn\nNCv9/i2NcqQ6bJFEymJLpxTVM7lCHI0fXIHuSktj3wv8Mv1ixgVSk+P5s/cw\nGsb8R2G0L8ImdyUHXn10OfrGeVP2dJuNcypkVwYCg7hrTQMH6c5o2LlwLRig\nfWbRzDijAWQXx/FJPDqm/nZO4f+Op1MYwsHzAWJfiBWYHXVPXfv6IPIriK+Z\nntDJW2MJWmHNynmfMoFVQDm8UVrrXDe7RrcH+G/q0fKL93kAFm5TQzYqDR0k\nRlsXjAAgR9CTwWJpwTZkiIOmXUxE5LdukaEzexaCELqz28YQBKMwAUpCXFqc\nEGLh\r\n=11ep\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgN3Yg/QdQC2FxJa/jqQmtbbDQV9fYHwJKnewyE57BDAIgVA5U8LOSQCBCSBek8uG0Kwyusb8rWFcnhyi0p4q1hQ0="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_1.0.9_1594763843353_0.8599741919124082"},"_hasShrinkwrap":false},"2.0.0":{"name":"@terminus/ui-form-field","version":"2.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.0","@terminus/ui-validation-messages":"^1.0.0","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@terminus/ui-utilities":"1.0.7","@terminus/ui-pipes":"1.0.7","date-fns":"2.14.0"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.0","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-RctPg1Cx5VuPerEr6JENAYrVDfW9+UU8jtQLwk7Rs6jFQxRl/sfGaGQDKWiogBLoK/bit64SaOntvCzbYPjjfQ==","shasum":"3d4751f5f3d195399c59f827278066ef988ef039","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.0.tgz","fileCount":95,"unpackedSize":461178,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy2OCRA9TVsSAnZWagAA7PIQAIL0DwP7iG0EI8ED4lqT\ncSc/lq4WoguuY1jv0my3fOsPF2dn/hs8NBIV6Cel/+mnvsgMFxW8FI+KrgFk\nf4UE4ksMmEMopqFODXzB799XIvJem4Ef0dUQA29JPmSAWRVkWd6B4beW4598\nSPBVZ0nvwOPsDkjFykSSK0u9+Zkf5+I7hGfGxypY0iJKXAbun/H7NBoZ6FR4\ne0W2NFekLLxlY8j4tRe1qI4i0bQM2xb4E6ca7FwjOIbLVJISnQbvNY366d3U\nmSWOM3PZOi1tPhOrkHYXjgrprE0ByB7ZEloOEe3YNYW8thElFaYXB0Bd1mtF\nVAcoaL28HwVYtN8g0yYuYffzTnHtwStXe4sp8OSSlKP0L1tvpqLgW1o10UAB\n98CAB+Kua7atj0nchlfi83y5j/RBiCvfxk5lhfMDCGgt/sJ1Fkt/qgFjbyE0\n7MQXWRaDsTllroX/cxLWthwBxpRlonhdDuDsz1eufhapdHKu3oci6diqiB1H\nt9ouWeL82AWq8GuAVIG49P3q+r8FYMMZuw8/nxyI+3bDKuJQbVUtCBQQ6V3R\nGbpSQ+rPBRhY9XwEOJyZEKyUb92kafXRkaa4rQpFXMxDbvY3czl/VtBSXEjt\nf3XB9EeoGgMNzizPwM75XX3Lp08Oiqsz1L+xAKPHgO6TsPrSNDodv2lkUk8B\ngLpe\r\n=8U9u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3axB2ab96GOZVgjYiKEn1rkn8qCfse3QL8NLprlqAjwIgeR1+PtdFn/XIx65cLrs4ogyH5l5CqtCmIUO+9De7cQw="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.0_1595878797647_0.778537212706556"},"_hasShrinkwrap":false},"2.0.1":{"name":"@terminus/ui-form-field","version":"2.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@terminus/ui-utilities":"1.0.8","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.1","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-MYzg7H/D3C5zDQck3K1d5fdUeU66wilVSISKz1BE/In/ouGVCs7ojgAaVxMXRKnLZkBLOXWkT4KaGIQYxaOM0A==","shasum":"2cd3e8baee75ad6575fbf5e44d7e38da3a95c2c3","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.1.tgz","fileCount":95,"unpackedSize":461473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIERJCRA9TVsSAnZWagAAFBkP/i3rzSGyrvd3Nvsz0Cyg\nm+MmV3iMFIwUHnE/C/IETOWY6aAQVl2j7hMn8K6+YUIYTgsLW74e8C6igboh\nEU2/ykVKoR0J9Oylf4f5W4J4GAHeGUIGr3navAM5BihEFAYWPd3LcBdhkDfm\nHea5StWJerks6M/VA710YCfDHUT4SqNzNEESXGGPUQPKRXAYwObRbuwPKXye\nA+qP3k3a14avHeAf9PvQUA7zD/nQdrfs4mXiK6P3ek1G6DPYjtphBIGtoM67\nwZWtvkW2ZFAGFp7J3uptmfaO2O044AnHvvkzmRuFW5x1FxAEKES30xjEJLsT\nhtyS8QjBh29F+XxQHXPju5hgxlkAfdyQ+w7vucARwWh/fvVrvinAvXzwlZjr\nyrpgkebLiUmJz8MUyhb8Jw6WYbE68AK8KlvVjgQNUU78aqBBF9YdCKUdqPaX\nXY3x/EW5QK7xrExhD9TNP1p6/JXiMwIusWnw05dfkeqTqMUoIybeomAzfcsw\nZSEZ9hSdM/rJTTxO2G5dSFyvp8tf6RPJWGYw6PYBERqxNUbpfIDmj+O60qgR\nRBJtiYaGgnxtOhbYYYK/Q3UypoDA3fXws7P+N7CH9x1Isco8XHun+FLGEY09\nEBcc2Sc9VPga17F+cv97mVwTugaqcydM+L4/oWCnJnHVwlYDuEq0q5LtDzuq\niCq4\r\n=H6NX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ78OVGsZ2hXBhWtrhDrLEbowwnrqKTqLBc58R1rx5rQIhAN0TXf+2JRGbp41fbiH6sAnJq4YVmcu7JEXyqknXHs3H"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.1_1595950152954_0.8347871830219762"},"_hasShrinkwrap":false},"2.0.2":{"name":"@terminus/ui-form-field","version":"2.0.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@terminus/ui-utilities":"1.0.8","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.2","_nodeVersion":"12.18.2","_npmVersion":"lerna/3.22.1/node@v12.18.2+x64 (linux)","dist":{"integrity":"sha512-Rcw5wyTG8T0qxz936rXf2zufHNUnxum7s3uU/wjVPb+rfJHqN+XOTanI8SZnibmtaCERoVMwBZcTZYuHOfWoDQ==","shasum":"25c887c712a316c998368076f47ad5c64fb53771","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.2.tgz","fileCount":95,"unpackedSize":462155,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIG5RCRA9TVsSAnZWagAAstYP/0btP/EfxEAqCvvLq9Ha\nQERIBW/c0WW1vq/BcXl6ZZcaa1ro2gafbSLQEce8K1ljko7opM9fhvpGQQpx\nfQIJiO/iQlGKa7YaZ5ub3rTvwn5vPSnbqnqgpqAnvP8t13aUoKjJAzrm8CdM\nHQbaA17YQcW1uUo2E59EIFafIoAxeUU9g7MBLdNIaQynIWZbKpvWbqqWkPtn\nNwIBWb+RcdT0Wo7xhwEBwDgvKlVMEF9OrSha+KrA2r4GhbtOhVRmewUXE5wH\nj0lhPCYBEXQU6VPk4RynUMn4Sqx6TI/BKOe0LoNpj4JZEV9dllk1D8O6oshr\n0eacLXO+cfbJX0fXzJ86ROxYF4tHsOx5gL0iAOe6XPcNjnWB9ebuKW2m55Hk\nKeMp/oJtlWUVsqjFJzSWseEqmvrIZWOre7HcM77XdX7iUXSL5yflW7u+22XV\nAg146JDVOJhZ+AakpXhRSIsBdnCoiOhSoNY7PIGlJr6rgkn1f1LWXPNdp0mi\nauBC1BVkN5a9iS0sAJqXbPRFvZ047uGUwur3W1jCqTOp6un0QiIhV7E9l04V\nW/3IO8M79v4ekJu0yaXjyGMaTyVIPErI0vNEfhym5cwZLIdBSz1bhJETqLsT\nSfCCJ6mcO75LO6y2qqHxjMBuc6JdnKAcsOvy4K0FeVBfJs/vHJbRvbBL6LLZ\nLWhp\r\n=EHbv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF4sj29EvRcSBRbHJEOF46T95GLoYpb0KWXN34I4tlIUAiAoV7wrKfSD8a8S0SOvh73NFmzCRZ7eMf7VgS3TMCI2wg=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.2_1595960913455_0.9996879057665351"},"_hasShrinkwrap":false},"2.0.3":{"name":"@terminus/ui-form-field","version":"2.0.3","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@terminus/ui-utilities":"1.0.8","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.3","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-hQcnS1Qe749kDIA9HIY+JVrAmAB0bDYRw+AmJtH2rmSWr9NE2LTF4RY354TBttsMhukqawplefRho/Idb8kaJA==","shasum":"1734f309b683c83c4f96eb5381aae0d65b3fc4f6","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.3.tgz","fileCount":95,"unpackedSize":466803,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIXQYCRA9TVsSAnZWagAAxr0P/jOrP81S3R8RLTnM9fqq\nLnjtJCUynahP1LoxY5uaFe7aPQ0T+m4vJ86Ynv7IOCANPqwoB5DY+rRbc7oZ\n1xqYbvwC6+FGAguuO2CxhEvnQXHrfsm7rODzrY4UVruQgaALlgzZzUyLT74Q\n5YbPx2qPalsb/BBtp2v3bnZSmN3xm2dX8bvLSs5ChlZemv/0FvGwePS09VIC\nz/xaejrBUiJySC2AU2xi+JfSUCOZy2lJgp/QxRz7GjN044ZjxhFhtcWJUpqk\nnzG4XukQCbz1cpUacQdeZF98oTXXkMeweak3LhhmqmZVkvPRVgIFJgw4Bqwl\nWIQ30feboMgEoT9+lhl2UnLYAe/rFgtsiM9bTbwUKTz0dYquHcl+FxQHAWLU\nL0mim+wm28Aq7yvNfeD3KRkYHvxXM6CmbQ7ZjdZt/qddOHuOf0Io0T03rpX5\n8/4jOX/Ja4Y7TRMAnF0B8xBIC8gP5JG97XJMmDOFbXlS3nG5B5OCx07WyEwP\nmvefQbA7c7eQUael/QhH84/F/NEFaROT7l2T5or1Aj50zkjLblu1ztedF9W2\nxXy9a3tHiZf7DmeUTPK/54BVwvNVxI1Odxk5nU6kb0uRVT1+WU5ohA7HLmmh\nXKDotOGm4wOJgqXWcCm++JRlE/KqeDCEkNjzwm57+3L21euAT8aV9WUFTrKV\nLwv7\r\n=DTn/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpO4ydgbFAtKZ2038sMu7kerJSN2jF7Q9c/YniampRBAIgc//k8KQbm8a3ciWg+wUczu0AAGyC0LoUdFOyDiIenc0="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.3_1596027928348_0.14593123700252342"},"_hasShrinkwrap":false},"2.0.4":{"name":"@terminus/ui-form-field","version":"2.0.4","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"10.0.0","@terminus/ui-utilities":"1.0.8","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.4","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-tdPKX3Oh9WAnybl4IizqqkojVsPrHOjcktRaxD3fvR9MwzGJEYxhO3dVkcdbjxHalQSXPkqnAtHGURap5dwMeQ==","shasum":"fa1bf1892fc792b35d465235a43d030773a3f37e","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.4.tgz","fileCount":95,"unpackedSize":467018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIZbnCRA9TVsSAnZWagAAVOwP/jkn0K3jgJ1ug6qX8NqG\nmh7PgUXoYwwdxOQhnhFIFabgaWo+gWgFHleOoGWoOLxZit7Cdr80zmeWU9+c\ndzifHYX9r2wihpHTHRlXljoXAfkdn9PK9S7sc7w5dDoqiMJVvxQrOCISHyP5\n6Jve8hN7ndOVK59ejyeOU3o6GH0tugE7l0rkkw/jxt9U/4VsGoGtriL6qBpA\nH5eYazeJzx8XEzMdnt84Kx4ETKSX0g1VAoIvUlnge+n4J5S+vrsVLSkU7Klg\nGMgqjy5c5sKrTDY5xOrZIeqvT6Eyk5S0pbmPe6hOJg4StwUVrhWFdP7K/ryd\nAYPW8QXdOsWl6gOprfWU9W3rvgCOrj8Eg11ItrOWhjUgxaPPRg7oIpdtWlMC\n+N8AweWsuqBJUpvIG2EHB6XF72BcU+n9l68M581MY2NRfLClA0B2iv6koUIr\nPZzhnknZaic+WtdVKLxM3fG8/6kkwOzH5eJ7NSt1fOEe+ZY7Uap71llE3lm1\nN64oXAH+VagSSYJ07h3txgoX21ykYAs2FMvq3DynBGUbQUXaYtWtKqTyAG7M\nIQmaUY1ve5vkgMPHIeNN/9+FzwV07gVcK6mPEQE7YumLX2ST96sseGgQdevd\ncf6Z+vS1ynq7C513BYnN/E9OhJ/01AMc48AOj44mmVFJJmKfF1v+1xFPgMCa\nCFgx\r\n=P/VQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFqESPyKIcyqgZeWvWB4BP/iU4sy3VwRLvrQGxgs/+wYAiEAt6kf+/Np9RA2yubp0u6jr8X22sY+hef0Osh7p5/QOac="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.4_1596036838985_0.6825901976903723"},"_hasShrinkwrap":false},"2.0.5":{"name":"@terminus/ui-form-field","version":"2.0.5","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/ngx-tools":"^8.0.5","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.8","@terminus/ui-pipes":"1.0.8","date-fns":"2.14.0"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.5","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-W8v2yv81yCBMwQ8J+UnkmS9h5QUj4XzgylY2aB6l79vrRNLO9CTpSJow7bnRaHocaXotwhdDXqSYrFG78cvF6Q==","shasum":"d1a914a3a59495c8e22fb62a7e96d1f0c86363b7","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.5.tgz","fileCount":95,"unpackedSize":468134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIy7eCRA9TVsSAnZWagAACJIP/1VTnKJ+DT6NFAVw6owu\naGc3dUAA86NCXgHtcm7Z7hu2gmjb3KLAx3lIfd3fOXs5vsV04NmiPC8G/VjR\n+hGphzZ+vVHL+7Vc3lGPGZmy8y4p8fC3ZPsqO/XFpcF+9Bqk2RH5W9TEOwDm\nbS8PgNBzrqetxQuPSHOLFm/Tal7kTiVYuCzj0SE1LcCcC5CdhhksDdeQO2o5\nVHDkzeSiKETNm+UC1j+73fnQV1xruWejhYaWx9aQQ934W+FRHxZQXzip/Yz7\n84QAEqqI3H/lHifvLE8XEUhM8LDDScPgdOS9DbQliuNrgFYIgu4HRPDubURp\nRLMisK11ojCkZfwoa7SYoB97GJvae76DCcoJYAB4VYXp8nQbAxoFWdmWIYgI\n2VQAHJABxBb3lut2XjB95YYgtjhrT3xvvspu9uP9zNXx1Qeze/Rur7fHR3K8\nVhf01Sb9p/aNNQ5kVbN300yQfBd+/pkoa9dhU0OI0OX0bLNWb9ghUALfvVM2\n1TFyyxmQdOSWnpnaGw0CYQ9Lv8U2GvPFJRoc50OQkJkcwLGgNm9LoyXk0SNp\nlK9BwooMpCK7K5dZCSBfM+s+lprDRYSu05uCI86tvyjTfldafkQnG8n6vdOK\n/WT5B0fTfrfrKR2WVoq2WPsoK9stO/5qDkoAGnGq8pUTyS7Ris80BaneWDJK\nILq2\r\n=1CF8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOTV9XH9ZuX2mTbMyxcVmZ0Dmh2s6WTytqDD1xU/3OMQIgAVDDGVBh3UQYabXPvc/yMWdk9RPMTlzG//JCl5z7ejc="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.5_1596141277595_0.183867739144159"},"_hasShrinkwrap":false},"2.0.6":{"name":"@terminus/ui-form-field","version":"2.0.6","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.14.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.9","@terminus/ui-pipes":"1.0.9"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.6","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-nODy/0aHY/G2XMu6hzbnc+KVbcVie3f5ZcCC2w9uYrFEpLlO/vwEbHE5diacyJRdN1ypWffVRCFqm27HU2y8Og==","shasum":"b5519a54b8a451ddfb0e90d66bd0b52539f7779e","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.6.tgz","fileCount":95,"unpackedSize":467546,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJCQLCRA9TVsSAnZWagAAstEP/0rL09PGTpRAQ9BB+wTU\nhvc4lcT9t0ESsO+7pB2XZrgezdrDT5PApzZX2tDkmNESIxOzOnSCHuDhms5n\n6p0d+w+JM8UlrHce8rvHxd6DQR4X8SatxAxmMGPPow5bE+Jt0vFTzAvnsvi9\nn3VaY7+jprUUKNRLaSQlxNyp5Oje0djrwYwOEqyht42B9sbRIfXm6yfBCSYc\nweTlECikUcYe7DSND1wkGk/T6upfN6r5VuTCtncoXdEMKm9JA9uqvobaOGDX\nUg3rrBU8lFo3vHmQhl3w/ZTZeR+5Zz3NreLm0oq0v7cI8PFrF+t2nim8GjPP\nQuxoZgJHsF17DAP7kgN5/ySLDx9Aeo+NHxdserA+K4nDN0YVHRWFzfMIX1L1\n3or5CDfq/7cej5T8niG5HpK3Gp1yLUCZBLCUCzilM36uu3alCQxHEjI6SgES\n7TwMySEq14xrpuICiO6UXmIK0y+f3FddPbJYf4P9QmJaU1kitI0PPl1RHyXN\nzH3cjHN+57jSQrLF7A7v+/le2zlGYMygQi3ZFtWA+/9k4k0UX0AZx4iU80Tl\nJTBy4KBOh7zWyPqsyPRoQgB8YkWT4ILEWovcT3AQO7efw8K6yxiNdI2EsGHA\nPtIPP+K6LzMz6ZCaXL7odWn5Z9KYOuaBhRhspNhB0ZCNqa3wZup1D6K/NIcG\npvZc\r\n=UEzk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTNExq5sIF8adL7gF2WKUDf2Jcn2v4Dn3b4AXa9D1vUAIhAOyuClXupiBBDJi/G8GFcxxoQULVpuMsTYFWGis20LYX"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.6_1596204042651_0.5187529751467044"},"_hasShrinkwrap":false},"2.0.7":{"name":"@terminus/ui-form-field","version":"2.0.7","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.9","@terminus/ui-pipes":"1.0.9"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n**Table of Contents**\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles. \n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.7","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-WrHiWkUv0HnjrZDbNYGGzkpNRvqh5eDXvDUSytgGTP1Hn+xI573c4IwbBWGmFYUFtG/NFfoCWavn+zcFhx8XVw==","shasum":"160dc10d402c82587fe19f6498169d032cd630dc","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.7.tgz","fileCount":95,"unpackedSize":469102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKwSHCRA9TVsSAnZWagAA6BsP/iJEG9emNH+F0q83W20N\nkE9qjNRwbRdq56+5obd1sI0d5KvY2h5EIZhpYhe42uWloscs0to4lxMGB2Or\ndv4sFMeSSi8o4qsB9g/j7lx9p8KNDZY3Yb1wJKeTEEbxptKb75pjwkaVZtD0\nG6+Wf+Scacj2a0MR4mbxzwvk0TQfiOiHTg/m3qGwJ21h1PKsQWUg0xEiny6f\njb/TfNBI3zfMu/YteR81PVQMlxE+thsnW8J2uUgqaqE60KmZQkNCqpWjhHFx\n2MVCclFhIgZQcej9azvsRy9d9jF06nLm1F2K5Gs+HKGe8dglFi50SMaRbrOa\nN0myPCrITejuQyF+P8geAN6T4SvwOgibxxAbcq0+yZfIX24ze6Em9n2XWbRQ\n6E3CNq7IXyexh7jAQKogos45p8VF3lbHAQKn8cb87MlUJ+bjBfr8wzbP9Eu6\nBanvOCHjktfVfYug+CZFMM96S64McQqlz4ROx+YrPUC4YyNqc1iWTnJ0IYzD\nZAsufP5BH+McqBYqQYIPMWNgpO6lSDb8T3k1aWekDtTHhEmiC2cOP87b39CC\nZ5EhGg2gH32F4u/oXKYyNY1aqI160C7f9clon/F0pKDcnzLKv16UC6OMy4KA\nHb/8WwGtoCW2rssR0beqoNDlUjnTKCq3lzHOEazodrRbtgBqExH49TpyJKVQ\nOLLL\r\n=ug/n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5v+rReqYmhi9g0f5IvDVoZSrz7IWaZY16MS7IoB3WFAiBbLowHjM7dvDgZTskbylFkYAUXJfoxntGITgJgTQgupw=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.7_1596654726657_0.9144592420430193"},"_hasShrinkwrap":false},"2.0.8":{"name":"@terminus/ui-form-field","version":"2.0.8","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.9","@terminus/ui-validation-messages":"^1.0.11","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.9","@terminus/ui-pipes":"1.0.9"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.8","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-tILHO0/Bk5dJfYNAQWTTNYPav4Ns3T6zrdTsrO7etQrQ/Q9RvSjOjK/RC08zchAZePJ2SQUF5cQ/rlbswNKdew==","shasum":"cbb45cc9a0c37304e9bccb0591eea43f5a89f5b2","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.8.tgz","fileCount":95,"unpackedSize":469377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLAzNCRA9TVsSAnZWagAA+0AP/3C2JnRsiGrN96WuQz50\n74usJvqfEoh44SgloemBDfNgBhB1e3X9EmGm5sp6fENSOvG08D4I/+0yWP8p\ni1yu9kNzGsMvIGsIJ+t6qjOLBdtOkpETexCsO56A4J2SDb3+6ZvIXj+2AKNy\nWdi4miAfPnjvhoiJzKPxjKrFXsFefRFUKuVKqQziOnYqKNxWfjFuhiQGLzdk\npNOZTr9XcRjPmLVCjy3gEgppnSIoUunbPc5ILuOI978C5XCvnPrxWio5I9H2\n0F4QtBdlMNNGop02447ERNoBfzjcikXAw/F3Ehpu0LDcUstv8mwTFiNGLfz0\nJPZU8qvmKx0zxEvZvuayRUlhUzh4W/A7RCi6roM5G54H7oXIWFwzYpd7sWjh\nZI+qtN2ZL5c5QCVST4cRHAwmUJOy0ne0hQLbSg1z48v5vjco4G9HW5YRGbia\nCjyvbHFTcyS8MeFBKyhGOK/GdmJ9CfyFyoZISKf7gttFehCkXTP/sQqPOIDs\nCE68QRxruPbMdP7MUYBMzPHmOKBnGX4ZljmdnsSWjS+tx87+Pzq3iNDtSCpP\nom2/CeMrlGVzRgjWizlfgKLnC8xW5DPFjubkSJz01WaAJDf2D4TDIpqM3SMg\nFMMOH2i53HI5/MhG/EHWeJ7pxArxG+IxY2mJMJeu69oMXJijabHMOOr/xc8b\n2tKq\r\n=iGqa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAttWphFlJ2kZCLiAx7hAWtbRk3xtpKLvuRf0jy95ednAiEAl/oOwKPTaVEYvXP/IdDV9Z+B1LRygsp+58CFalDJ/dc="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.8_1596722380742_0.020050214737525218"},"_hasShrinkwrap":false},"2.0.9":{"name":"@terminus/ui-form-field","version":"2.0.9","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.10","@terminus/ui-pipes":"1.0.10"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.9","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-WjlIK9M0eLTGMJP1wCi37SUhpZNGYs6uFEoC3W2WIPvblTyjoXbm91F3ZrttdRE3NeiyLStF34TusXMZA6K0xQ==","shasum":"20d01551e88b31946ede4288b938642890374e00","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.9.tgz","fileCount":95,"unpackedSize":469589,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMXPRCRA9TVsSAnZWagAAaDUP/jupGme+C94mdJdZRAtk\nTSodUX7vwX5bRM+5EMZU4ZZBMWnbjxIjlQHU6b8r7P/P2/e3BIZHg7Axhaca\nStzrVgjC8WBc+3zT/ArVbPYMcWcwj/eRigayzcUgOD465EgDfSDLbaPXbxBg\nMwPaDXMC+7OBVCJlmchRUxgAjrlkQBdDuDfu8ZFkmzL4YLZbx2B0OPZu5cwq\na2nmTC/pylZZoCu7jukG8NLRTAaiMWZ3vy5yJLhT7Sfmfwz11xI6/NwFKeQa\nEzvfLBms0AzulY6WLdd+cg4alSF+AQnzfoii0MyrcLGaY4GgcMcbN2wTAAiy\nBXOrIjTZBgF6jcn7wW6CvTVU13+UqYn5KS2yCs4A4X3Denl/XFGMLbJT+8Kd\nVCbaqpSYc3MoDkuOyRJzH7GNjynmrXqlyVMWqI2bMC5X4wbJ2wNj7FYHC4b5\na8vLB5D889ImjQ/2jBqTUix6ZAqWTjeyQcPi7mNO6tmfA3aAbhmqEEy5LIlG\nkKiDNY+RD74Q7QedPeMzN4oFgYbsmJccjljB9wVU4MAEI8xblRCJiQyu9I8s\nrjNtofxnVU/31UsIjfkGWl+iaqkBZ2Q+/5Mg4jMeoyZHs2pO+idoErXzW51K\nqZLlAPMDaM0Vwsj7tkqQwvOzDge4rhr+lCYK+IcSqIkmRcYLTmfCiF7f05Wr\nj6p7\r\n=ZmFi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfBCoUL2Oa03jbpzxtoQYehWjlOZLR4D1U9IYLmDpkOAIhAOrB574RoWVXbDts4gNjXuSnMjSWq3J08u4UXv4WOMMV"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.9_1597076433455_0.9030470638832948"},"_hasShrinkwrap":false},"2.0.10":{"name":"@terminus/ui-form-field","version":"2.0.10","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.11","@terminus/ui-pipes":"1.0.11"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.10","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-MupqTTjRv7vDatnQDy3nrmFYpsRU259ocJyML2IH5AKruq33rAKc9fILlXhKb1FAS3FNPozWRkJL6VfRSu24CA==","shasum":"7f6a9d19d673c793148126660c5ff672c746a768","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.10.tgz","fileCount":95,"unpackedSize":471112,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMauBCRA9TVsSAnZWagAA35IP/1vWRmAMCfqpF2gn5BQH\nEFqXERjHSKNWJto2Efd5HU/BpHnk0DDP9JF0NwLdzqCep5nBwBc34ZaU25D5\n6Ppv005l/2CGNVSZAGqojNPZJvoCzhj4t3cVj2M9yJ+3IazVOEUzn4/DgPFf\nNJ4iM5l9gGrHfa3TWl5Cml4HZW4WSRaJe+edttX5NF2+fDisVMIGC360Evmo\nd8Wb/iktQNJDEnnaLiEh/MII3gUWgYybq3jRQ480zCNpNkR1crJ3HI5RyTuU\nR3mQypbQM7Yyhk+efyBvkwv+93AZDIxBh/SnByBsF0y03byfDoEBdahHpP/u\n4wNqRbo/n995iBxfPZYTvk8FsZfb3JOoJwr9z6ZqdBkmZs+rhujcYM8Df9cj\nsR3New1YU7KlAis2WmGZkHETKO/C5tY9qQLJBgQvvK7C4OTLX2m5hsbCgfQN\njm0DiRhj+304NwK02vqOc4/YTCTjQdpfcy+oPoAUSUkBzYlNI2+R9Iw1A7C7\nafhLc6eOoQLlnp5R+5INC+7Eghf50pEzxbiILChuynQCPacVnN+zSle0kmSU\n5VBjmdqPCdHj1uSLGcuf4Aj6YpPgjS+zpAdFK++bEI4qKJiCWJn/Dexlf7ad\n2pdaA99xemgKMkDGKa9nkmrDX6haNj4h2bBHR9h5S0F+9d2TRHb+qjPQAOhY\nsf27\r\n=isOb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCOHldUs1Fk1ClfUw13nH16Q5s4nFLsTk8CfSwt+tNsAiEA2XV/X/hoO+oCQ+XWO7G0tAKVPsp0pvLWqvRJjAaO0ww="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.10_1597090688864_0.657651445095744"},"_hasShrinkwrap":false},"2.0.11":{"name":"@terminus/ui-form-field","version":"2.0.11","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.11","@terminus/ui-pipes":"1.0.11"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.11","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-8nJRx4AyeRrC/+vGjXFjSH0l1OrOIvBV2Dk4SFJ269pUO7VHeygU8WsygrgB9NTa3TRR46QDgMi8GIiwdmqTqg==","shasum":"8afa7f34dae93f0136d311ff83baf951e8fb4f3d","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.11.tgz","fileCount":95,"unpackedSize":475695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNWW9CRA9TVsSAnZWagAAf90P/R6gFVmVo0Duwb7XGGAK\nzYVpQHn7ZteuOEZBPVI9VTphzkchPcdhmnqTUNevHdKhF+wtce1RR2WlW9IR\nQt5qfvXiHtbedPWdhUqH9ZonzR874ymkqmczVmbhPDPnZje4RYuB/HhcMw6B\nemEofWRhtrfvG05jRusUnNtrMhRv2LM0AtmOD3+W2yZ37WciuDZ+YfXCpQVI\nizIaDZJ6wozmhQiZUNH2D8ZfSdoQ/f3eUuuW9xJq4CRrfU1XIFIqsuFoxMKJ\nbvhBLgN8/F43oeFqjhxZVXhsc63fKYqoH5QZ7t6uVwjtj0geJ9QtFnlRjrtU\nQLU8IcCr9a7JAGdnafYpmKEeork2+oUqh7bEyespoOSOeCqzyHD0lZgnkoC7\nwJ6yxuEHfKrF/IrnXQKwFJI5W0DTfwhmNgMzbKbU+6xLge/YvbxT6eeOHJuT\nMDcMT3Gnt/DsHqL4UoaeaHa75VUJZwQnBuVz0o/Nw+iZMJwaa0h4qkTIW2x8\nSo/7oHF1cHmsjTFfdjaEK806WgjipbewRAm0eFgVn3gwsThkPP7Q+Q2TIqVr\ngbjdjznB5kb9zVPMeC2NPHEYqdXYUpHWpi4y+OBwWRapNSPMObry9nqBSu3D\n+qjdC/ldTtziO1yRRL42vwf4jKj0mkH/SreQXkoA5TNepzXU9IDOFlMzV0V7\nobfu\r\n=3GOP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHC688jEgJgc2/XAAY5Qnxdyrr2xpsQ1kb6JrH+I1Q4pAiEAwIQSVZ1Vdn/W6Iy+xkSpFVIIFcMu1U6vyJ3Z1Yzoj14="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.11_1597334972756_0.501525752650618"},"_hasShrinkwrap":false},"2.0.12":{"name":"@terminus/ui-form-field","version":"2.0.12","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.12","@terminus/ui-pipes":"1.0.12"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles.\n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.12","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-ahKaH5rm/m/FUO0cxmK6P+9odiQL+ILNiYefkUIrr4EnWwm/Gg7Vl8KqIt+T7kKFp31yvJe+2aZLEUUXav3stg==","shasum":"1bd164416ec9b3404126ee4832b544c4c811ea20","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.12.tgz","fileCount":95,"unpackedSize":475821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNq4RCRA9TVsSAnZWagAAs00P/1XYyTv8L+P5FhsAN9Sr\neNLKv7rpIIvTCXG2kCt7vywPWSKNNGCZlDFDt2Ac8nWZbDpdd00Yhuyz+NhR\nj4Ou1kMnpyhDOe14sLg39jHv2XnniDI10nT870wN7OWuAId/71Mx+pOLB/X6\nRu1VWKV0XsvzF5Uy1bE9uMxtH/hL9sSay0UXHhMc5r1O3ddidrdN/8Yqrk+D\nxKImXROkLq3dPcuz+xpVr2XKXuvefzgGu0TTGZfpqvIVcPmylHVs7gMKGjsj\nvN9IHLRCmLPnHkfO2WofPfiFtt2WgwOHGQmQC4yBTDM6dbIZSJxMKngt7ReD\nYs9Ox0rWLFxJJSzXsIIawKO2yMvyqjKKdGYCumKOQ/w3qW8V+VR4D82dsQ+x\ntlvweorOB/+ptEfOKLKrKMvEUaDvYrpWUqLEfiAl7fpDsiHgqzSu2O6YxoyG\numN9uLoBF3o5NQIe5TXkDjDGG8y7afjH5lxr1JzgWNccF/2919P4cAZdUrVM\nWCL8kvPrrua13V1MlhviFbpQPHo9HOfGOs4+mTjuB1ISf1nT9tWTbHx4su9w\ntvRu08xNS7/zzpq6Z0ktAE7zpxKJjoiWDN7RuoFyzzbKxyt7gDcf+HhCNfHf\npPI9M4SCiOJvPeZ+GMD+CQd1FXLToHsK2RRVCqwhKT/gfw5BpsujcW94x/NZ\nKQ2X\r\n=oEJ1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCt01gOnHSmOb/7cBwr4QIEw3Gv6t9NNuUau5xxYLkjWAIhAJNF/v08WV4wjZh34Juy402H/FDJATMcyFfgxNFd1sbO"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.12_1597419024698_0.6441612116010367"},"_hasShrinkwrap":false},"2.0.13":{"name":"@terminus/ui-form-field","version":"2.0.13","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.12","@terminus/ui-pipes":"1.0.12"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles.\n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.13","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-Cs/595zaLf3kz4xgecD430PaWUMzr8/Q/zolQnq2TbOV+vRpM/k5h6lhtFATfFSbY5krPJKxraCxzstM4JEIYw==","shasum":"257397e44079e3e35db5dd6f323c14290e6ee4d6","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.13.tgz","fileCount":95,"unpackedSize":476135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRR2NCRA9TVsSAnZWagAAtJcP/AvBVAhbJoTdZaIiru3E\nRFjjDCNWBIP2NKBigP119KFnIq7IyWjuN+QNJyiwKa+u3Br1yLMiw5oj+4Ey\nv9uajMTcdoFSO8VD11SvppAzZcg31Ng37ppo94SxCs0Th65ejuYeyJD61Lwe\ndpbEee6uqgEMldzaIrUa/HDXI5qKcNcbUmklRE2332VolbFzoklJTF1ibOxY\nUOjZhsfjGcs7gepCQ623vjsjnSQKDXHjk6cqGkUJpOvM2JqUdf3Uf3yQVP5G\nCfdpbbIsJ9kMOLQr5pgkTibLklnsEzrk2XIiwfRqNO3zqSskeGVsM6PWXdv7\nB/j0S1liWXAIABT9yY1AXexsjYnV7lYf8FLhcJTS5oARnmsi2Omgn6rv7krt\nAzDapSSgakqSoAq9Fo62rMyvDg/pMlr8vTMl36+qLvd3Y4lQ1npRNYq/l1c/\nUwLUZ0qXgZ8dhMWTne8NWvbYhle0rbP9y1Q19HWbSqVPijZKszR60NZMAG+S\n/0lu08bsnxk6lDI00GVeoas2f38npYU8RENBLJY53E+sa+HKVvWxvV1KfE3Q\n8pOqiJJ/RUiPgJ0mW23F/HCnp4LaaU1ujVrQVkDV1AUuc+fYL8s0WetkH6UB\nFHu8/ofsF0kWMcxtPGIY4f3JhofKIozvS/BUwd3muJEKIJMvhP82fgRZpva+\ntzPt\r\n=6wfa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCmrEkcuoEfuo8tL02QXMEKVLKy49V14Dkd3I48EMbfAiEAyv0YbANK5RxIaiQdyYPF5MqM3TyX2kLCI5PhJWZh0c8="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.13_1598365067888_0.25873583937979805"},"_hasShrinkwrap":false},"2.0.14":{"name":"@terminus/ui-form-field","version":"2.0.14","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.0.13","@terminus/ui-pipes":"1.0.15","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/material":"9.2.4"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles.\n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.0.14","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-hxIYdRiqyPVc7uZaCSamF9pf+ipyKF7rxykTaIChcDHium0LD0yISAGjvUXa39SVgCebWm2eEpSxUE3AgcF30A==","shasum":"5d731daf106a6ffc098861d6745e48cc85d76856","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.0.14.tgz","fileCount":95,"unpackedSize":476484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlbtCRA9TVsSAnZWagAA7E8P/jjOczio2MYjMXeJqdBE\nxxJyWECVHBqM+O7nNXa2Eu5NwA0biaEfwv+7t8/MO3IWfXAu98LpmGVZQ76p\nwVqlJVIPFORGdw5jCWHpsgWKYBx+H9OA2GVOuF0lBnOb6lEmRm3aDnVvo2OA\ny+OesIrwLRLmE2YT6eOFobbRfM9jj8x7uJFhEJ/TEEBar6805wQJ1ly3sZqj\n32QcAnpuXO6Hla2edbTjuG9ETORKoQzDrJaYOP/5z9mwjo49O4VtV5SB/1ok\nsBOzkgUa2GYTpeKav8lx3By6pciEsK8f6jea3cLWaN0quCL1K8KKN9OxbDJ4\nWuUpCfkTJ0gxoie/XaheMLPlCrp5ab9C2B4+dv+Uu2cQqfNjcom9KhfQl+vj\nwCaY7w3IcoMONDcAchQACrH40O2D0QM4b1IKJjc/OEDGQYLQLTJgJytPiPUL\nGPN7uaKNHs1FU8vwzFpK1D9leSePePxb9xB0W5BBrxZ4tsjqH3UE7NqUleFn\nP75s6ffEB94Fw53V8viB/3A4ClO1ADVcoBO65SCOv4JCFPXZAQ0gwZOcdT0A\nljOO/hK7mhW9SfgWtZcWpHOidFiHI3VFqnvkp+rOuRu1+Uy57I+7ZGJjKmIr\ndxC1ePD+iJuanrgbS3EwVkTEHm6+wqpjruwgE8FYAqp6yEztXlNJcmyELJ5o\nmWX4\r\n=a0wi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOEi+oO9ZJF8944ASiotypBQAAJN4/a+cB42gUTMvmRQIhAMmRonJ0LHVkRQ54wNOFh4xLPN/67VaIx2t3as/JQVSu"}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.0.14_1599231725538_0.41692713063814235"},"_hasShrinkwrap":false},"2.1.0":{"name":"@terminus/ui-form-field","version":"2.1.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.15.0","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.1.0","@terminus/ui-pipes":"1.1.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/material":"9.2.4"},"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles.\n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.1.0","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-hGEvPvq3WsJEcb2JiwAQL7JImW23y7IbXNp0oWkaqxojWMM604Wkl5bOm65JdJ2B1tIuRjTkvGG6WMiAcvKgIA==","shasum":"cc8686eebcd01ec8dd2cf16635a0c46aa7b597f2","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.1.0.tgz","fileCount":95,"unpackedSize":476758,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9LnCRA9TVsSAnZWagAAAOQP/0oWhOwC6yJjOqt9Igjt\nW4A4vf3754ZjyVOHFt+flkBracU2pB6W4f/HxlRidorgy6JvGN18pgulpm5H\n4kPBDcPU6rdN/+E+wDsyN7aVDzu+Oet9DNtcf2WU+BzvfPiiGgTr1avsHyr5\nFXX6vk8HrCs2WyZk+7S0kc/E48kZTY/wi9W2cF+pqs8O6sJt9vF/nbyhClVF\npKu2/YYX6P8G/m78Qd7DZ4NtEOZzIH9x9anrt7Dm0NEyJZKy/bH0G+qtF64V\nY3UcfOZTxu+baqlRkpYyLSsOPdknOiRI19f7EyfxNInmBVO56iXTEFdMo/Yj\nb4a4y7ia9+KlvYHLlfS3Yb4bDGdyTCkzC9KigSqxTauB39oB5tDWQEGIxXfh\nV3WZDaPBKJcAjHao5hnNUAEEcxE6lOaLRLC3p7jBPzl4hRr0wJPCPRtw8cp0\nN8qFRiWgO7ZEfkQLftSEd0D2IBhIIjDH5Y/Pz/Qgga1G9v4rwy4A4bhF5vHU\no70wt0Y3adpdW2XBDXlaWzTobizmKhxhIcWSFy8Sl2U830fH6FLnXvlWD135\nUobkS7/M+4aJ88VmckNoB5ffCPAtDXOcv99IDAYRMCPV1jfXLeUzCfAdRZIq\n4148izQT1jybxn6Vo/R/srDaM9n3nidj6KbFMdhmO6FwGYpoll1Dl4tZhuAI\nT4Ao\r\n=/hr5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDMaAzIZERp/yB/xmx5wAP6E2/pkhQS+Y/3oeN9TMpvYAiAPpC0bt/GHNQKxFzGWHv1+Yjxxe5BeCyAlaySOEJpg3w=="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.1.0_1599591143403_0.5119432451199866"},"_hasShrinkwrap":false},"2.1.1":{"name":"@terminus/ui-form-field","version":"2.1.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/flex-layout":"~9.0.0-beta.29","@angular/forms":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.0.0","@terminus/ui-spacing":"^1.0.11","@terminus/ui-styles":"^1.1.0","@terminus/ui-validation-messages":"^1.0.14","rxjs":"^6.5.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm5/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm5":"esm5/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm5":"fesm5/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","date-fns":"2.16.1","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@terminus/ui-utilities":"1.1.1","@terminus/ui-pipes":"1.2.1"},"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@2.1.1","_nodeVersion":"12.19.0","_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","dist":{"integrity":"sha512-qvacgEVrHYdiESYvMB6w/1eiKD3YEP9ZgQvxgqXdqXLTFxSA7CmnROtYaurv1EmYkdeh14y9G5AykU4i5nKnjQ==","shasum":"e1f9a6034605de8abef8a5560d404d98245add39","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-2.1.1.tgz","fileCount":95,"unpackedSize":476851,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrB2pCRA9TVsSAnZWagAA0WAP/1lKHU7xD+EN9MThcOsN\ntu6msWn99ygHMmgkr++v5QbbBWR1NkB90dGb9iMWEcoTUAYYsO30vBGKo/IA\nEgjPpYfJ39VSHkrjlzmksoGMz6zOk9vTP4/ofCnh2e0C9PJiKe2oMvUB2nAw\nWkOB9CiRp9TMSZrU5xdbBsyaG4W2JhPgvljtcjXxaTGRtBSZ5e73Rnx2A603\noZH3kZHLeFJ33t1W0/3SPan1DsPEmHdy64hPul2zxXSDIhue07tSw7Pocvmh\nnzepfFUwbW7MgDm3+gqrn8RxmbtCUX0fMAiYHhU3DlHRQpGoIgvdnzyrb7In\nlc+sRNL4so0IgHvwMOlWljBk2evQAXOcebOXzz2xy1BXwMZQxIUfjhnfA1zD\ngKnMm1v5NgWv57eUYZNzYefa0W32bBgRtznrsndiEKvwrFQRGjuGiAJy74L7\n85p2EgllicGpw+cM/aaNmjEt9CNCiaLdsqsfgWTQ39lE0svlchYlyB4GFOPB\nTuO2VB6Ukx+nFVu4/djCxiNUpRE+uaNM+xHyVzSN/u4TZZJvZaKj6VW53G2S\n/EzibuCGe/QF+9pPHWCIamICT5EkmFwXZGBvQcHfweL4ToRi76rS4h91U0aU\nWvz6YS7fSEYdi7WngNw33ZRmVQrt7mMTWg4RP46Cqdh0JTHhaWc5TPAsgyCD\no/Mj\r\n=pOWC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC9FaAcEHp9wVCYDdOyu5jn+Of+YyQfXKJK2hC7HoupoAiBqb4nmmatSMNwf7dAKlhfdYixueDrMN3tCtwxd0xg+7g=="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_2.1.1_1605115304776_0.6141012403119464"},"_hasShrinkwrap":false},"3.0.0":{"name":"@terminus/ui-form-field","version":"3.0.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"dependencies":{"tslib":"^2.0.3","@angular-devkit/schematics":"11.0.4","@schematics/angular":"11.0.4","date-fns":"2.16.1","@terminus/ui-utilities":"2.0.0","@terminus/ui-pipes":"2.0.0"},"peerDependencies":{"@angular/common":"^11.0.4","@angular/core":"^11.0.4","@angular/flex-layout":"~11.0.0-beta.33","@angular/forms":"^11.0.4","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-spacing":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-validation-messages":"^2.0.0","rxjs":"^6.6.3"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm2015/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@3.0.0","_nodeVersion":"12.20.0","_npmVersion":"lerna/3.22.1/node@v12.20.0+x64 (linux)","dist":{"integrity":"sha512-lbV5MjIeLPMnr/LkNjkpQ8Fm4W3T/h58RefwrsLQ0TgtFl6+f4BHfYkF1krZdRiQMrkO4SS0YxVNfy7NycxOIg==","shasum":"e4ed18fe914d48df991f9d3b99b1aa5085ce756a","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-3.0.0.tgz","fileCount":67,"unpackedSize":346376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2hfICRA9TVsSAnZWagAAGKEP/2XU14jeQypAabq+FsNT\nznQ3lK9Y7ZhmGfUFDfe6v7VbU/Z8zCG17lppWiSVgEMwC3E2/L9vIpV6xHKb\n0+18i5p7OOsI0x/WDkzLpshrMExvx+cBzEpirizM+hhC46w6UNjDK7SgyyPK\n+9EQGEIdZRNgkZc3pB6MRdLPdujUAoECZTZAhqfHOjok0DbOG6xMIKZqoBGW\n/zrd6hbmESFHtA8cNkXCQ74F7fFz3FC3mO82Q341aHuLpLl5tHP+8pk0kRzj\nW9ndimygPd29fok0XKmsXLK+SylnX8qRqOmpnJXMeRuWanhOMibxf6zd+bht\nIMU5trzVzXX9KA7eD7o4MNosFQEuH6L+BDzzzsceLpz/p3nJI0zIdy7OOhwW\nAma3usJrPKIe+bUdcai6UhiWaHPCcuXAreFLdLRdtFSMvSrgV9+hv70FYNy0\nGRoJxK8jFJq0DcirRQtSO9MGGVVQzh22xSOJze/51LntlVHCEwHiUuVGmrn6\nCLAP4rTP2XpO7L+fpxZ4wwi5zkOmh2omat+YrwPybrKnKKx2tXHUwiDg2mVV\n3snAFxTPnirRjxwNJPiUocg99ud34r582u/XCrZxsIDOYnVE4hYgaTG5pnby\nQ2z2or3GdJ0WBXeZyi1XtIitafdf5UNinc7p+0CTHAk9+IombN5Hqa0npll6\n6g4o\r\n=LVzn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICg9+Peuepc40D1kFqioyEac5MC5Q7VyLI1/Y76R/9e8AiASQ0EzZrIrWq5CgBhdCd1hC74q2l3gxhv7hYFCSdmJVg=="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_3.0.0_1608128456476_0.5691650138690618"},"_hasShrinkwrap":false},"3.0.1":{"name":"@terminus/ui-form-field","version":"3.0.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/form-field"},"dependencies":{"tslib":"^2.0.3","@angular-devkit/schematics":"12.2.13","@schematics/angular":"11.0.4","date-fns":"2.16.1","@terminus/ui-utilities":"2.0.0","@terminus/ui-pipes":"2.0.0"},"peerDependencies":{"@angular/common":"^11.0.4","@angular/core":"^11.0.4","@angular/flex-layout":"~11.0.0-beta.33","@angular/forms":"^11.0.4","@angular/platform-browser":"^11.0.4","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^2.0.0","@terminus/ui-spacing":"^2.0.0","@terminus/ui-styles":"^2.0.0","@terminus/ui-validation-messages":"^2.0.0","rxjs":"^6.6.3"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-form-field.umd.js","module":"fesm2015/terminus-ui-form-field.js","es2015":"fesm2015/terminus-ui-form-field.js","esm2015":"esm2015/terminus-ui-form-field.js","fesm2015":"fesm2015/terminus-ui-form-field.js","typings":"terminus-ui-form-field.d.ts","metadata":"terminus-ui-form-field.metadata.json","sideEffects":false,"readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top-level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles.\n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md","description":"<h1>Form Field</h1>","_id":"@terminus/ui-form-field@3.0.1","_nodeVersion":"12.22.7","_npmVersion":"lerna/3.22.1/node@v12.22.7+x64 (linux)","dist":{"integrity":"sha512-o2h6Qz0S7AhUOGqmYeXu166/yAzn2iK3Odwh1AKFmR7tsZQouXR0qSX84WDcwp9OMELr5qnYFhmceQNtmB8Oig==","shasum":"9db0fa49aafc84e4e86bf1f62a4c19a968a7e6ae","tarball":"https://registry.npmjs.org/@terminus/ui-form-field/-/ui-form-field-3.0.1.tgz","fileCount":62,"unpackedSize":284406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhp6v6CRA9TVsSAnZWagAAZIoP/3jJqukZeGhLrBFTqHMo\n7bK/7wD03TPQkQ7do3z2g9KrglqqHz0jfVAWCbzQQuIGWqMOEhV3nG6yIC/b\nrMh260Pmrk34EbJd1+Jx1jQIVQsIrLeFMxOov3CxJvN6/UxDiqludkEINBSN\n3Qr05QBgd0aF5GhumH2UtwSVMShsnpakhNS6fLLEgAf9AdiCffunWayVBMpI\nPbTDjQSPMtnW5XSvxGH3O3K5brncjJIv3l7VRxLLwi+DZvs8xPbH9KrkFzTi\npgFRAf5jGhj1YNDrS6lXdo3JBE11KGPXkV9PVa9lTXh2V0TVSQ+K2fhEXnaa\n/3QPfY3oZeuyAfW7gCTt04THLYCnDk+rfAyqhscCrth8TBc0svS4pBQqyWbP\n9Ec0Ej3Xi3Wh47zk9n3Qv3b+Iwu0cNPEChwqa3lDw9yLl3bXa18UKRafOZu1\nBnytlQAr/fRzExNZN+Up3EDvpqjyKlCpa5dGNheBMqSk68UTphWLobzEPZE7\nuKao9i9RHX7mr9TTwttGT1AWLuT6WYVN2qYLafIY7ZYNU3MucLKXv1Qexhh5\ndI1QpWNkbcXUW7TLFPEcOL08xePbt3VeqcU+ru2z0QMf1sEF99pjUrGvTQtr\ngW1xnuDWuuvS9vhXfxO0MB0LBVMJsC6oXEpvDOm3hD2wC6TLWhGEBx4aI8J0\nDJSp\r\n=KgCh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3pexwsD47692PdyNR3qa5kanCWiiHT3fR/caKhZ/7ZAiEA7IDcjyxOB2cdRcVau9GlVMVrHcWj+fn7ShRLUWx++IM="}]},"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"maintainers":[{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-form-field_3.0.1_1638378490774_0.47859182980018455"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-02T05:24:57.271Z","0.0.1":"2020-06-02T05:24:57.548Z","modified":"2022-04-07T05:16:12.943Z","1.0.0":"2020-06-04T17:04:35.948Z","1.0.1":"2020-06-04T18:23:35.193Z","1.0.2":"2020-06-05T02:15:51.046Z","1.0.3":"2020-06-10T12:05:42.438Z","1.0.4":"2020-06-10T12:18:32.838Z","1.0.5":"2020-06-11T14:18:26.422Z","1.0.6":"2020-06-23T15:35:05.803Z","1.0.7":"2020-07-07T15:38:56.458Z","1.0.8":"2020-07-13T19:24:07.165Z","1.0.9":"2020-07-14T21:57:23.600Z","2.0.0":"2020-07-27T19:39:57.775Z","2.0.1":"2020-07-28T15:29:13.054Z","2.0.2":"2020-07-28T18:28:33.602Z","2.0.3":"2020-07-29T13:05:28.527Z","2.0.4":"2020-07-29T15:33:59.098Z","2.0.5":"2020-07-30T20:34:37.811Z","2.0.6":"2020-07-31T14:00:42.826Z","2.0.7":"2020-08-05T19:12:06.998Z","2.0.8":"2020-08-06T13:59:40.856Z","2.0.9":"2020-08-10T16:20:33.686Z","2.0.10":"2020-08-10T20:18:08.999Z","2.0.11":"2020-08-13T16:09:32.921Z","2.0.12":"2020-08-14T15:30:24.846Z","2.0.13":"2020-08-25T14:17:48.000Z","2.0.14":"2020-09-04T15:02:05.723Z","2.1.0":"2020-09-08T18:52:23.586Z","2.1.1":"2020-11-11T17:21:44.931Z","3.0.0":"2020-12-16T14:20:56.646Z","3.0.1":"2021-12-01T17:08:10.935Z"},"maintainers":[{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"description":"<h1>Form Field</h1>","homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"author":{"name":"@terminus"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"license":"MIT","readme":"<h1>Form Field</h1>\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url]  \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\nA field wrapper for form components.\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n## Table of Contents\n\n- [Installation](#installation)\n  - [CSS imports](#css-imports)\n  - [CSS resources](#css-resources)\n- [Usage](#usage)\n  - [Control](#control)\n  - [Float label](#float-label)\n  - [Hide required marker](#hide-required-marker)\n  - [Hint](#hint)\n  - [No validation or hint](#no-validation-or-hint)\n  - [Validation trigger](#validation-trigger)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n## Installation\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-autocomplete\n```\n\n### CSS imports\n\nIn your top-level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n```  \n\n### CSS resources\n\nLoad the needed font families by adding this link to the `<head>` of your application:\n\n```css\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n```\n\n## Usage\n\n`TsFormFieldComponent` is a component used to wrap several other components that could be used within a form and apply common styles.\n\n```html\n<ts-form-field\n    [control]=\"myControlInstance\"\n    [validateOnChange]=\"true\"\n    ...etc\n ></ts-form-field>\n```\n\n### Control\n\nUsers can pass in form control to the form field component\n\n```html\n<ts-form-field [control]=\"myFormControl\"></ts-form-field>\n```\n\n### Float label\n\nIt defines whether the label should always float or float as the user types. The value can only be set to either `always` or `auto`.\n\n```html\n<ts-form-field [floatLabel]=\"always\"></ts-form-field>\n```\n\n### Hide required marker\n\nDefine if a required marker should be hidden.\n\n```html\n<ts-form-field [hideRequiredMarker]=\"true\"></ts-form-field>\n```\n\n### Hint\n\nDefine a hint for the input.\n\n```html\n<ts-form-field [hint]=\"Please input a number\"></ts-form-field>\n```\n\n### No validation or hint\n\nA flag to define whether this form needs validations or a hint. If it needs validation or hint, space is added for\nvalidation message or hint at the bottom.\n\n```html\n<ts-form-field [noValidationOrHint]=\"true\"></ts-form-field>\n```\n\n### Validation trigger\n\nDefine if the validation should be shown immediately or on blur.\n\n```html\n<ts-form-field [validateOnChange]=\"true\"></ts-form-field>\n```\n\n<!-- Links -->\n[license-url]:         https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]:       http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]:     https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]:       https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]:   http://img.shields.io/npm/v/@terminus/ui-form-field.svg\n[npm-package]:         https://www.npmjs.com/package/@terminus/ui-form-field\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]:  https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]:     http://img.badgesize.io/https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-form-field/bundles/terminus-ui-form-field.umd.js\n","readmeFilename":"README.md"}