{"_id":"@dpa-id-components/ui-autocomplete","_rev":"23-6191a3bba4afd149f485404f84e0bf16","name":"@dpa-id-components/ui-autocomplete","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.0":{"name":"@dpa-id-components/ui-autocomplete","version":"0.1.0","author":"","license":"MIT","_id":"@dpa-id-components/ui-autocomplete@0.1.0","maintainers":[{"name":"kbanke","email":"milan+dpa-id-components@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiAutocomplete/README.md","dist":{"shasum":"da1c9535bc864d3d8eca38a7596ed5299fec2e99","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-autocomplete/-/ui-autocomplete-0.1.0.tgz","fileCount":10,"integrity":"sha512-azHHSASDOBieF6Tm1JL0RuzlF4JFNA4YUtBYPifAmlL5OihUSXC2t+CkHhVduG3+0nSLBVMZChBHif6m7wfb8w==","signatures":[{"sig":"MEQCIGjVBvcBqyBkdxtlBrd5X+D2bYLr6+yYVCfI+pnTaGImAiA2yI671+mBK8dKJ1UfVqtRG5P3mxzYfIOUMI3ax+ASmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":928482},"main":"dist/UiAutocomplete.common.js","gitHead":"0c585a8b648613626803305a89ed14f0a24583e5","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiAutocomplete.spec.js"},"_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.17.5+x64 (darwin)","description":"UiAutocomplete vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.17.5","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-autocomplete_0.1.0_1634001630747_0.7185647485363056","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@dpa-id-components/ui-autocomplete","version":"0.1.2","author":"","license":"MIT","_id":"@dpa-id-components/ui-autocomplete@0.1.2","maintainers":[{"name":"karlbanke","email":"karl.banke@iternum.com"},{"name":"hajo.cirksena.dpa","email":"cirksena.hajo@dpa.com"},{"name":"schubert.florian","email":"schubert.florian@dpa.com"},{"name":"michelle3105","email":"kaminski.michelle@dpa.com"},{"name":"arifpehlivan","email":"Pehlivan.Arif@dpa.com"},{"name":"dpa-connect-deployment","email":"wolf.pauw@dpa-mediatec.com"},{"name":"antje.sommer","email":"antje.sommer@dpa-mediatec.com"},{"name":"mlnmln","email":"milan@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiAutocomplete/README.md","dist":{"shasum":"1ac80cbfdbad65c737e0508b4be74ecda29a9428","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-autocomplete/-/ui-autocomplete-0.1.2.tgz","fileCount":10,"integrity":"sha512-v87NDxqhWmklKaeCX8fKyWJPC/0P3p3hOSKNpuDb3oyHekUhw3o8b65/UAie5bi0J2P+J0XSoexHtfjGZaDrXg==","signatures":[{"sig":"MEUCIAuJ5UrqB/vZrYtGFfpc2lhvyW/D76/yHu/XkeLzlRZuAiEA5fWwJL5SBO4tX4nAgiThF+E5Z08ehwcI4tR0P/d9QK0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1087271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisDRiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpb6A/8CxRl0CeiH+TDoPHk4LnVOeoht1MfWUFU2/2L1/DTKT9Dv64E\r\nySsyB5XVVCXU8GRyGRgP6NigEeGelPcDOXZj1CbuEKUhB0GOeVESwlarmbc1\r\n6fRn4aASyk2scBkyIuSnr7Itbgz+5ybFIbrU0qoqs9cL8DhaLB3PJRPAEIYQ\r\n+FE2nyWKEPdSzp0JwanXQcVGk5Hkts87g0pSHfIf926TJtqfaKzEo+GcmLdU\r\nsZBHIb/9yf5wW8PuhpOCqZR3WBn05giKFzz7YVk44a5AwbReBaOjlWU0H0yV\r\nXK34T8TDfR2eN1bECGDzAKZyNY8+PPeEPnwVYUAah9BMrwTZ52QkHOYPXDzT\r\nk2kDMLqqMQ1LvrjVOo/ClKzIhOoGuIxO6lmd4Pfbo82kFpPp9rseUxko2aqD\r\nI144oNy/8FowXsTqswH9swAbGtl4ynIpwz0Ygcbb0WqI9QEOHmbg1Wbuacjp\r\nLzqChWOpPr1l9DYssgnt7ylegWOsjD6YBOGa/A2iXi3nVECCKMuzC8+bz491\r\n8UyqKmyPs7mZXpaecUIWhspSiK/G70OG0A1a49GZ0zbjsPHiVaHPfuobSYpL\r\nyr+vDFPn6ZEN6V3x0bmv/jfyCkuY+aNXj8Dv+5j9hJ9u42eNwX6GsTqY0MZD\r\nfuCxt8R+pozWk2Q1KN3cgGTCfkomyveok3k=\r\n=6Cfj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/UiAutocomplete.common.js","gitHead":"1ebe8595a04c495b96933f417508e0f3fdc55ae0","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiAutocomplete.spec.js"},"_npmUser":{"name":"hajo.cirksena.dpa","email":"cirksena.hajo@dpa.com"},"_npmVersion":"lerna/4.0.0/node@v14.19.1+x64 (darwin)","description":"UiAutocomplete vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.19.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-autocomplete_0.1.2_1655714914291_0.5861479011633899","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@dpa-id-components/ui-autocomplete","version":"0.2.0","author":"","license":"MIT","_id":"@dpa-id-components/ui-autocomplete@0.2.0","maintainers":[{"name":"roessel.nico","email":"roessel.nico@dpa.com"},{"name":"trapp.martin","email":"trapp.martin@dpa.com"},{"name":"karlbanke","email":"karl.banke@iternum.com"},{"name":"hajo.cirksena.dpa","email":"cirksena.hajo@dpa.com"},{"name":"schubert.florian","email":"schubert.florian@dpa.com"},{"name":"michelle3105","email":"kaminski.michelle@dpa.com"},{"name":"arifpehlivan","email":"Pehlivan.Arif@dpa.com"},{"name":"dpa-connect-deployment","email":"wolf.pauw@dpa-mediatec.com"},{"name":"antje.sommer","email":"antje.sommer@dpa-mediatec.com"},{"name":"mlnmln","email":"milan@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiAutocomplete/README.md","dist":{"shasum":"194ada799ee28ebffeaf2a46359c3314b8c869d8","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-autocomplete/-/ui-autocomplete-0.2.0.tgz","fileCount":10,"integrity":"sha512-1oiui1fcs0rkv+uEy3NOqJrwPDFS02MRwluCflFeMs+0e7o5TUVn13YJMOrmpkfpZJmOhoeGCVACKwXD/mWD1Q==","signatures":[{"sig":"MEUCIAnpg3KTOTyKDWyKHjlc4HVygIIAW0XCc8Soj9xO5g7WAiEArzq4aqymz1FM+ejpR51jaOg5VTDMBIOkri6kcx0MiLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1146410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZN0NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4MA//TH21x91Ntk3hxcyEoVJDJKxdXSQg8yerY1K5nU7UPsctEyaB\r\nr2vF3dVbMk33srx84j/TyHcbKtOHOGWAHc2aet8YBiAx32p1uIWOKWnzNBoY\r\nS3qY1lmhFPWI83KUi8eSE7iHcuVACT2aWDSnGNHT7YuTjtlWJ34WO7w+XHiG\r\nwtCiaxuMloVQ9+q0WViChRxGmBNhV3POoiLcD5iQ+CFPesC+3i0WFj/WNaSW\r\n6QiUBxf9NrfdJMM5Rkh+4YX6L/Kkex45W+IUiVeEVDeUcO9sHix2u2jTEn5F\r\nBzNbQ+9PHtinRgcU9bwgR8O2ueRY+0ZCWRh+FrHSYSFh0kI2lKcfnhi9veRp\r\n4jNRsw3s1IqdFU95Y6zgs4cEc6Rnpage7RyvQ4XDWtYatFmHi3WWwwxg1QzF\r\nhoV9TLKTURyTcWf7L88a6SFf5isrx95hdKK6gjKN2/EhocxlibdpS80C3K55\r\n+DQoTZRZ2tSmzmrkyVXTokiYB8ajYVG9F/vKp6Fv1xOWSq2vk1WD4+w3mTKJ\r\nBIg2LE9yReYqgOZgkiDDBpgSR/g+iT4hrdL6BJzwd3koToAsgvD8z/bmeo7W\r\ngxvxBjdtwWiXgMz6nFiYMVtwHxajLI+RMwoUKRSN2Vhp8pdGcJ+bon1LJ2lS\r\nKHTlsF/My38emvR1Fio9fH35VsVjHSYXpqQ=\r\n=d68I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/UiAutocomplete.common.js","gitHead":"1fe554744d7874c578f4d86ae20150161747457c","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiAutocomplete.spec.js"},"_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.19.3+x64 (darwin)","description":"UiAutocomplete vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.19.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-autocomplete_0.2.0_1667554572851_0.9493063955961121","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@dpa-id-components/ui-autocomplete","version":"0.2.1","author":"","license":"MIT","_id":"@dpa-id-components/ui-autocomplete@0.2.1","maintainers":[{"name":"roessel.nico","email":"roessel.nico@dpa.com"},{"name":"trapp.martin","email":"trapp.martin@dpa.com"},{"name":"karlbanke","email":"karl.banke@iternum.com"},{"name":"hajo.cirksena.dpa","email":"cirksena.hajo@dpa.com"},{"name":"schubert.florian","email":"schubert.florian@dpa.com"},{"name":"michelle3105","email":"kaminski.michelle@dpa.com"},{"name":"arifpehlivan","email":"Pehlivan.Arif@dpa.com"},{"name":"dpa-connect-deployment","email":"wolf.pauw@dpa-mediatec.com"},{"name":"antje.sommer","email":"antje.sommer@dpa-mediatec.com"},{"name":"mlnmln","email":"milan@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiAutocomplete/README.md","dist":{"shasum":"37b337a83b5b82f11901c602ae3f000c185654ff","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-autocomplete/-/ui-autocomplete-0.2.1.tgz","fileCount":10,"integrity":"sha512-14uk/POzhMb7/SNUA256tnU67+SR+rPC4a8v19TPvSt0kwD/pLoemNkJyY7c5C/Dxr7YqHx2VUX0PU2EcQJGgw==","signatures":[{"sig":"MEUCIDjJhvg3bBjscmfxO8Gu+zUYcNVmnwL7nLeAoPs6l4fwAiEA7z7GB8Neg1ezyQOm4VMAkC92/owmbYt4EUjLzIB2J20=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1185840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbjCLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz9A/9GRW7N8HaDnPhGHb9hK4or4qrktzVD6OhGxisvQRnkeH3DuOk\r\nKvu+BuzNU6YSN3rif5wUPs7XRVbL6XOUq1eoCWVdzM55fixGCYnEXhlc1iUe\r\npJ/ECOE/bMdRg6UfaD+h5qoRv9n0Gvhbx6gGfmBccILhzYaBH9v2s3sqIQVw\r\nrWw+f1luOhhXL4/N69HuOkmqH7gqmWRjvdWwlQ3xnow12fnmLhm70/7ECQnM\r\nTIqL74IJSmKNfBKxeXA5fMm6/NuHWeNtuYuXQUfcAlZnbDi91LaliG29XyYp\r\nWV9/qFQExxRbboNoNSLOEY555Cf5vA1kGkWnNkTYJbwBKa0cumyTXVYCz1lg\r\nSucxCvmA24Qa0T3SGRGH5PqE1K6xxOfRdVvGuc99wB1Npj1BFPOcV/gnjxsV\r\nRZsl0rtgEDHBXPlTrc+MajlgZ6esZraWqwE8nG1yg4ega79Xbr9N/ketWcwq\r\nyiBsaZUE21Ff191zijr31JvHyxOu3q4Qz9LMNG0u/5lPuBp0H8OsMEirDJhJ\r\n1j+DsKSv/Wyxv20VWr/o25rk6Gz04/CyZXFCKxeR82jtU6/NIzCaHJ2ABJqX\r\nWgmjnw5ENBODlw9fod3nqvxNkBuury5AKIJY9TQ3p/hfZv8drx6GPr9VDMy/\r\nA4UL9hmDL9XzhJd6OSQlb1j1KM7EHW3PAY4=\r\n=f2EP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/UiAutocomplete.common.js","gitHead":"53d71be10d567d44973b4507d27ddf097cb84480","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiAutocomplete.spec.js"},"_npmUser":{"name":"hajo.cirksena.dpa","email":"cirksena.hajo@dpa.com"},"_npmVersion":"lerna/4.0.0/node@v14.19.1+x64 (darwin)","description":"UiAutocomplete vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.19.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-autocomplete_0.2.1_1668165771045_0.9779718515638705","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-10-12T01:20:30.700Z","modified":"2025-12-16T10:51:00.642Z","0.1.0":"2021-10-12T01:20:30.947Z","0.1.2":"2022-06-20T08:48:34.539Z","0.2.0":"2022-11-04T09:36:13.063Z","0.2.1":"2022-11-11T11:22:51.289Z"},"license":"MIT","homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiAutocomplete/README.md","description":"UiAutocomplete vue component with dpa Design Kit","maintainers":[{"email":"schubert.florian@dpa.com","name":"schubert.florian"},{"email":"cirksena.hajo@dpa.com","name":"hajo.cirksena.dpa"},{"email":"karl.banke@iternum.com","name":"karlbanke"},{"email":"roy.mridul@dpa.com","name":"mridul_dpa"},{"email":"roessel.nico@dpa.com","name":"roessel.nico"},{"email":"Pehlivan.Arif@dpa.com","name":"arifpehlivan"},{"email":"antje.sommer@dpa-mediatec.com","name":"antje.sommer"},{"email":"wolf.pauw@dpa-mediatec.com","name":"dpa-connect-deployment"},{"email":"borchert.manja@dpa.com","name":"borchert.manja"},{"email":"martin@martinherweg.de","name":"martinherweg"},{"email":"goersch.juliane@dpa.com","name":"goersch.juliane"}],"readme":"# @dpa-id-components/ui-autocomplete\n\n> `UiAutocomplete` Vue 2.x input component based on the [dpa Design Kit](https://designkit.dpa-id.de/)\n\n## Installation\n\n```\nyarn add @dpa-id-components/ui-autocomplete\n```\n\n## Usage\n\n```html\n<!-- SomeComponent.vue using UiAutocomplete -->\n<template>\n  <ui-autocomplete\n    v-model=\"value\"\n    label=\"Name\"\n    placeholder=\"Example: James\"\n    @input=\"handleEvent\"\n    @select=\"handleEvent\"\n  />\n</template>\n\n<script>\n  import UiAutocomplete from \"@dpa-id-components/ui-autocomplete\";\n\n  export default {\n    components: {\n      UiAutocomplete,\n    },\n    data() {\n      return {\n        value: \"\",\n        options: [\"James Bond\", \"James Cameron\"],\n      };\n    },\n    computed: {\n      errorMessage() {\n        if (this.value === \"error\") {\n          return \"Oops, an error occured...\";\n        }\n        return \"\";\n      },\n    },\n    methods: {\n      handleEvent: console.log,\n    },\n  };\n</script>\n```\n\n## Demo\nView a demo of `<ui-autocomplete>` on [Storybook](https://dpa-gmbh.github.io/dpa-id-components/?path=/docs/uiautocomplete--default)\n\n## API\n\n### Props\n| Name          | Type        | Default | Description                             |\n| ------------- | ----------- | ------- |---------------------------------------- |\n| `label`       | `String`    | `\"\"`    | Text for the `input`'s `label`          |\n| `placeholder` | `String`    | `\"\"`    | Text for the `input`'s placeholder      |\n| `value`       | `String`    | `\"\"`    | The `input`'s value                     |\n| `options`     | `String[]`  | `[]`    | An array of possible values             |\n\n### Events\n| Name     | Type     | Description                                              |\n| -------- |--------- | -------------------------------------------------------- |\n| `input`  | `String` | Emitted when the internal `value` of the `input` changes |\n| `select` | `String` | Emitted when an option is selected                       |","readmeFilename":"README.md"}