{"_id":"@11thdeg/cn-story-clock","_rev":"5-a11e7b848e0c4823f00625f638ad0dd0","name":"@11thdeg/cn-story-clock","dist-tags":{"beta":"4.0.0-beta.8","latest":"4.0.0-beta.10"},"versions":{"4.0.0-beta.4":{"name":"@11thdeg/cn-story-clock","version":"4.0.0-beta.4","keywords":[],"author":{"name":"Ville Takanen"},"license":"MIT","_id":"@11thdeg/cn-story-clock@4.0.0-beta.4","maintainers":[{"name":"villetakanen","email":"vitkukissa@gmail.com"}],"dist":{"shasum":"1d84de5ef6e6991e33f3b0249569373bb4d3e7fb","tarball":"https://registry.npmjs.org/@11thdeg/cn-story-clock/-/cn-story-clock-4.0.0-beta.4.tgz","fileCount":6,"integrity":"sha512-bs6g8VBc1a7yMuqAvqlQxvRzBuwGc7IryDJavuc0a89KT7N+dYu/vIpjTonuVqM+sviTTErrvkNR6R0csoMEGA==","signatures":[{"sig":"MEUCIHyvjAP6fsta1t1l1Muk7xM+Z6mNX93882omRgsZ9bUgAiEA5PrMpaGsgAuul3FbEhOnfqqtWb3rwPYLJtY/K6KKWn8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34773},"main":"dist/cn-story-clock.umd.js","type":"module","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/cn-story-clock.es.js"}},"gitHead":"bbe6b700ca286b07d607c6cb916344d7519b9ee1","scripts":{"dev":"vite","test":"vitest","build":"vite build","check":"biome check --write","prepare":"pnpm build"},"_npmUser":{"name":"villetakanen","email":"vitkukissa@gmail.com"},"_npmVersion":"10.8.2","description":"A form input custom element for a PbtA style story clock","directories":{},"_nodeVersion":"20.19.0","dependencies":{"lit":"^3.3.1","ts-key-enum":"^3.0.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","jsdom":"^26.1.0","vitest":"^3.2.4","playwright":"^1.54.1","typescript":"^5.8.3","@biomejs/biome":"2.2.0","@vitest/browser":"^3.2.4","vitest-browser-lit":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/cn-story-clock_4.0.0-beta.4_1755839588662_0.7588044647959693","host":"s3://npm-registry-packages-npm-production"}},"4.0.0-beta.5":{"name":"@11thdeg/cn-story-clock","version":"4.0.0-beta.5","keywords":[],"author":{"name":"Ville Takanen"},"license":"MIT","_id":"@11thdeg/cn-story-clock@4.0.0-beta.5","maintainers":[{"name":"villetakanen","email":"vitkukissa@gmail.com"}],"dist":{"shasum":"3f936730cd6978f1e2f1dda4ab4ef76f028345b1","tarball":"https://registry.npmjs.org/@11thdeg/cn-story-clock/-/cn-story-clock-4.0.0-beta.5.tgz","fileCount":9,"integrity":"sha512-LUWFBspnLicJUL0w4iYpx4MsSbrkB5J+1auyvfYVz3cIqCgWKfnNuch8EHvjQb7/2QtknFE96KrcamyfwmlLEw==","signatures":[{"sig":"MEYCIQDWXpI5+GfH9aUI8Zwyl4e39j9pwN9qwnubnzpeAVGxIwIhAIkahikoha7zu+WouLFUFRKTcTwCreX321wLoneD53lC","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35981},"main":"dist/cn-story-clock.umd.js","type":"module","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/cn-story-clock.es.js"}},"gitHead":"52d01fc7824b67214fad17ba00c312ac3210d535","scripts":{"dev":"vite","test":"vitest","build":"vite build","check":"biome check --write","prepare":"pnpm build && pnpm build:types","build:types":"tsc -p tsconfig.json --emitDeclarationOnly"},"_npmUser":{"name":"villetakanen","email":"vitkukissa@gmail.com"},"_npmVersion":"10.8.2","description":"A form input custom element for a PbtA style story clock","directories":{},"_nodeVersion":"20.19.0","dependencies":{"lit":"^3.3.1","ts-key-enum":"^3.0.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","jsdom":"^26.1.0","vitest":"^3.2.4","playwright":"^1.54.1","typescript":"^5.8.3","@biomejs/biome":"2.2.0","@vitest/browser":"^3.2.4","vitest-browser-lit":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/cn-story-clock_4.0.0-beta.5_1755849768876_0.24134826366648499","host":"s3://npm-registry-packages-npm-production"}},"4.0.0-beta.8":{"name":"@11thdeg/cn-story-clock","version":"4.0.0-beta.8","keywords":[],"author":{"name":"Ville Takanen"},"license":"MIT","_id":"@11thdeg/cn-story-clock@4.0.0-beta.8","maintainers":[{"name":"villetakanen","email":"vitkukissa@gmail.com"}],"dist":{"shasum":"ee8ab17c1e899981e5c24ebbb023a64efc442e55","tarball":"https://registry.npmjs.org/@11thdeg/cn-story-clock/-/cn-story-clock-4.0.0-beta.8.tgz","fileCount":9,"integrity":"sha512-PsqZr1e6EK9JUnYEbB72Fz7NxSawyWXh+19rPrCbqLF5T1wssRwDoQ0bSCtQHFrg2hcBu02AuRh4IzgDuJmpww==","signatures":[{"sig":"MEYCIQCfqT152vfD9WPozmZ0MAcZe5vTPa8g28jBqJXzvMkYNgIhAO0FlzSI5RiMj2IHCP+NhS7LvSzlh10OwA6nxCLDWcGu","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35985},"main":"dist/cn-story-clock.umd.js","type":"module","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/cn-story-clock.es.js"}},"gitHead":"f7f557d62606133dd04b80f096307a100b66b84e","scripts":{"dev":"vite","test":"vitest","build":"vite build","check":"biome check --write","prepare":"pnpm build && pnpm build:types","build:types":"tsc -p tsconfig.json --emitDeclarationOnly"},"_npmUser":{"name":"villetakanen","email":"vitkukissa@gmail.com"},"_npmVersion":"10.8.2","description":"A form input custom element for a PbtA style story clock","directories":{},"_nodeVersion":"20.19.0","dependencies":{"lit":"^3.3.1","ts-key-enum":"^3.0.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vite":"^6.0.7","jsdom":"^26.1.0","vitest":"^3.2.4","playwright":"^1.54.1","typescript":"^5.8.3","@biomejs/biome":"2.2.0","@vitest/browser":"^3.2.4","vitest-browser-lit":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/cn-story-clock_4.0.0-beta.8_1756061909529_0.15328954903504943","host":"s3://npm-registry-packages-npm-production"}},"4.0.0-beta.9":{"name":"@11thdeg/cn-story-clock","version":"4.0.0-beta.9","keywords":[],"author":{"name":"Ville Takanen"},"license":"MIT","_id":"@11thdeg/cn-story-clock@4.0.0-beta.9","maintainers":[{"name":"villetakanen","email":"vitkukissa@gmail.com"}],"dist":{"shasum":"b700b5d00c7853f744ff3b9a726634e6509af5d1","tarball":"https://registry.npmjs.org/@11thdeg/cn-story-clock/-/cn-story-clock-4.0.0-beta.9.tgz","fileCount":9,"integrity":"sha512-8xUhsdSAd0+kVOfusSQZd3c6K2+bI7s6eXw81NQHwZ4gIFDKgl3bgJbKPxc7QMqj7UDHebu62hHT88o+91B+wQ==","signatures":[{"sig":"MEYCIQC1DHwXobGHJc/akyNZTTElwhBXwmewkah2US+y3v2AnAIhAPQWKfur9BNgf+T3UE0YvEuLJcVr2chdDTS5lN9gv1Th","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35935},"main":"dist/cn-story-clock.umd.js","type":"module","_from":"file:11thdeg-cn-story-clock-4.0.0-beta.9.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/cn-story-clock.es.js"}},"scripts":{"dev":"vite","test":"vitest","build":"vite build","check":"biome check --write","build:types":"tsc -p tsconfig.json --emitDeclarationOnly"},"_npmUser":{"name":"villetakanen","email":"vitkukissa@gmail.com"},"_resolved":"/private/var/folders/5x/92_br_c51191x_mqv5grk7p00000gq/T/d5faccf2a42a43612dc87043c9623b6b/11thdeg-cn-story-clock-4.0.0-beta.9.tgz","_integrity":"sha512-8xUhsdSAd0+kVOfusSQZd3c6K2+bI7s6eXw81NQHwZ4gIFDKgl3bgJbKPxc7QMqj7UDHebu62hHT88o+91B+wQ==","_npmVersion":"10.8.2","description":"A form input custom element for a PbtA style story clock","directories":{},"_nodeVersion":"20.19.0","dependencies":{"lit":"^3.3.1","ts-key-enum":"^3.0.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","jsdom":"^26.1.0","vitest":"^3.2.4","playwright":"^1.54.1","typescript":"^5.8.3","@biomejs/biome":"2.2.0","@vitest/browser":"^3.2.4","vitest-browser-lit":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/cn-story-clock_4.0.0-beta.9_1757488629904_0.19862478413336326","host":"s3://npm-registry-packages-npm-production"}},"4.0.0-beta.10":{"name":"@11thdeg/cn-story-clock","version":"4.0.0-beta.10","description":"A form input custom element for a PbtA style story clock","type":"module","main":"dist/cn-story-clock.umd.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/cn-story-clock.es.js","types":"./dist/index.d.ts"}},"publishConfig":{"access":"public"},"scripts":{"prepare":"pnpm build && pnpm build:types","build":"vite build","build:types":"tsc -p tsconfig.json --emitDeclarationOnly","test":"vitest","check":"biome check --write","dev":"vite"},"keywords":[],"author":{"name":"Ville Takanen"},"license":"MIT","devDependencies":{"@biomejs/biome":"2.2.0","@vitest/browser":"^3.2.4","jsdom":"^26.1.0","playwright":"^1.54.1","typescript":"^5.8.3","vite":"^6.0.7","vitest":"^3.2.4","vitest-browser-lit":"^0.1.0"},"dependencies":{"lit":"^3.3.1","ts-key-enum":"^3.0.13"},"_id":"@11thdeg/cn-story-clock@4.0.0-beta.10","gitHead":"e7804459e3eb0189e1790a11089e46caed66864b","_nodeVersion":"20.19.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-ata77Q0/AduOaFwy8iL3bYshETUihl7vV3qjiy7K2woHimA7JQtOtBdFElgKNAZ+3vqqGqcmqS7+XVBuTpiT9Q==","shasum":"35f40384e795f3f3fa4707c86ba98a7b4be4d57f","tarball":"https://registry.npmjs.org/@11thdeg/cn-story-clock/-/cn-story-clock-4.0.0-beta.10.tgz","fileCount":9,"unpackedSize":35986,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCIqu5CJIHta385AFmo3YYyXz3E64gDQ7jkswYffo9rSAIhALLLFLsDW+TR9L5xNsg6EpLpfAgVSUJ2OrYEV3q1FCQA"}]},"_npmUser":{"name":"villetakanen","email":"vitkukissa@gmail.com"},"directories":{},"maintainers":[{"name":"villetakanen","email":"vitkukissa@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/cn-story-clock_4.0.0-beta.10_1757510326917_0.6365747258438326"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-22T05:13:08.556Z","modified":"2025-09-10T13:18:47.301Z","4.0.0-beta.4":"2025-08-22T05:13:08.857Z","4.0.0-beta.5":"2025-08-22T08:02:49.077Z","4.0.0-beta.8":"2025-08-24T18:58:29.730Z","4.0.0-beta.9":"2025-09-10T07:17:10.109Z","4.0.0-beta.10":"2025-09-10T13:18:47.081Z"},"author":{"name":"Ville Takanen"},"license":"MIT","keywords":[],"description":"A form input custom element for a PbtA style story clock","maintainers":[{"name":"villetakanen","email":"vitkukissa@gmail.com"}],"readme":"# Cyan Story Clock\n\nA form component that implements a Story Clock - a visual tracking tool originating from tabletop RPGs like Apocalypse World and Blades in the Dark. Story Clocks display progress as segments in a pie chart, filling in wedges as events or actions advance toward completion.\n\n## Installation\n\nWe currently only provide the source code for this component. To use it in your project, either copy the source code into your project or import it as a git submodule.\n\n## Examle Usage\n\nThe following example demonstrates how to use the `` component to create a simple story clock with three ticks. Each tick is represented by a `` component, which takes a `label` and a `value` prop. The `value` prop should be a number, representing the progress of the tick.\n\n```html\n\n\n \n \n \n\n\n```","readmeFilename":"README.md"}