{"_id":"@allensulzen/countdown-timer","_rev":"5-d9c8711bf5dc6462ac838ce6ebc48c08","name":"@allensulzen/countdown-timer","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@allensulzen/countdown-timer","version":"1.0.0","keywords":["Web","Component","Countdown","Timer","JavaScript"],"author":{"name":"Allen Sulzen"},"license":"ISC","_id":"@allensulzen/countdown-timer@1.0.0","maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"homepage":"https://github.com/allensulzen/countdown-timer#readme","bugs":{"url":"https://github.com/allensulzen/countdown-timer/issues"},"dist":{"shasum":"de1e2da01b5774987666cb668104549bb65d0d27","tarball":"https://registry.npmjs.org/@allensulzen/countdown-timer/-/countdown-timer-1.0.0.tgz","fileCount":6,"integrity":"sha512-T3e+9uSqUHORfecPQ5o+lg8yriWAuv6xMXSkKDtl8fIFqmvRmBrYsqo//5jnwdKKwaXTE0rxP1k90BqQXWsrDQ==","signatures":[{"sig":"MEUCIQDC4wAqXw77JX74Dy/rv/XF2nykI+BKKHXhSAssSJitEAIgZnSc53KJnw056uQmUR1TGxX7k0s66vLOsDY7138T9LA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23815},"main":"countdown-timer.js","gitHead":"15b288f64274edf57ad713d8998f0d7a74e03b08","scripts":{"minify":"terser countdown-timer.js -c ecma=2015,computed_props=false -o countdown-timer.min.js"},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"repository":{"url":"git+https://github.com/allensulzen/countdown-timer.git","type":"git"},"_npmVersion":"8.19.4","description":"A Web Component that displays a timer counting down to a specified date.","directories":{},"_nodeVersion":"20.12.2","_hasShrinkwrap":false,"devDependencies":{"terser":"^5.30.3"},"_npmOperationalInternal":{"tmp":"tmp/countdown-timer_1.0.0_1712800230611_0.9420225240913447","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@allensulzen/countdown-timer","version":"1.0.1","keywords":["Web","Component","Countdown","Timer","JavaScript"],"author":{"name":"Allen Sulzen"},"license":"ISC","_id":"@allensulzen/countdown-timer@1.0.1","maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"homepage":"https://github.com/allensulzen/countdown-timer#readme","bugs":{"url":"https://github.com/allensulzen/countdown-timer/issues"},"dist":{"shasum":"ad35c72af1a6b63b6ba5e8d8d9fb2f75db3362d2","tarball":"https://registry.npmjs.org/@allensulzen/countdown-timer/-/countdown-timer-1.0.1.tgz","fileCount":6,"integrity":"sha512-tyABw3Yd8TZPmkCPegewfdPmuL0Zgts8bhQOoA/OR4ZjqSNxOJMpSdFfZnRkLYk25aIgaRFwQ8m1XSZTA7OdoA==","signatures":[{"sig":"MEUCIQD9SF6AiGjqtvjQ6nD3ztcoSlsJn02JvQpS2LKsGJLdEQIge4urwYXm69EsxQSU6FprI+R/YeFDxDCJZKci4aCRhLw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23918},"main":"countdown-timer.js","gitHead":"39c80161db76da84646c1e2cdc5c973878fc3d30","scripts":{"minify":"terser countdown-timer.js -c ecma=2015,computed_props=false -o countdown-timer.min.js"},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"repository":{"url":"git+https://github.com/allensulzen/countdown-timer.git","type":"git"},"_npmVersion":"8.19.4","description":"A Web Component that displays a timer counting down to a specified date.","directories":{},"_nodeVersion":"20.12.2","_hasShrinkwrap":false,"devDependencies":{"terser":"^5.30.3"},"_npmOperationalInternal":{"tmp":"tmp/countdown-timer_1.0.1_1712800614221_0.06798386678476143","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@allensulzen/countdown-timer","version":"1.0.2","keywords":["Web","Component","Countdown","Timer","JavaScript"],"author":{"name":"Allen Sulzen"},"license":"ISC","_id":"@allensulzen/countdown-timer@1.0.2","maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"homepage":"https://github.com/allensulzen/countdown-timer#readme","bugs":{"url":"https://github.com/allensulzen/countdown-timer/issues"},"dist":{"shasum":"c5e7bde1c0f839e1d56499a3b8b6202cde51c8db","tarball":"https://registry.npmjs.org/@allensulzen/countdown-timer/-/countdown-timer-1.0.2.tgz","fileCount":8,"integrity":"sha512-Yx4dhCl2S6EPT+1XZYfL32FernKWIlbUMI5UAYqiEgn4X3R8y0ThSRhChCcn8QJWKjmDtwlGnfQP1IJBMcjlDw==","signatures":[{"sig":"MEYCIQDIHMjAAm/FTjoVXCzmFRt8PEqmopTc9VBCmYa8XdYl2gIhAJXTJmtD03QfRlRpjRwt6AB8v3CB3C8COBOHqcgNMN+4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29387},"main":"countdown-timer.js","gitHead":"13c9414c5c8c3669503ac8552e56af10f07ed542","scripts":{"dev":"nodemon --watch countdown-timer.js --exec \"npm run minify\"","test":"jest --watchAll","minify":"terser countdown-timer.js -c ecma=2015,computed_props=false -o countdown-timer.min.js"},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"repository":{"url":"git+https://github.com/allensulzen/countdown-timer.git","type":"git"},"_npmVersion":"8.19.4","description":"A Web Component that displays a timer counting down to a specified date.","directories":{},"_nodeVersion":"20.12.2","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","terser":"^5.30.3","nodemon":"^3.1.0","jest-environment-jsdom":"^29.7.0","@webcomponents/webcomponentsjs":"^2.8.0"},"_npmOperationalInternal":{"tmp":"tmp/countdown-timer_1.0.2_1713324849658_0.11784739554323953","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@allensulzen/countdown-timer","version":"1.0.3","keywords":["Web","Component","Countdown","Timer","JavaScript"],"author":{"name":"Allen Sulzen"},"license":"ISC","_id":"@allensulzen/countdown-timer@1.0.3","maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"homepage":"https://github.com/allensulzen/countdown-timer#readme","bugs":{"url":"https://github.com/allensulzen/countdown-timer/issues"},"dist":{"shasum":"cebc93a019f59273115bfd78b389c5073dc58f6d","tarball":"https://registry.npmjs.org/@allensulzen/countdown-timer/-/countdown-timer-1.0.3.tgz","fileCount":8,"integrity":"sha512-FqSROZl1ax4POccto2gujWD1en6jy4PH0oqc+QfsAMi29GaEAslZ6/bLGDaBEqPJxu3Uk9aBkpSyj154Ze8pkw==","signatures":[{"sig":"MEUCIFkLJn6OH26aRCWH6ATnGT+Pe1+fhSGvLAyNUPGfKMLlAiEAtYhN5swEp2Tikwdyfmd4U1ChJuIDFPddwEAauA1Y/Ro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29151},"main":"countdown-timer.js","gitHead":"22801fdc85d7472324166f880071fca6f3ea0fe3","scripts":{"dev":"nodemon --watch countdown-timer.js --exec \"npm run minify\"","test":"jest --watchAll","minify":"terser countdown-timer.js -c ecma=2015,computed_props=false -o countdown-timer.min.js"},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"repository":{"url":"git+https://github.com/allensulzen/countdown-timer.git","type":"git"},"_npmVersion":"8.19.4","description":"A Web Component that displays a timer counting down to a specified date.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","terser":"^5.30.3","nodemon":"^3.1.0","jest-environment-jsdom":"^29.7.0","@webcomponents/webcomponentsjs":"^2.8.0"},"_npmOperationalInternal":{"tmp":"tmp/countdown-timer_1.0.3_1716934422118_0.856491556071866","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@allensulzen/countdown-timer","version":"1.1.0","description":"A Web Component that displays a timer counting down to a specified date.","main":"countdown-timer.js","scripts":{"dev":"nodemon --watch countdown-timer.js --exec \"npm run minify\"","minify":"terser countdown-timer.js -c ecma=2015,computed_props=false -o countdown-timer.min.js","test":"jest --watchAll"},"repository":{"type":"git","url":"git+https://github.com/allensulzen/countdown-timer.git"},"keywords":["Web","Component","Countdown","Timer","JavaScript"],"author":{"name":"Allen Sulzen"},"license":"ISC","bugs":{"url":"https://github.com/allensulzen/countdown-timer/issues"},"homepage":"https://github.com/allensulzen/countdown-timer#readme","devDependencies":{"@webcomponents/webcomponentsjs":"^2.8.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","nodemon":"^3.1.0","terser":"^5.30.3"},"_id":"@allensulzen/countdown-timer@1.1.0","gitHead":"b7bb94fe8876ed57a7a0fb36b0a944c2c0488fbe","_nodeVersion":"25.6.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-nY6xRdbBqGusK3NLU8YoBJXrUzABWZWrEQ4Y0Vil55gJ49PDFKvK5NZy9CQihe32+ApEnQRtMd3MBzaxpA2j+g==","shasum":"00c4901ce083b6c06cbf547105676d66dc227985","tarball":"https://registry.npmjs.org/@allensulzen/countdown-timer/-/countdown-timer-1.1.0.tgz","fileCount":8,"unpackedSize":31009,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC6jNFMbKu7r/3z5MG/Mrc5vzPaz1aeXOFPZ0+Ca7CXJQIgJD7IMAXiSNR06avkSi8gbicH7XZeBwz6nKppjm7m/xI="}]},"_npmUser":{"name":"allensulzen","email":"allensulzen1@gmail.com"},"directories":{},"maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/countdown-timer_1.1.0_1774643632143_0.558036361722605"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-11T01:50:30.473Z","modified":"2026-03-27T20:33:52.401Z","1.0.0":"2024-04-11T01:50:30.823Z","1.0.1":"2024-04-11T01:56:54.375Z","1.0.2":"2024-04-17T03:34:09.828Z","1.0.3":"2024-05-28T22:13:42.284Z","1.1.0":"2026-03-27T20:33:52.287Z"},"bugs":{"url":"https://github.com/allensulzen/countdown-timer/issues"},"author":{"name":"Allen Sulzen"},"license":"ISC","homepage":"https://github.com/allensulzen/countdown-timer#readme","keywords":["Web","Component","Countdown","Timer","JavaScript"],"repository":{"type":"git","url":"git+https://github.com/allensulzen/countdown-timer.git"},"description":"A Web Component that displays a timer counting down to a specified date.","maintainers":[{"name":"allensulzen","email":"allensulzen1@gmail.com"}],"readme":"# Countdown Timer Web Component\n\nA simple yet customizable countdown timer web component that can be easily integrated into any web project. This component is designed to display a countdown to a specified date, complete with a customizable heading, subheading, and theme.\n\n## Features\n\n- **Dynamic Countdown**: Counts down to a specified date and time.\n- **Customizable**: Allows setting a heading, subheading, and theme via attributes.\n- **Responsive Design**: Adapts to different screen sizes for optimal viewing.\n- **Theme Options**: Supports \"light\", \"dark\", and \"none\" for an unstyled render.\n\n## Installation\n\nTo use the `countdown-timer` in your project, simply include the JavaScript file that contains the class definition for the component. A CDN link is provided below for easy integration:\n\n```html\n<script src=\"https://www.unpkg.com/@allensulzen/countdown-timer@latest/countdown-timer.min.js\"></script>\n```\n\n## Usage\n\nTo add a countdown timer to your webpage, you can include the countdown-timer element with the desired attributes:\n\n```html\n<countdown-timer\n    date=\"YYYY-MM-DDThh:mm:ss\"\n    heading=\"Event Starts In\"\n    subheading=\"Don't miss out!\"\n    theme=\"dark\"\n    message=\"The event has begun!\"\n    link=\"https://example.com\"\n    linktext=\"Learn More\"\n></countdown-timer>\n\n```\n\n## Attributes\n\n - `date` (required): The target date and time for the countdown. Format: YYYY-MM-DDThh:mm:ss.\n - `heading` (optional): A heading text displayed above the countdown.\n - `subheading` (optional): A subheading text displayed below the countdown.\n - `theme` (optional): Theme for the countdown timer. Currently supports \"light\" (default), \"dark\", and \"none\" for no built-in styles.\n  - `message` (optional): A message displayed when the countdown reaches zero.\n - `link` (optional): A URL for a page to visit when the countdown is complete.\n - `linktext` (optional): The text for the link displayed after the countdown ends.\n\n## Styling\n\nThe component can be styled further using CSS. It is structured to allow easy customization of its parts. Here are some classes you can target:\n\n - `.countdown-timer__title`: The container for the heading.\n - `.countdown-timer__content`: The container for the countdown counters.\n - `.countdown-timer__content__counter`: The individual counter for days, hours, minutes, and  - seconds.\n - `.countdown-timer__content__counter.skeleton`: Targets the skeleton screen counters for loading state.\n - `.countdown-timer__label`: The container for the subheading.\n\nThe component does not use shadow DOM, so you can style it as you please. Use theme \"none\" to remove all built-in styling.\n\n```css\n.countdown-timer.theme--dark .countdown-timer__content__counter {\n    background-color: #333;\n    color: #fff;\n}\n```\n\n## Methods\n\n - `startTimer()`: Starts the countdown timer.\n - `stopTimer()`: Stops the countdown timer.\n\n## Browser Compatibility\n\nThe `countdown-timer` component is built with standard web technologies, making it compatible with most modern browsers that support Web Components and Custom Elements.\n","readmeFilename":"README.md"}