{"_id":"@algolia/ui-components-js-horizontal-slider","_rev":"158-03a131f3527c88bc9bdf755786ad1c6d","name":"@algolia/ui-components-js-horizontal-slider","dist-tags":{"latest":"1.0.0-experimental.0","experimental":"1.0.0-experimental.2"},"versions":{"1.0.0-experimental.0":{"name":"@algolia/ui-components-js-horizontal-slider","version":"1.0.0-experimental.0","author":{"url":"https://www.algolia.com","name":"Algolia, Inc."},"license":"MIT","_id":"@algolia/ui-components-js-horizontal-slider@1.0.0-experimental.0","maintainers":[{"name":"tomklotz","email":"tomklotz.pro@gmail.com"},{"name":"praagyajoshi","email":"praagya.joshi@gmail.com"},{"name":"shortcuts","email":"clement.vannicatte@algolia.com"},{"name":"plnech","email":"dev@plnech.fr"},{"name":"rasemotte","email":"claire.helme-guizon@algolia.com"},{"name":"thomaslef","email":"thomas.lefevre@algolia.com"},{"name":"lukyvj","email":"lucas.bonomi@gmail.com"},{"name":"sepehrf","email":"sepehr9f@gmail.com"},{"name":"kosai106","email":"kevin@oesterkilde.dk"},{"name":"marielaure","email":"marie-laure.sin@algolia.com"},{"name":"redox","email":"sylvain.utard@gmail.com"},{"name":"mthuret","email":"mlthutrix@gmail.com"},{"name":"haroenv","email":"hello@haroen.me"},{"name":"rayrutjes","email":"raymond.rutjes@gmail.com"},{"name":"speedblue","email":"support@algolia.com"},{"name":"jerska","email":"matthieu.dumont@algolia.com"},{"name":"raphi","email":"raphael.daguenet@algolia.com"},{"name":"cbaptiste","email":"coquellebaptiste@gmail.com"},{"name":"ronanlevesque","email":"ronan.levesque@gmail.com"},{"name":"samouss","email":"samuel.vllnt@gmail.com"},{"name":"therealwebby","email":"alex@alexjwebb.com"},{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},{"name":"jonmontane","email":"jon@stratus.one"},{"name":"mikaa123","email":"misokol123@gmail.com"},{"name":"valentindotxyz","email":"valentin@lespolo.com"},{"name":"shipow","email":"shipowlata@gmail.com"},{"name":"tkrugg","email":"contact@ymammar.com"},{"name":"seafoox","email":"seafoox@gmail.com"},{"name":"sylvainh","email":"sylvain.huprelle@algolia.com"},{"name":"clemfromspace","email":"clement.denoix@algolia.com"},{"name":"lorrissaintgenez","email":"lorris.saint-genez@algolia.com"},{"name":"broujo","email":"johann.broudin@gmail.com"},{"name":"marieglr","email":"marie.gillier@algolia.com"},{"name":"e-krebs","email":"emmanuel.krebs@algolia.com"},{"name":"eunjae-lee","email":"karis612@gmail.com"},{"name":"kombucha","email":"vincentlemeunier+npm@gmail.com"},{"name":"h1fra","email":"bodin.samuel@gmail.com"},{"name":"sylvain","email":"sylvain.bellone@gmail.com"},{"name":"crawler-team","email":"support+crawler@algolia.com"},{"name":"amcdaid106","email":"aoife.mcdaid@gmail.com"},{"name":"devinalgolia","email":"devin@algolia.com"},{"name":"dispix","email":"me@dispix.net"},{"name":"jvenezia","email":"veneziajeremy@gmail.com"},{"name":"otomatik","email":"thomas.dalous@gmail.com"},{"name":"julienbourdeau","email":"julien@sigerr.ch"},{"name":"sophiem03","email":"manley.sophie@gmail.com"},{"name":"mschreiber","email":"meschreiber3@gmail.com"},{"name":"sarahdayan","email":"hello@sarahdayan.com"},{"name":"alexandremeunier","email":"alexandre.meunier@gmail.com"},{"name":"dcoates","email":"dustin@dcoates.com"},{"name":"maximehuang","email":"maxime.huang@algolia.com"},{"name":"netgusto","email":"mail@jeromeschneider.fr"},{"name":"guitek","email":"guillaume.truchot@algolia.com"},{"name":"matthewbond","email":"matthew.bond@algolia.com"},{"name":"cyril.descossy","email":"cyril.descossy@algolia.com"},{"name":"tatsuro","email":"tatsuro.handa@algolia.com"},{"name":"adrian.tofan","email":"adrian.tofan@algolia.com"},{"name":"danajeremy","email":"jeremy.dana@orange.fr"},{"name":"mathougui","email":"guillaume.dessain@algolia.com"},{"name":"xavdh","email":"xav.dhalluin@gmail.com"},{"name":"agdavid","email":"antonio.g.david@gmail.com"},{"name":"charbell","email":"charlesbellorini@gmail.com"}],"homepage":"https://github.com/algolia/ui-components","dist":{"shasum":"5432d66edeb1adb8e08a829df2801755f251939e","tarball":"https://registry.npmjs.org/@algolia/ui-components-js-horizontal-slider/-/ui-components-js-horizontal-slider-1.0.0-experimental.0.tgz","fileCount":13,"integrity":"sha512-D9UyCYu2k2VMqXj6psjFfyRR/kKnNWJmsxKkNcAUTMC34fEqPjkZZAu28DbVA4uxyqWIXNEfx2sHmQlaa/JRZQ==","signatures":[{"sig":"MEYCIQCbAeqj5Db1FVSRP05D7VJ7dfMDvV02ZKqeX05qpdD9xAIhAOxzZmWNRvY9/Ko+5UxVsxMsvKtsaYoRa7h8KOVfvZpz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpR1HCRA9TVsSAnZWagAAV2IP/ApZ+g1eHA60XLQJvuys\nXa609BylenWGsURLinGXS+HX0pwoeVketEWJNzkUhriSww0wax5HqMj2ZA5S\n12aNdaloFsP4tKo1N7vYRWyp6owMO1RCidk9IAgqfYEkGcUpkA04cI0Z/vZl\n9NzFMZmVe4U911YpuKW7++ThpAca8w/WA/L9bRUssjbRzgGQ4lZ9DCiowLWr\nfwSj6imGtv6Q22JYHhahPaPqKm8SJh6rPmeSPfFD6rCJGHH1BeSVIH9RWemF\nv+lQO8E4jjOPf7Tnlix7WDxTs80iHsW1LGQgf/+7W5SrltaXCvPHdiI0rGe6\n38T49NKKk6Jqwt+6s+Fo6P2ik3+EVP1ONbaV39eL5U2+rxlMHX5nLvcQaJ9V\nOxYSy+1rLLFb3HWAvEEdzYMf/GNcSIt22+3H+ZpHjvj8NbFVly9pIeMFeYJ4\nFOWjmHEmYPj9uoqu5HPCIiEi2BvJMYbow6oJfdXAwCMPnxF5pf1kLn5useMZ\nqiZasO70sGF6xW63ZrifOZfKu2nsOMrb6zuu31Wl3iNYx/WVecN6ny0Tt13z\nn03NSQjV5LnDc6Zf7MZ5LqI7ZrHuP7D/LonVC5rrSqEYfSzpc4KG9iz9DpNW\nN7H3oTkk/bXiOSpBNqiGtqxzdT0tOBagC4fWQGYipRuas+ej3+OanirylmyN\nSpb2\r\n=NUWh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/umd/index.js","types":"dist/esm/index.d.ts","unpkg":"dist/umd/index.js","module":"dist/esm/index.js","source":"src/index.ts","scripts":{"build":"yarn build:clean && yarn build:esm && yarn build:umd && yarn build:types","prepare":"yarn build:esm && yarn build:types","build:esm":"cross-env BUILD=esm BUILD_PREACT=true rollup --config","build:umd":"cross-env BUILD=umd BUILD_PREACT=true rollup --config","build:clean":"rm -rf ./dist","build:types":"tsc -p ./tsconfig.declaration.json --outDir ./dist/esm"},"_npmUser":{"name":"shortcuts","email":"clement.vannicatte@algolia.com"},"jsdelivr":"dist/umd/index.js","umd:main":"dist/umd/index.js","repository":{"url":"https://github.com/algolia/ui-components.git","type":"git"},"directories":{},"sideEffects":false,"dependencies":{"preact":"^10.0.0","@algolia/ui-components-react-horizontal-slider":"1.0.0-experimental.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-components-js-horizontal-slider_1.0.0-experimental.0_1621433671108_0.09514060693810245","host":"s3://npm-registry-packages"}},"1.0.0-experimental.1":{"name":"@algolia/ui-components-js-horizontal-slider","version":"1.0.0-experimental.1","author":{"url":"https://www.algolia.com","name":"Algolia, Inc."},"license":"MIT","_id":"@algolia/ui-components-js-horizontal-slider@1.0.0-experimental.1","maintainers":[{"name":"tomklotz","email":"tomklotz.pro@gmail.com"},{"name":"praagyajoshi","email":"praagya.joshi@gmail.com"},{"name":"shortcuts","email":"clement.vannicatte@algolia.com"},{"name":"plnech","email":"dev@plnech.fr"},{"name":"rasemotte","email":"claire.helme-guizon@algolia.com"},{"name":"thomaslef","email":"thomas.lefevre@algolia.com"},{"name":"lukyvj","email":"lucas.bonomi@gmail.com"},{"name":"sepehrf","email":"sepehr9f@gmail.com"},{"name":"kosai106","email":"kevin@oesterkilde.dk"},{"name":"marielaure","email":"marie-laure.sin@algolia.com"},{"name":"redox","email":"sylvain.utard@gmail.com"},{"name":"mthuret","email":"mlthutrix@gmail.com"},{"name":"haroenv","email":"hello@haroen.me"},{"name":"rayrutjes","email":"raymond.rutjes@gmail.com"},{"name":"speedblue","email":"support@algolia.com"},{"name":"jerska","email":"matthieu.dumont@algolia.com"},{"name":"raphi","email":"raphael.daguenet@algolia.com"},{"name":"cbaptiste","email":"coquellebaptiste@gmail.com"},{"name":"ronanlevesque","email":"ronan.levesque@gmail.com"},{"name":"samouss","email":"samuel.vllnt@gmail.com"},{"name":"therealwebby","email":"alex@alexjwebb.com"},{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},{"name":"jonmontane","email":"jon@stratus.one"},{"name":"mikaa123","email":"misokol123@gmail.com"},{"name":"valentindotxyz","email":"valentin@hey.com"},{"name":"shipow","email":"shipowlata@gmail.com"},{"name":"tkrugg","email":"contact@ymammar.com"},{"name":"seafoox","email":"seafoox@gmail.com"},{"name":"sylvainh","email":"sylvain.huprelle@algolia.com"},{"name":"clemfromspace","email":"clement.denoix@algolia.com"},{"name":"lorrissaintgenez","email":"lorris.saint-genez@algolia.com"},{"name":"broujo","email":"johann.broudin@gmail.com"},{"name":"marieglr","email":"marie.gillier@algolia.com"},{"name":"e-krebs","email":"emmanuel.krebs@algolia.com"},{"name":"eunjae-lee","email":"karis612@gmail.com"},{"name":"kombucha","email":"vincentlemeunier+npm@gmail.com"},{"name":"h1fra","email":"bodin.samuel@gmail.com"},{"name":"sylvain","email":"sylvain.bellone@gmail.com"},{"name":"crawler-team","email":"support+crawler@algolia.com"},{"name":"amcdaid106","email":"aoife.mcdaid@gmail.com"},{"name":"devinalgolia","email":"devin@algolia.com"},{"name":"dispix","email":"me@dispix.net"},{"name":"jvenezia","email":"veneziajeremy@gmail.com"},{"name":"otomatik","email":"thomas.dalous@gmail.com"},{"name":"julienbourdeau","email":"julien@sigerr.ch"},{"name":"sophiem03","email":"manley.sophie@gmail.com"},{"name":"mschreiber","email":"meschreiber3@gmail.com"},{"name":"sarahdayan","email":"hello@sarahdayan.com"},{"name":"alexandremeunier","email":"alexandre.meunier@gmail.com"},{"name":"dcoates","email":"dustin@dcoates.com"},{"name":"maximehuang","email":"maxime.huang@algolia.com"},{"name":"netgusto","email":"mail@jeromeschneider.fr"},{"name":"guitek","email":"guillaume.truchot@algolia.com"},{"name":"matthewbond","email":"matthew.bond@algolia.com"},{"name":"cyril.descossy","email":"cyril.descossy@algolia.com"},{"name":"tatsuro","email":"tatsuro.handa@algolia.com"},{"name":"adrian.tofan","email":"adrian.tofan@algolia.com"},{"name":"danajeremy","email":"jeremy.dana@orange.fr"},{"name":"mathougui","email":"guillaume.dessain@algolia.com"},{"name":"xavdh","email":"xav.dhalluin@gmail.com"},{"name":"agdavid","email":"antonio.g.david@gmail.com"},{"name":"charbell","email":"charlesbellorini@gmail.com"}],"homepage":"https://github.com/algolia/ui-components","dist":{"shasum":"3a98484850976d2e6ec0771bc9e111a5c862ae17","tarball":"https://registry.npmjs.org/@algolia/ui-components-js-horizontal-slider/-/ui-components-js-horizontal-slider-1.0.0-experimental.1.tgz","fileCount":14,"integrity":"sha512-dL6iG2oMJHcMF7/gNneWVRvN6XHS/VJPcAOgAEhtsntxEIK0pqBRNc5BaN/Gih/16rbJTiACjC3BQzeQoOK69w==","signatures":[{"sig":"MEQCIDV6owDibJOH5tnhy6JG88ArW+vK/TKryLgirWa4kU2wAiBOhXbgL7JnHFOx6vjYZ6CYwmNvfFSsjmG8zJddT9iIdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":157683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp8aKCRA9TVsSAnZWagAAK6EP/3g3LikMQ4t+Hqo1f9ZI\nV3BHmSmh14zIuYfiY8n5zKiOpBDsKmtZvRGwU5sabQQPR1Bdj2AUGOmS2LKf\nxRWJSbZzCctLYD115dH9SM07I86rBL45TIdPT32N+6b5nDL9TdtVHwgGkaNG\nzi3tphChqhOEuPQEXhTEUJ2MmeGmVDMBrHVTsX+xSw57TYyf11La/pXWbSC6\n0ISAHMQfTgBeQR2W4BRCwxQ3yBorFOAcdkgp4WAB2S0WBAfspe8TFpIu1kWQ\nXw1DsjvHLmn0bjvUFqJpYEw4TU38FmiAAVhwcTA5vyzLyoN9Y9fMnb3JBTnf\nybDmapU5aaVSs5uwJO8HPx25tRgyGyCsU2pVD7nZyZGVX/SbtPhQA+SynkWi\nk2d8mo9IqCHfzxmimCwpzB/wIa9ETfwTRsx4D7BRSDvtqqRNT5Zxz7+r71jj\neY42sdOhEM27eBe/zc81Ix6+xetFh1+7fOrBpEsG63KOb3WzIug+gZKvNt+6\nc6phkGGEB4bdBfuypoa2caKXYiJuhCj3XwUKwMj1b+sEAwWKo+0gzYqHFpfC\nHHG4CpeASkauaic+Z85FdhLUaBD0i67X4MNTOo5soVfvJ7PFbdZpuQgyD1Ib\nAZhg2gxRFcg3O3DUxK5JUoOEfz35DlekgAzs+v824jXOLQ57aJvmZboFjbNy\nJ4rN\r\n=Oqjg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/umd/index.js","types":"dist/esm/index.d.ts","unpkg":"dist/umd/index.js","module":"dist/esm/index.js","readme":"# `@algolia/ui-components-js-horizontal-slider`\n\nHorizontal slider UI component for JavaScript.\n\n## Installation\n\n```sh\nyarn add @algolia/ui-components-js-horizontal-slider@experimental\n# or\nnpm install @algolia/ui-components-js-horizontal-slider@experimental\n```\n\n## Usage\n\nTo get started, you need a container for your slider to go in. If you don’t have one already, you can insert one into your markup:\n\n```html\n
\n```\n\nThen, insert your slider into it by calling the `horizontalSlider` function and providing the [`container`](#container). It can be a [CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors) or an [Element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement).\n\n```js\nimport { horizontalSlider } from '@algolia/ui-components-js-horizontal-slider';\n\nimport '@algolia/ui-components-js-horizontal-slider/HorizontalSlider.css';\n\nconst items = [\n { objectID: '1', name: 'Item 1' },\n { objectID: '2', name: 'Item 2' },\n];\n\nhorizontalSlider({\n container: '#horizontal-slider',\n items,\n itemComponent({ item }) {\n return item.name;\n },\n});\n```\n\n## Params\n\n### `container`\n\n> `string | HTMLElement` | **required**\n\nThe container for the horizontal slider. You can either pass a [CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors) or an [Element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement).\n\n### `items`\n\n
\n
\n\nRecordWithObjectID | required\n\n```ts\ntype RecordWithObjectID = TItem & {\n objectID: string;\n};\n```\n\n
\n
\n\nThe items to display in the component.\n\n\n\n### `itemComponent`\n\n> `({ item }) => JSX.Element` | **required**\n\nThe item component to display.\n\n### `translations`\n\n
\n
\n\nHorizontalSliderTranslations\n\n```ts\ntype HorizontalSliderTranslations = Partial<{\n sliderLabel: string;\n previousButtonLabel: string;\n previousButtonTitle: string;\n nextButtonLabel: string;\n nextButtonTitle: string;\n}>;\n```\n\n
\n
\n\nThe translations for the component.\n\n### `classNames`\n\n
\n
\n\nHorizontalSliderClassnames\n\n```ts\ntype HorizontalSliderClassnames = Partial<{\n item: string;\n list: string;\n navigation: string;\n navigationNext: string;\n navigationPrevious: string;\n root: string;\n}>;\n```\n\n
\n
\n\nThe class names for the component.\n\n### `environment`\n\n> `typeof window` | defaults to `window`\n\nThe environment in which your application is running.\n\nThis is useful if you’re using the slider in a different context than window.\n","source":"src/index.ts","scripts":{"build":"yarn build:clean && yarn build:esm && yarn build:umd && yarn build:types","prepare":"yarn build:esm && yarn build:types","build:esm":"cross-env BUILD=esm BUILD_PREACT=true rollup --config","build:umd":"cross-env BUILD=umd BUILD_PREACT=true rollup --config","build:clean":"rm -rf ./dist","build:types":"tsc -p ./tsconfig.declaration.json --outDir ./dist/esm"},"_npmUser":{"name":"shortcuts","email":"clement.vannicatte@algolia.com"},"jsdelivr":"dist/umd/index.js","umd:main":"dist/umd/index.js","repository":{"url":"https://github.com/algolia/ui-components.git","type":"git"},"description":"Horizontal slider UI component for JavaScript.","directories":{},"sideEffects":false,"dependencies":{"preact":"^10.0.0","@algolia/ui-components-react-horizontal-slider":"1.0.0-experimental.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/ui-components-js-horizontal-slider_1.0.0-experimental.1_1621608072485_0.23155599585065545","host":"s3://npm-registry-packages"}},"1.0.0-experimental.2":{"name":"@algolia/ui-components-js-horizontal-slider","version":"1.0.0-experimental.2","author":{"url":"https://www.algolia.com","name":"Algolia, Inc."},"license":"MIT","_id":"@algolia/ui-components-js-horizontal-slider@1.0.0-experimental.2","maintainers":[{"name":"tomklotz","email":"tomklotz.pro@gmail.com"},{"name":"praagyajoshi","email":"praagya.joshi@gmail.com"},{"name":"shortcuts","email":"clement.vannicatte@algolia.com"},{"name":"plnech","email":"dev@plnech.fr"},{"name":"rasemotte","email":"claire.helme-guizon@algolia.com"},{"name":"thomaslef","email":"thomas.lefevre@algolia.com"},{"name":"lukyvj","email":"lucas.bonomi@gmail.com"},{"name":"sepehrf","email":"sepehr9f@gmail.com"},{"name":"kosai106","email":"kevin@oesterkilde.dk"},{"name":"marielaure","email":"marie-laure.sin@algolia.com"},{"name":"redox","email":"sylvain.utard@gmail.com"},{"name":"mthuret","email":"mlthutrix@gmail.com"},{"name":"haroenv","email":"hello@haroen.me"},{"name":"rayrutjes","email":"raymond.rutjes@gmail.com"},{"name":"speedblue","email":"support@algolia.com"},{"name":"jerska","email":"matthieu.dumont@algolia.com"},{"name":"raphi","email":"raphael.daguenet@algolia.com"},{"name":"cbaptiste","email":"coquellebaptiste@gmail.com"},{"name":"ronanlevesque","email":"ronan.levesque@gmail.com"},{"name":"samouss","email":"samuel.vllnt@gmail.com"},{"name":"therealwebby","email":"alex@alexjwebb.com"},{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},{"name":"jonmontane","email":"jon@stratus.one"},{"name":"mikaa123","email":"misokol123@gmail.com"},{"name":"valentindotxyz","email":"valentin@hey.com"},{"name":"shipow","email":"shipowlata@gmail.com"},{"name":"tkrugg","email":"contact@ymammar.com"},{"name":"seafoox","email":"seafoox@gmail.com"},{"name":"sylvainh","email":"sylvain.huprelle@algolia.com"},{"name":"clemfromspace","email":"clement.denoix@algolia.com"},{"name":"lorrissaintgenez","email":"lorris.saint-genez@algolia.com"},{"name":"broujo","email":"johann.broudin@gmail.com"},{"name":"marieglr","email":"marie.gillier@algolia.com"},{"name":"e-krebs","email":"emmanuel.krebs@algolia.com"},{"name":"eunjae-lee","email":"karis612@gmail.com"},{"name":"kombucha","email":"vincentlemeunier+npm@gmail.com"},{"name":"h1fra","email":"bodin.samuel@gmail.com"},{"name":"sylvain","email":"sylvain.bellone@gmail.com"},{"name":"crawler-team","email":"support+crawler@algolia.com"},{"name":"amcdaid106","email":"aoife.mcdaid@gmail.com"},{"name":"devinalgolia","email":"devin@algolia.com"},{"name":"dispix","email":"me@dispix.net"},{"name":"jvenezia","email":"veneziajeremy@gmail.com"},{"name":"otomatik","email":"thomas.dalous@gmail.com"},{"name":"julienbourdeau","email":"julien@sigerr.ch"},{"name":"sophiem03","email":"manley.sophie@gmail.com"},{"name":"mschreiber","email":"meschreiber3@gmail.com"},{"name":"sarahdayan","email":"hello@sarahdayan.com"},{"name":"alexandremeunier","email":"alexandre.meunier@gmail.com"},{"name":"dcoates","email":"dustin@dcoates.com"},{"name":"maximehuang","email":"maxime.huang@algolia.com"},{"name":"netgusto","email":"mail@jeromeschneider.fr"},{"name":"guitek","email":"guillaume.truchot@algolia.com"},{"name":"matthewbond","email":"matthew.bond@algolia.com"},{"name":"cyril.descossy","email":"cyril.descossy@algolia.com"},{"name":"tatsuro","email":"tatsuro.handa@algolia.com"},{"name":"adrian.tofan","email":"adrian.tofan@algolia.com"},{"name":"danajeremy","email":"jeremy.dana@orange.fr"},{"name":"mathougui","email":"guillaume.dessain@algolia.com"},{"name":"xavdh","email":"xav.dhalluin@gmail.com"},{"name":"agdavid","email":"antonio.g.david@gmail.com"},{"name":"charbell","email":"charlesbellorini@gmail.com"}],"homepage":"https://github.com/algolia/ui-components","dist":{"shasum":"a8b27644c2dc545e525f407b3bf39484ec42b2d7","tarball":"https://registry.npmjs.org/@algolia/ui-components-js-horizontal-slider/-/ui-components-js-horizontal-slider-1.0.0-experimental.2.tgz","fileCount":14,"integrity":"sha512-VlIEceJ+xawfs7dJgnrSjlPnZdIN/mY/OuAnSKwIb6nIskGTUt/TDMD6NdeQgwUun5dG5O1D95dklnu1fQ5KaQ==","signatures":[{"sig":"MEQCID77gOF6dcc0KXH+6nDcXG3PhyrJk8J+rQgPfjbH/M9yAiBzsSbHe4lVX5PF/HRJPam5+KstC1pnGvU45GrhQsEjSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":157683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrR+RCRA9TVsSAnZWagAAjSwP/3d3m7otC1oRiltYdat1\nDIqwjfR25meQE5uiFR6N5Jq0qY2A74UliOOPXzDz3RaZy4rcohIZsqgZIHJX\nClq3V59uLNpnfy/XbZSmFt+xY1D9ESzKtAROLNcDUkgv1Q168VWQ5uY6s5gw\nVOY8rY8yx2Nza0toP19/zlwZxMvVbhXcMAf7CAIjkybe3ck9tgEXT61tpLaQ\nfEQG7ap/rNNhHyG/8rPoyRktraKcyBENGmJvW5ubRVn5vd7EujmSEm/4Gh2x\nDmfeGYd51HWTC4Bw/T61NreYhCnJ91luaVtRzwOup1L9aJ1y29H1PQiYvUME\nObvlPw/TSJnu0i2oKpcx0fZFpkgq+tUQfj6Tx1x9vkEGUIBHXwvCjAEEdWV6\nst4XI7B10tyXVS2Bk3PEJ3hK6UHRBNBmt0dTGd0nvieKi87UqzDwOT6zIGK7\ndMru1Y5cuPXOgqCbhWqKCsjPvhYjsTYECQQzdKS+MjZ6838tlg8a5FJQjRyj\nx9urFCO79jz1TDddoDLf4dXP4IE5oE9uGaSXH/ldAKNaGQHipLAj+b26f6PV\nOHAmYvpr9IzG4HFz1k2U8hyWrXh7F2tfvJyjsVBiG+DnnmW6A6ZV7ACt6tM+\nDiv8aES5YKOIxVAfrfBWAuoqb32s59VEDN1iuDgACUR+LIm3tacGPYnnf1nJ\nE/D1\r\n=fuIk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/umd/index.js","types":"dist/esm/index.d.ts","unpkg":"dist/umd/index.js","module":"dist/esm/index.js","readme":"# `@algolia/ui-components-js-horizontal-slider`\n\nHorizontal slider UI component for JavaScript.\n\n## Installation\n\n```sh\nyarn add @algolia/ui-components-js-horizontal-slider@experimental\n# or\nnpm install @algolia/ui-components-js-horizontal-slider@experimental\n```\n\n## Usage\n\nTo get started, you need a container for your slider to go in. If you don’t have one already, you can insert one into your markup:\n\n```html\n
\n```\n\nThen, insert your slider into it by calling the `horizontalSlider` function and providing the [`container`](#container). It can be a [CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors) or an [Element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement).\n\n```js\nimport { horizontalSlider } from '@algolia/ui-components-js-horizontal-slider';\n\nimport '@algolia/ui-components-js-horizontal-slider/HorizontalSlider.css';\n\nconst items = [\n { objectID: '1', name: 'Item 1' },\n { objectID: '2', name: 'Item 2' },\n];\n\nhorizontalSlider({\n container: '#horizontal-slider',\n items,\n itemComponent({ item }) {\n return item.name;\n },\n});\n```\n\n## Params\n\n### `container`\n\n> `string | HTMLElement` | **required**\n\nThe container for the horizontal slider. You can either pass a [CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors) or an [Element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement).\n\n### `items`\n\n
\n
\n\nRecordWithObjectID | required\n\n```ts\ntype RecordWithObjectID = TItem & {\n objectID: string;\n};\n```\n\n
\n
\n\nThe items to display in the component.\n\n\n\n### `itemComponent`\n\n> `({ item }) => JSX.Element` | **required**\n\nThe item component to display.\n\n### `translations`\n\n
\n
\n\nHorizontalSliderTranslations\n\n```ts\ntype HorizontalSliderTranslations = Partial<{\n sliderLabel: string;\n previousButtonLabel: string;\n previousButtonTitle: string;\n nextButtonLabel: string;\n nextButtonTitle: string;\n}>;\n```\n\n
\n
\n\nThe translations for the component.\n\n### `classNames`\n\n
\n
\n\nHorizontalSliderClassnames\n\n```ts\ntype HorizontalSliderClassnames = Partial<{\n item: string;\n list: string;\n navigation: string;\n navigationNext: string;\n navigationPrevious: string;\n root: string;\n}>;\n```\n\n
\n
\n\nThe class names for the component.\n\n### `environment`\n\n> `typeof window` | defaults to `window`\n\nThe environment in which your application is running.\n\nThis is useful if you’re using the slider in a different context than window.\n","source":"src/index.ts","scripts":{"build":"yarn build:clean && yarn build:esm && yarn build:umd && yarn build:types","prepare":"yarn build:esm && yarn build:types","build:esm":"cross-env BUILD=esm BUILD_PREACT=true rollup --config","build:umd":"cross-env BUILD=umd BUILD_PREACT=true rollup --config","build:clean":"rm -rf ./dist","build:types":"tsc -p ./tsconfig.declaration.json --outDir ./dist/esm"},"_npmUser":{"name":"shortcuts","email":"clement.vannicatte@algolia.com"},"jsdelivr":"dist/umd/index.js","umd:main":"dist/umd/index.js","repository":{"url":"https://github.com/algolia/ui-components.git","type":"git"},"description":"Horizontal slider UI component for JavaScript.","directories":{},"sideEffects":false,"dependencies":{"preact":"^10.0.0","@algolia/ui-components-react-horizontal-slider":"1.0.0-experimental.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/ui-components-js-horizontal-slider_1.0.0-experimental.2_1621958544822_0.0753925986729087","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-05-19T14:14:30.755Z","modified":"2026-09-29T12:25:19.847Z","1.0.0-experimental.0":"2021-05-19T14:14:31.306Z","1.0.0-experimental.1":"2021-05-21T14:41:12.643Z","1.0.0-experimental.2":"2021-05-25T16:02:24.971Z"},"author":{"url":"https://www.algolia.com","name":"Algolia, Inc."},"license":"MIT","homepage":"https://github.com/algolia/ui-components","repository":{"url":"https://github.com/algolia/ui-components.git","type":"git"},"maintainers":[{"email":"hello@haroen.me","name":"haroenv"},{"email":"contact@ymammar.com","name":"tkrugg"},{"email":"cyril.descossy@algolia.com","name":"cyril.descossy"},{"email":"emmanuel.fortin@algolia.com","name":"emmanuel.fortin"},{"email":"robert.mogos@algolia.com","name":"robertmogos"},{"email":"stephane.jin@algolia.com","name":"jinste"},{"email":"team-event-experiences-engineering@algolia.com","name":"eventexperiences_algolia"},{"email":"admin@algolia.com","name":"alg-admin"},{"email":"michael.bramwell@algolia.com","name":"mbramwell-algolia"},{"email":"vincentalindogan@gmail.com","name":"vincentalindogan"},{"email":"dhaya.benmessaoud@algolia.com","name":"dhaya.b"},{"email":"contact@fabienmotte.com","name":"fabienmotte"},{"email":"anjola.adeuyi@algolia.com","name":"anjola-algolia"}],"readme":"","readmeFilename":""}