{"_id":"getmdl-select","_rev":"14-fa3740fce8f60255faf329ac57d0c740","name":"getmdl-select","description":"select for material-design-lite","dist-tags":{"latest":"2.0.1"},"versions":{"1.0.0":{"name":"getmdl-select","version":"1.0.0","description":"select for material-design-lite","repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"keywords":["material","design","styleguide","style","guide","mdl","getmdl","select","selection-dropdown","getmdl-select"],"author":{"name":"CreativeIT"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","devDependencies":{"bower":"^1.5.2","gulp":"^3.9.0","gulp-rename":"^1.2.2","gulp-sass":"^2.0.4","gulp-sourcemaps":"^1.5.2","gulp-uglifyjs":"^0.6.2","gulp-babel":"^5.3.0"},"dependencies":{"material-design-lite":"^1.0.4"},"license":"ISC","gitHead":"765815a069c4315526266afa2c3c64bcc5195f92","bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"_id":"getmdl-select@1.0.0","scripts":{},"_shasum":"ec2f41b5dac551e2cbdd521599f4e3a921088b8a","_from":".","_npmVersion":"3.5.3","_nodeVersion":"5.0.0","_npmUser":{"name":"franckevva","email":"vladka_f@mail.ru"},"dist":{"shasum":"ec2f41b5dac551e2cbdd521599f4e3a921088b8a","tarball":"https://registry.npmjs.org/getmdl-select/-/getmdl-select-1.0.0.tgz","integrity":"sha512-DkJJ/ALPtg3ArfuZStCoSb9cC3ocZzHmzKWX8DJfah2qKQkvN3IsJhlsb5H+fPw7FEu+8oS5MusEiKqLuuUjAg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGM5p0lApFE4wGYPdIW4waxGjcw98WAqqRTu3jX+O1s9AiBXY40KpyBogrEvc8X9+VJO39a1y+VL/ZF6urhmQhMp4w=="}]},"maintainers":[{"name":"franckevva","email":"vladka_f@mail.ru"}],"deprecated":"add keywords"},"1.0.3":{"name":"getmdl-select","version":"1.0.3","description":"select for material-design-lite","repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"keywords":["material","mdl","getmdl","select","getmdl-select","dropdown","getmdl-dropdown"],"author":{"name":"CreativeIT"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","devDependencies":{"bower":"^1.5.2","gulp":"^3.9.0","gulp-rename":"^1.2.2","gulp-sass":"^2.0.4","gulp-sourcemaps":"^1.5.2","gulp-uglifyjs":"^0.6.2","gulp-babel":"^5.3.0"},"dependencies":{"material-design-lite":"^1.0.4"},"license":"ISC","gitHead":"6a62d34e772e4dc65cd15b851e223aabf6788fd7","bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"_id":"getmdl-select@1.0.3","scripts":{},"_shasum":"811d3bfa9302bd89e9ad2d2d221d70700d6fca98","_from":".","_npmVersion":"3.6.0","_nodeVersion":"5.0.0","_npmUser":{"name":"franckevva","email":"vladislava.frantskevich@creativeit.io "},"dist":{"shasum":"811d3bfa9302bd89e9ad2d2d221d70700d6fca98","tarball":"https://registry.npmjs.org/getmdl-select/-/getmdl-select-1.0.3.tgz","integrity":"sha512-Kt2XfK7y2C1rvdCA0NHrcaPeSXtikR/gO15bKNgjZ3I7ErGpGMjuUddltoIxWY0J2sm6DAbLeAoZ5iOR+GFYUA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAl8T6b+6P2JfZPAQNivE9s0ev3L+cLPJ3qKQXQfMXNKAiBpTbJskrx29ExjQ2Bp8TgOZuQABxxqm35vdE+zFuG0Hw=="}]},"maintainers":[{"name":"franckevva","email":"vladka_f@mail.ru"}],"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/getmdl-select-1.0.3.tgz_1456844446524_0.24124782509170473"}},"1.0.4":{"name":"getmdl-select","version":"1.0.4","description":"select for material-design-lite","repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"keywords":["material","mdl","getmdl","select","getmdl-select","dropdown","getmdl-dropdown"],"author":{"name":"CreativeIT"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","devDependencies":{"bower":"^1.5.2","gulp":"^3.9.0","gulp-rename":"^1.2.2","gulp-sass":"^2.0.4","gulp-sourcemaps":"^1.5.2","gulp-uglifyjs":"^0.6.2","gulp-babel":"^5.3.0"},"dependencies":{"material-design-lite":"^1.0.4"},"license":"ISC","gitHead":"4b685e51f51d376b2d502b589c17b8424cf0bba8","bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"_id":"getmdl-select@1.0.4","scripts":{},"_shasum":"69ea028abac8fa83e27b03aaff9165c294ea8d22","_from":".","_npmVersion":"3.6.0","_nodeVersion":"5.0.0","_npmUser":{"name":"franckevva","email":"vladislava.frantskevich@creativeit.io "},"dist":{"shasum":"69ea028abac8fa83e27b03aaff9165c294ea8d22","tarball":"https://registry.npmjs.org/getmdl-select/-/getmdl-select-1.0.4.tgz","integrity":"sha512-8VYICTb/pl7uSYnLSPiyEvXLRdvdgwv6a6dF2xdBCEijsDZmHFXtOmZ6yapdUsTqmylSeAY7uac2QVrPUiSxpA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBYCCQZIxe70YWrSQNMVYyQJ50jsreZLwd6NbqwTNLtMAiAeKDdKAi0+bnvviPUA7SBtGyMn20a7xOxSd7AxmnFl+w=="}]},"maintainers":[{"name":"franckevva","email":"vladka_f@mail.ru"}],"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/getmdl-select-1.0.4.tgz_1456846732983_0.8868386794347316"}},"1.1.0":{"name":"getmdl-select","version":"1.1.0","description":"select for material-design-lite","repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"keywords":["material","mdl","getmdl","select","getmdl-select","dropdown","getmdl-dropdown"],"author":{"name":"CreativeIT"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","devDependencies":{"bower":"^1.5.2","gulp":"^3.9.0","gulp-rename":"^1.2.2","gulp-sass":"^2.0.4","gulp-sourcemaps":"^1.5.2","gulp-uglifyjs":"^0.6.2","gulp-babel":"^5.3.0"},"dependencies":{"material-design-lite":"^1.1.3"},"license":"MIT","gitHead":"d0c7292802197b2e028ab945faaea588b2d68beb","bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"_id":"getmdl-select@1.1.0","scripts":{},"_shasum":"44122d7167852be565db37b444f944140d422314","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"eu-k","email":"eugene.kachanovski@creativeit.io"},"dist":{"shasum":"44122d7167852be565db37b444f944140d422314","tarball":"https://registry.npmjs.org/getmdl-select/-/getmdl-select-1.1.0.tgz","integrity":"sha512-UUAd34PEoPsx8YAoVxUaSOGYs+ZnMNFkgd9R3t1B4vujIYIQXJE2kVMSKZBdK7mz/2FK8Nwtj08VtXtso7I6wQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFeokQAQWiybyV0+BVY9OE3OnhjAsEBfsYmz44Q560HPAiEA4zNnwxa00+81eXaDOi2aBf3KWrFqyVMorBCacHQNGNk="}]},"maintainers":[{"name":"eu-k","email":"eugene.kachanovski@creativeit.io"},{"name":"franckevva","email":"vladislava.frantskevich@creativeit.io "}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/getmdl-select-1.1.0.tgz_1499948082593_0.5530172865837812"}},"2.0.0":{"name":"getmdl-select","version":"2.0.0","description":"select for material-design-lite","repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"keywords":["material","mdl","getmdl","select","getmdl-select","dropdown","getmdl-dropdown"],"author":{"name":"CreativeIT"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","devDependencies":{"bower":"^1.5.2","gulp":"^3.9.0","gulp-rename":"^1.2.2","gulp-sass":"^2.0.4","gulp-sourcemaps":"^1.5.2","gulp-uglifyjs":"^0.6.2","gulp-babel":"^5.3.0"},"dependencies":{"material-design-lite":"^1.1.3"},"license":"MIT","gitHead":"5b8d459c1b77e06fdbe7e12ceaa3facc6fbc98fc","bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"_id":"getmdl-select@2.0.0","scripts":{},"_shasum":"24bd98663018ffe01283da704ba05451c028385f","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"alexbananabob","email":"alex.bobko@creativeit.io"},"dist":{"shasum":"24bd98663018ffe01283da704ba05451c028385f","tarball":"https://registry.npmjs.org/getmdl-select/-/getmdl-select-2.0.0.tgz","integrity":"sha512-Q7JNHVAGsdXNmE+BUCbltrXRcMwmL/y1r2NGW9jqMSKV6Gb35kWpNLvCbDG0zwxVu2/F4G3spOGR8cvyv6NLaA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGm2EG5Hp1QfCFuITfDAY3q1JU7VmhLliknhAf66vDCAAiEA4BXo+/U3SpL+HCfWf0COQVAWM1esaAEbGhHHMDq7aNk="}]},"maintainers":[{"name":"alexbananabob","email":"alex.bobko@creativeit.io"},{"name":"eu-k","email":"eugene.kachanovski@creativeit.io"},{"name":"franckevva","email":"vladislava.frantskevich@creativeit.io "}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/getmdl-select-2.0.0.tgz_1514640938672_0.08829935640096664"}},"2.0.1":{"name":"getmdl-select","version":"2.0.1","description":"select for material-design-lite","repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"keywords":["material","mdl","getmdl","select","getmdl-select","dropdown","getmdl-dropdown"],"author":{"name":"CreativeIT"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","devDependencies":{"bower":"^1.5.2","gulp":"^3.9.0","gulp-rename":"^1.2.2","gulp-sass":"^2.0.4","gulp-sourcemaps":"^1.5.2","gulp-uglifyjs":"^0.6.2","gulp-babel":"^5.3.0"},"dependencies":{"material-design-lite":"^1.1.3"},"license":"MIT","gitHead":"09cf27087b30acd7efa4afc049bc1a4cb3fb5a67","bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"_id":"getmdl-select@2.0.1","scripts":{},"_shasum":"4bdbd77fdfd3e7b2c3fac503a32d25b0872e1321","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"alexbananabob","email":"alex.bobko@creativeit.io"},"dist":{"shasum":"4bdbd77fdfd3e7b2c3fac503a32d25b0872e1321","tarball":"https://registry.npmjs.org/getmdl-select/-/getmdl-select-2.0.1.tgz","integrity":"sha512-ZR33PMOwbDMcxoJsLawytfPpK+TaVFUGW0tEPsxq2KuIzKC/SQChdVIIs6U+PS02xxbp0w2Fp1DfBrO/Xlx4DA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvLk85Sj3SGwz0WVm5mkME8n4XesoXCX0pytE+a5iBpQIgNBorb4wkdR3XpCkzNAx7XPTJacvLzYPrt1BUo1vxwXc="}]},"maintainers":[{"name":"alexbananabob","email":"alex.bobko@creativeit.io"},{"name":"eu-k","email":"eugene.kachanovski@creativeit.io"},{"name":"franckevva","email":"vladislava.frantskevich@creativeit.io "}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/getmdl-select-2.0.1.tgz_1514989664964_0.6286105471663177"}}},"readme":"    \n# getmdl-select\nMaterial Design Lite selectfield component [material-design-lite](https://github.com/google/material-design-lite)\n\n## Live Example\n\n![alt tag](https://raw.github.com/CreativeIT/getmdl-select/gh-pages/lib/index_mdl/select_mdl.gif)\n\nCheck out the [example](http://creativeit.github.io/getmdl-select/)\n\n## Install\n\nThere are three ways to install getmdl-select:\n\n 1. Using [npm](http://npmjs.org/):\n    Use this command in your command line: \n    ```bash\n    npm install getmdl-select\n    ```\n 2. Using [Bower](http://bower.io/):\n    Use this command in your command line: \n    ```bash\n    bower install getmdl-select\n    ```\n 3. Clone the repo using Git:\n\n    ```bash\n    git clone https://github.com/CreativeIT/getmdl-select.git\n    ```\n    \n    (Alternatively you can [download](https://github.com/CreativeIT/getmdl-select/archive/master.zip)\nthis repository.)\n    And then:\n    \n    ```bash\n    cd getmdl-select   \n    npm install\n    ```\n\n## Basic use\nTo use any MDL component, you must include the minified CSS and JavaScript files using standard relative-path references in the `<head>` section of the page, as described in the MDL Introduction.\n   ```html\n   <!-- getmdl -->\n   <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n   <link rel=\"stylesheet\" href=\"your_path_to/material-design-lite/material.min.css\">\n   <script defer src=\"your_path_to/material-design-lite/material.min.js\"></script>   \n   <!--getmdl-select-->   \n   <link rel=\"stylesheet\" href=\"path_to/getmdl-select/getmdl-select.min.css\">\n   <script defer src=\"path_to/getmdl-select/getmdl-select.min.js\"></script>\n   ```\n\n### Example\n\nSimple select field. To see other examples visit [this page](http://creativeit.github.io/getmdl-select/).\n ```html\n    <div class=\"mdl-textfield mdl-js-textfield getmdl-select\">\n       <input class=\"mdl-textfield__input\" value=\"\" id=\"country\" readonly/>\n       <input value=\"\" type=\"hidden\" name=\"country\"/>\n       <label class=\"mdl-textfield__label\" for=\"country\">Сountry</label>\n       <ul class=\"mdl-menu mdl-menu--bottom-left mdl-js-menu\" for=\"country\">\n         <li class=\"mdl-menu__item\" data-val=\"BLR\">Belarus</li>\n         <li class=\"mdl-menu__item\" data-val=\"BRA\">Brazil</li>\n         <li class=\"mdl-menu__item\" data-val=\"FRA\">France</li>\n         <li class=\"mdl-menu__item\" data-val=\"DEU\">Germany</li>\n         <li class=\"mdl-menu__item\" data-val=\"RUS\">Russia</li>\n       </ul>\n    </div>\n ```\n### Important\nIf you want to use more than one getmdl-select item use different ids for inputs and don't forget to change `ul` and `label`'s `for` attributes. It works wrong without this.\n\n## Configuration options \n#### Dynamically usage\nFor dynamically usage, you must add `getmdlSelect.init(cssSelector)` in javascript code, (where cssSelector, for example, is `\".getmdl-select\"` or `\"#mySelect\"`), after new item is created or any new element added to existing list. \n\n#### data-val\nEvery `li` should have its own `data-val` attribute. Choosing any element of select you change `value` of hidden `input` as `data-val` property of corresponding\n`li`. Also you change `value` of readonly `input` to `li.textContent`. Then after form submit, next pair `hiddenInputName=hiddenInputValue` will send to server side.\n\n#### Pre-selected item\nTo set pre-selected value add `data-selected=\"true\"` attribute to corresponding `li` in your list.\n\n#### Width\nInitial Select takes the default width (300px). You can change it by overriding the CSS property `width`.\n\n#### Height\nOptions list automatically adapt to the maximum height by content. If you want to use small height (300px) and see scroll bar, add class `getmdl-select__fix-height`.\n    \n## LICENSE\nSee the [LICENSE file](https://github.com/CreativeIT/getmdl-select/blob/master/LICENSE.txt) for license rights and limitations (MIT).\n\n## Support the project\n* Star the repo\n* Create issue report or feature request\n* [Tweet about it](https://twitter.com/CreativeITeam)\n* Follow us on [Twitter](https://twitter.com/CreativeITeam)\n","maintainers":[{"name":"alexbananabob","email":"alex.bobko@creativeit.io"},{"name":"eu-k","email":"eugene.kachanovski@creativeit.io"},{"name":"franckevva","email":"vladislava.frantskevich@creativeit.io "}],"time":{"modified":"2022-06-18T07:59:59.770Z","created":"2016-01-25T14:24:47.277Z","1.0.0":"2016-01-25T14:24:47.277Z","1.0.3":"2016-03-01T15:00:50.100Z","1.0.4":"2016-03-01T15:38:56.438Z","1.1.0":"2017-07-13T12:14:43.493Z","2.0.0":"2017-12-30T13:35:39.659Z","2.0.1":"2018-01-03T14:27:45.027Z"},"homepage":"https://github.com/CreativeIT/getmdl-select#readme","keywords":["material","mdl","getmdl","select","getmdl-select","dropdown","getmdl-dropdown"],"repository":{"type":"git","url":"git+https://github.com/CreativeIT/getmdl-select.git"},"author":{"name":"CreativeIT"},"bugs":{"url":"https://github.com/CreativeIT/getmdl-select/issues"},"license":"MIT","readmeFilename":"README.md","users":{"artem.tkachuck":true,"globalesya":true,"alexbananabob":true}}