{"_id":"@288-toolkit/marquee","_rev":"8-6270f147ce35c628baf32e3181294aea","name":"@288-toolkit/marquee","dist-tags":{"latest":"3.1.0"},"versions":{"1.0.0":{"name":"@288-toolkit/marquee","version":"1.0.0","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@1.0.0","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"31fb1a51ffe61b7bd2e044b468df87a0516e0da5","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-1.0.0.tgz","fileCount":6,"integrity":"sha512-e9JTlbEQ+7vVLEm8WMUYoslTbGx/xDBQGlXFTBOdZ0xGpivWQGOU/aJm0mRPxn+/A3DryaqvqzAvV6PSQX/NSw==","signatures":[{"sig":"MEUCIQCnjY4sZtEu6fmi8hwmxLtF1BbIMwK/9hBw1+pLZ360rQIgaZfDyiAsWWiYh0hfExnGQY0a8/6QS1OUALIMrRh5zlU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5217},"type":"module","_from":"file:288-toolkit-marquee-1.0.0.tgz","exports":{".":{"default":"./src/index.ts"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/dc2d4aeeeb699befce8e48aa7e591d25/288-toolkit-marquee-1.0.0.tgz","_integrity":"sha512-e9JTlbEQ+7vVLEm8WMUYoslTbGx/xDBQGlXFTBOdZ0xGpivWQGOU/aJm0mRPxn+/A3DryaqvqzAvV6PSQX/NSw==","_npmVersion":"10.5.0","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@288-toolkit/timeout":"^1.0.1"},"_hasShrinkwrap":false,"peerDependencies":{"@sveltejs/kit":"2.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_1.0.0_1714069426591_0.9378713553955373","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@288-toolkit/marquee","version":"1.0.1","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@1.0.1","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"ad120895cf73c8e383c0aa33a1c2b765de8c6e46","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-1.0.1.tgz","fileCount":4,"integrity":"sha512-qyRcPJgH4Uu4tg1fOiOJt+KoBpXqZeFFs/un1R6kNmg2Uh5lKUxyaAld7/7N3B8QWozL9po1L8H1/gtWovzewA==","signatures":[{"sig":"MEUCIQDzkoAQFPerjCG4tbcHTwWijDCpxiCGvjvqURiHjMQS0wIgOQSU2HWz1i4ElWy2a24muMuTH+UOec7WvJL2O4Os+x0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5020},"type":"module","_from":"file:288-toolkit-marquee-1.0.1.tgz","exports":{".":{"default":"./src/index.ts"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/16152425316697bd57d804a3f581db3d/288-toolkit-marquee-1.0.1.tgz","_integrity":"sha512-qyRcPJgH4Uu4tg1fOiOJt+KoBpXqZeFFs/un1R6kNmg2Uh5lKUxyaAld7/7N3B8QWozL9po1L8H1/gtWovzewA==","_npmVersion":"10.5.0","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@288-toolkit/timeout":"^1.0.2"},"_hasShrinkwrap":false,"peerDependencies":{"@sveltejs/kit":"2.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_1.0.1_1714076121370_0.27428660399425175","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@288-toolkit/marquee","version":"2.0.0","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@2.0.0","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"32bc6b1e8c993bf0da19371da9c085f079aef9f5","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-2.0.0.tgz","fileCount":6,"integrity":"sha512-uraoR6//mir/PCvYh0/ImV0J0yZjM7INI6hCTSIjJ29FY+unFbsSumMWRUlW7W5ltFtm/6bMtvC70elPwIMrpw==","signatures":[{"sig":"MEYCIQCjmu4YPrKzZAJ2qMU++nuqpQq++9GzDExSf6m0IPYB7AIhAJuSJWHbswYXUbXVuCu9uytzxOOLKUm81Vo4w9SOZul9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6050},"type":"module","_from":"file:288-toolkit-marquee-2.0.0.tgz","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","build":"svelte-package","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/b9062cf52bdfe7d5337a9dd5fbf17c53/288-toolkit-marquee-2.0.0.tgz","_integrity":"sha512-uraoR6//mir/PCvYh0/ImV0J0yZjM7INI6hCTSIjJ29FY+unFbsSumMWRUlW7W5ltFtm/6bMtvC70elPwIMrpw==","_npmVersion":"10.5.0","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@288-toolkit/timeout":"^3.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"4.x || 5.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_2.0.0_1714509585681_0.0895922590713436","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@288-toolkit/marquee","version":"2.0.1","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@2.0.1","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"61018396bd1cd6c3394fb0f538ff4d078fd45697","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-2.0.1.tgz","fileCount":6,"integrity":"sha512-QSS3wz9alGp+cRMvZGquh3ujo3Z3Lg4AVTgh+VI6pV4KMOtXDBWUclmeP7O1lA8OGAuHjlPeq/1sJrosxymWnQ==","signatures":[{"sig":"MEUCIFaI1UEcbF12rhqueAbHnIEr5CtuxyPCPLBsyRkxA9xIAiEA+0DgY8uWdrz5xjA0boZh/gUWn4Haod4NYvTIH5B+WpQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6050},"type":"module","_from":"file:288-toolkit-marquee-2.0.1.tgz","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","build":"svelte-package","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/116c8e0ca8349a1f68fe52ca3f64d583/288-toolkit-marquee-2.0.1.tgz","_integrity":"sha512-QSS3wz9alGp+cRMvZGquh3ujo3Z3Lg4AVTgh+VI6pV4KMOtXDBWUclmeP7O1lA8OGAuHjlPeq/1sJrosxymWnQ==","_npmVersion":"10.5.0","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@288-toolkit/timeout":"^3.0.1"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"4.x || 5.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_2.0.1_1714509829687_0.43885997550684475","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@288-toolkit/marquee","version":"3.0.0","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@3.0.0","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"1da3b9e15bdbc7affd8f3f76d061ae9bf6a255de","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-3.0.0.tgz","fileCount":6,"integrity":"sha512-a5T6+bqoOrzBOYvCJpLZFyqwceRqUvJfU/93ocJbjQbPP1cu80ezO9nlK4XekSC+f3TTPK3fNo0ZAvBPYUEasA==","signatures":[{"sig":"MEUCIGal8zSzq45rTWAUzGIOeACTmlrV+IUAmxRyCNlDyBb3AiEA0JzFrZq6ToUc2miFFSnb99G83wRFmbf1PFghdEcXRFA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6050},"type":"module","_from":"file:288-toolkit-marquee-3.0.0.tgz","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","build":"svelte-package","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/ea22ef1e10717235c446ddf02d7a7342/288-toolkit-marquee-3.0.0.tgz","_integrity":"sha512-a5T6+bqoOrzBOYvCJpLZFyqwceRqUvJfU/93ocJbjQbPP1cu80ezO9nlK4XekSC+f3TTPK3fNo0ZAvBPYUEasA==","_npmVersion":"10.5.0","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.12.2","dependencies":{"@288-toolkit/timeout":"^4.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"4.x || 5.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_3.0.0_1714522073515_0.8484346068537578","host":"s3://npm-registry-packages"}},"3.0.1":{"name":"@288-toolkit/marquee","version":"3.0.1","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@3.0.1","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"41b1580de5cc45218b050ff5573923e2ba754b1c","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-3.0.1.tgz","fileCount":6,"integrity":"sha512-oqyqSRT/+DH0OYBL63ElvGDtzQ9FkuJTmQzAxn04hlZfWXoWG3OdLpjMPPoaAdf8uP031H5kpeWYZYTb8vfpTA==","signatures":[{"sig":"MEQCIQCn0bcSiUfPBSNCUEcltFFx0r/UzsijNpWI6L5oR5GIDgIfT/TgHfDsS2Nmyc8XrneOH6ewvSQz305YWHPed5i2BQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6195},"type":"module","_from":"file:288-toolkit-marquee-3.0.1.tgz","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","build":"svelte-package","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/97ab4988d1577be3b16b5b06c51b3756/288-toolkit-marquee-3.0.1.tgz","_integrity":"sha512-oqyqSRT/+DH0OYBL63ElvGDtzQ9FkuJTmQzAxn04hlZfWXoWG3OdLpjMPPoaAdf8uP031H5kpeWYZYTb8vfpTA==","_npmVersion":"10.5.2","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@288-toolkit/timeout":"^4.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"4.x || 5.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_3.0.1_1716473635266_0.011130052963750359","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@288-toolkit/marquee","version":"3.1.0","author":{"name":"DeuxHuitHuit"},"license":"MIT","_id":"@288-toolkit/marquee@3.1.0","maintainers":[{"name":"nitriques","email":"open-source@deuxhuithuit.com"},{"name":"f-elix","email":"guerinfelix08@gmail.com"}],"dist":{"shasum":"539a9b4e625c59a06d23f84b8a1469d38f02f5eb","tarball":"https://registry.npmjs.org/@288-toolkit/marquee/-/marquee-3.1.0.tgz","fileCount":6,"integrity":"sha512-/x5Htwoxu4MW1UObAKuyA763CGt0lKnxeKTojPTLZdLrbUyp6uKU8ILiGmRqYe4XHvweKaF8nw5rd96O9W99Uw==","signatures":[{"sig":"MEUCIDnO4sy7KD1At9TSmLiYMugKng4I/YdU6qPup9q1Keh9AiEA5GTl799ZkSU8lRpjRJgS3Cr+JlNyqko72oycwiG1j5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6215},"type":"module","_from":"file:288-toolkit-marquee-3.1.0.tgz","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"}},"scripts":{"lc":"npm run lint && npm run check","lint":"eslint --max-warnings=0 --cache .","test":"vitest run","build":"svelte-package","check":"svelte-check --tsconfig ./tsconfig.json --fail-on-warnings","format":"npm run format:file .","lc:watch":"npm run lint && npm run check -- --watch","lint:fix":"npm run lint -- --fix","test:watch":"vitest","check:watch":"npm run check -- --watch","format:file":"npm run format:prettier -- --write","format:prettier":"prettier --config ./.prettierrc"},"_npmUser":{"name":"f-elix","email":"guerinfelix08@gmail.com"},"_resolved":"/tmp/bd17fdaa6e50d92a102549242bc23fac/288-toolkit-marquee-3.1.0.tgz","_integrity":"sha512-/x5Htwoxu4MW1UObAKuyA763CGt0lKnxeKTojPTLZdLrbUyp6uKU8ILiGmRqYe4XHvweKaF8nw5rd96O9W99Uw==","_npmVersion":"10.8.2","description":"```sh pnpm i @288-toolkit/marquee ```","directories":{},"_nodeVersion":"20.17.0","dependencies":{"@288-toolkit/timeout":"^4.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"svelte":"4.x || 5.x"},"_npmOperationalInternal":{"tmp":"tmp/marquee_3.1.0_1725891671717_0.9005923840765422","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-04-25T18:23:46.486Z","modified":"2025-09-23T15:34:42.786Z","1.0.0":"2024-04-25T18:23:46.788Z","1.0.1":"2024-04-25T20:15:21.620Z","2.0.0":"2024-04-30T20:39:45.828Z","2.0.1":"2024-04-30T20:43:49.909Z","3.0.0":"2024-05-01T00:07:53.679Z","3.0.1":"2024-05-23T14:13:55.509Z","3.1.0":"2024-09-09T14:21:11.928Z"},"author":{"name":"DeuxHuitHuit"},"license":"MIT","description":"```sh pnpm i @288-toolkit/marquee ```","maintainers":[{"email":"open-source@deuxhuithuit.com","name":"nitriques"}],"readme":"# Marquee\n\n```sh\npnpm i @288-toolkit/marquee\n```\n\nA css animated generic marquee component.\n\n## Props\n\n### --gap\n\nShould be set as a css variable.\n\nTo make a seamless marquee effect, the component generates whatever is in the slot twice or more.\nThe `gap` property represents the space between the copies. Default: `0`.\n\n### --speed\n\nShould be set as a css variable.\n\nThe marquee animation duration, which determines the speed of the marquee. The higher the number,\nthe slower the marquee. Default: `12000ms`.\n\n### direction\n\nThe direction of the marquee.\n\n```ts\nexport let direction: 'natural' | 'inverted' = 'natural';\n```\n\n### orientation\n\nThe orientation of the marquee. Default: `horizontal`.\n\n```ts\nexport let orientation: 'vertical' | 'horizontal' = 'horizontal';\n```\n\n### stopOnHover\n\nWhether the marquee should pause when hovered. Default: `false`.\n\n```ts\nexport let stopOnHover = false;\n```\n\n## Slot props\n\n-   `copy` (`boolean`): Wether the rendered slot is a copy of the original.\n\n## Example\n\n```svelte\n<script lang=\"ts\">\n\timport { Marquee } from '@288-toolkit/marquee';\n</script>\n\n<section>\n\t<Marquee direction=\"natural\" stopOnHover>\n\t\t{#each ['200/300?1', '200/300?2', '200/300?3', '200/300?4', '200/300?5'] as image}\n\t\t\t<img src=\"http://placekitten.com/{image}\" alt=\"\" />\n\t\t{/each}\n\t</Marquee>\n</section>\n\n<style>\n\tsection {\n\t\t--gap: 2rem;\n\t\t--speed: 40000ms;\n\t}\n\n\t@screen lg {\n\t\tsection {\n\t\t\t--gap: 4rem;\n\t\t\t--speed: 20000ms;\n\t\t}\n\t}\n</style>\n```\n","readmeFilename":"README.md"}