{"_id":"@adwatch/autocomplete","_rev":"2-ed6e97594cf2eba7347f571ff38ac157","name":"@adwatch/autocomplete","description":"Flexible autocomplete module and custom select","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@adwatch/autocomplete","version":"1.0.2","description":"Flexible autocomplete module and custom select","main":"./src/index.js","scripts":{"compile":"babel src -d build -s","prepublish":"npm run compile"},"author":{"name":"Adwatch"},"license":"ISC","devDependencies":{"babel-cli":"^6.18.0","babel-preset-es2015":"^6.18.0","babel-runtime":"^6.20.0"},"repository":{"type":"git","url":"git+ssh://git@bitbucket.org/prodhub/autocomplete-module.git"},"keywords":["autocomplete"],"homepage":"https://bitbucket.org/prodhub/autocomplete-module#readme","gitHead":"a2c1d1b30f7de1712772aecceaa00181a48d7002","_id":"@adwatch/autocomplete@1.0.2","_shasum":"b49bd85e94dd359723a59629f9f243f21749e13e","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.12.1","_npmUser":{"name":"adwatch","email":"vyacheslav.anosov@isobar.ru"},"dist":{"shasum":"b49bd85e94dd359723a59629f9f243f21749e13e","tarball":"https://registry.npmjs.org/@adwatch/autocomplete/-/autocomplete-1.0.2.tgz","integrity":"sha512-fsz497caKRrPbfSyrjE6FtjNXOOoCN9NhqEyMcd19ts+yCF4tX1RlsfobFpPAIC+cxqaHXkCUM4GwjAW+BHDAw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiVS1iKICS5peOKri9F6XoQfhvCFDmfQyD6gvywmEGNAIhANH4I3FAUUHvFgipjN2hmHZUvCNBSDdShhN7XkireNbv"}]},"maintainers":[{"name":"adwatch","email":"vyacheslav.anosov@isobar.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/autocomplete-1.0.2.tgz_1513600955646_0.7690279658418149"}}},"readme":"# Autocomplete\n\n\n## Install\n\n```sh\n$ npm install --save @adwatch/autocomplete\n```\n\n\n## Usage\n```js\nimport Autocomplete from '@adwatch/autocomplete';\n// or\nvar Autocomplete = require('@adwatch/autocomplete');\n```\n\n\n## API\n\n\n### init()\nInitialize autocomplete\n```js\nlet autocomplete = new Autocomplete(config);\nautocomplete.init();\n```\n\n\n### check\n\nCheck autocomplete\n\n*It can be take disposable optional params*\n\n```js\nlet autocomplete = new Autocomplete({\n        callAjaxSuccess: function () {console.log(this); },\n        callAjaxError: function () {console.log(this); },\n        callSortArray: function () {console.log(this); },\n        callError: function () {console.log(this); },\n        callSuccess: function () {console.log(this); },\n        callWarning: function () {console.log(this); }\n});\n```\n\n\n### disable()\n\nDisable input\n\n*It can be take disposable optional params*\n\n```js\n    //Disable input\n    autocomplete.disable();\n```\n\n\n\n### enable()\n\nEnable input\n\n*It can be take disposable optional params*\n\n```js\n    //Enable input\n    autocomplete.enable();\n```\n\n\n\n## OPTIONS\n\n### data\n\n**It is necessary option**\n\n**You can use an array or json**\n\nType `array`\n\n```js\nlet autocomplete = new Autocomplete({\n\tarrayData: ['one', 2, 'two', 4, 'three']\n});\n```\n\n**or**\n\nType `request`\n\n\nDescription: `customData.key the key value of which is the search in json`\n\n\n```js\nlet autocomplete = new Autocomplete({\n\tcustomData:  {\n            url: 'name.json',\n            type: 'GET',\n            key: 'name'\n        }\n});\n```\n\n\n### autocompleteInputClass\n\nType `string`\n\n**It is necessary option**\n\nIt defines your input selector and other required dependencies\n```js\nlet autocomplete = new Autocomplete({\n\tautocompleteInputClass: 'autocomplete__input'\n});\n```\n\n\n\n### autocompleteContainerClass\n\nType `string`\n\nDefault: `'autocomplete'`\n\nset class for main container\n```js\nlet autocomplete = new Autocomplete({\n\tautocompleteContainerClass: 'autocomplete'\n});\n```\n\n\n### autocompleteWrapClass\n\nType `string`\n\nDefault: `'autocomplete__wrap'`\n\nset class for wrapper\n```js\nlet autocomplete = new Autocomplete({\n    autocompleteWrapClass: 'autocomplete__wrap'\n});\n```\n\n### autocompleteResultClass\n\nType `string`\n\nDefault: `'autocomplete__result'`\n\nset class for block with results\n```js\nlet autocomplete = new Autocomplete({\n    autocompleteResultClass: 'autocomplete__result'\n});\n```\n\n### autocompleteLabelClass\n\nType `string`\n\nDefault: `'autocomplete__label'`\n\nset class for block with results\n```js\nlet autocomplete = new Autocomplete({\n    autocompleteLabelClass: 'autocomplete__result'\n});\n```\n\n### autocompleteLabelClass\n\nType `string`\n\nDefault: `'City'`\n\nset the heading to the field\n\n```js\nlet autocomplete = new Autocomplete({\n    labelTitle: 'City'\n});\n```\n\n\n### clearBtnSwitch\n\nType `boolean`\n\nDefault: `false`\n\nenable or disable the clear button\n```js\nlet autocomplete = new Autocomplete({\n    clearBtnSwitch: false\n});\n```\n\n### autocompleteClearBtnClass\n\nType `string`\n\nDefault: `'autocomplete__clear'`\n\nset the class for the cleanup button input\n```js\nlet autocomplete = new Autocomplete({\n    autocompleteClearBtnClass: 'autocomplete__clear'\n});\n```\n\n### message\n\nType `boolean`\n\nDefault: `false`\n\nenable or disable messages\n```js\nlet autocomplete = new Autocomplete({\n    message: true\n});\n```\n\n### autocompleteMessageClass\n\nType `string`\n\nDefault: `'autocomplete__message'`\n\nset the class for the message block\n```js\nlet autocomplete = new Autocomplete({\n    autocompleteClearBtnClass: 'autocomplete__message'\n});\n```\n\n### message text\n\nType `string`\n\nDefault error: `'Ошибка!'`\nDefault warning: `'Предупреждение!'`\nDefault success: `'Успех!'`\n\nset the message to be displayed\n```js\nlet autocomplete = new Autocomplete({\n    messageErrorText: 'Ошибка!',\n    messageWarningText: 'Предупреждение!',\n    messageSuccessText: 'Успех!'\n});\n```\n\n### timeRemoveMessage\n\nType `number`\n\nDefault: `2500`\n\nsets the time through which messages are deleted\n\n```js\nlet autocomplete = new Autocomplete({\n    timeRemoveMessage: 1000\n});\n```\n\n\n### controlButtons\n\nType `boolean`\n\nDefault: `false`\n\nDescription: \n\n            `ENTER` - select result\n             \n             `UP` - up the list\n             \n             `DOWN` - down the list\n\n\nenable or disable keyboard management\n\n```js\nlet autocomplete = new Autocomplete({\n    controlButtons: true\n});\n```\n\n### tooltip\n\nType `boolean`\n\nDefault: `false`\n\nDescription: `The tooltip is shown if the selected result does not fit into the input. be sure to enter the fontsize of your input`\n\nenable or disable tooltip\n\n```js\nlet autocomplete = new Autocomplete({\n    tooltip: true,\n    fontSizeInputForTooltip: 20\n});\n```\n\n### showTooltipTime\n\nType `number`\n\nDefault: `2500`\n\nsets the display time of the tooltip\n\n```js\nlet autocomplete = new Autocomplete({\n    tooltip: true\n});\n```\n\n### showResultSide\n\nType `boolean`\n\nDefault: `false`\n\n\nDescription: `if the block with the result does not fit between the page and input, then it is displayed at the top or bottom`\n\nturn on or off the selection of the block position with the result\n\n```js\nlet autocomplete = new Autocomplete({\n    showResultSide: true\n});\n```\n\n### filterFirstLetter\n\nType `boolean`\n\nDefault: `false`\n\nstarts filtering from the first letter\n\n```js\nlet autocomplete = new Autocomplete({\n    filterFirstLetter: false\n});\n```\n\n### strictComparison\n\nType `boolean`\n\nDefault: `false`\n\nstrict comparison\n\n```js\nlet autocomplete = new Autocomplete({\n    strictComparison: false\n});\n```\n\n### minChars\n\nType `number`\n\nDefault: `1`\n\n\nSets which character begins the search\n\n```js\nlet autocomplete = new Autocomplete({\n    minChars: 1\n});\n```\n\n\n### loader\n\nType `boolean`\n\n\nDefault: `false`\n\n\nenable or disable the display of the download wait\n\n```js\nlet autocomplete = new Autocomplete({\n    loader: true\n});\n```\n\n\n### autocompleteLoaderClass\n\nType `string`\n\nDefault: `loader`\n\nsets the preloader class\n\n```js\nlet autocomplete = new Autocomplete({\n    autocompleteLoaderClass: 'loader'\n});\n```\n\n\n### timeRequest\n\nType `number`\n\nDefault: `250`\n\nSets the time the request was sent after the printing was stopped\n\n```js\nlet autocomplete = new Autocomplete({\n    timeRequest: 300\n});\n```\n\n\n","maintainers":[{"name":"adwatch","email":"vyacheslav.anosov@isobar.ru"}],"time":{"modified":"2022-06-12T14:19:54.995Z","created":"2017-12-18T12:42:36.672Z","1.0.2":"2017-12-18T12:42:36.672Z"},"homepage":"https://bitbucket.org/prodhub/autocomplete-module#readme","keywords":["autocomplete"],"repository":{"type":"git","url":"git+ssh://git@bitbucket.org/prodhub/autocomplete-module.git"},"author":{"name":"Adwatch"},"license":"ISC","readmeFilename":"README.md"}