clocklet - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

es/template.pug.d.ts

 declare const template: string
 export default template

package.json

 {
   "name": "clocklet",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "An opinionated clock-style vanilla-js timepicker",
@@ -24,3 +24,3 @@ "repository": "luncheon/clocklet",
     "watch:css": "rimraf css/ && mkdirp css/ && stylus -w -o css/ src/style/",
-    "build:demo": "rimraf .docs/ docs/demo.html && pug    -o .docs/ src/demo/demo.pug -O {cdnBaseUrl:'..'} && pug -o docs/ src/demo/demo.pug -O {cdnBaseUrl:'https://cdn.jsdelivr.net/npm/clocklet@0.1.3'}",
+    "build:demo": "rimraf .docs/ docs/demo.html && pug    -o .docs/ src/demo/demo.pug -O {cdnBaseUrl:'..'} && pug -o docs/ src/demo/demo.pug -O {cdnBaseUrl:'https://cdn.jsdelivr.net/npm/clocklet@0.1.4'}",
     "watch:demo": "rimraf .docs/ docs/demo.html && pug -w -o .docs/ src/demo/demo.pug -O {cdnBaseUrl:'..'}"
@@ -27,0 +27,0 @@ },

README.md

@@ -19,6 +19,3 @@ # <a name="clocklet" href="#clocklet" style="pointer-events:none">![Clocklet](https://luncheon.github.io/clocklet/docs/logo.png)</a>
   * Support up/down arrow key to increment/decrement
-* Declarative usage  
-  1\. Load the stylesheet  
-  2\. Load the script  
-  3\. Add `"data-clocklet"` attribute to time input elements
+* Declarative usage
 * Vanilla JS - no need jQuery or any other frameworks
@@ -29,3 +26,3 @@ * Lightweight (CSS + JS ~ 7kB gzipped)
 
-### via npm with a module bundler
+### via npm (with a module bundler)
 
@@ -44,7 +41,18 @@ ```bash
 ```html
-<link rel="https://cdn.jsdelivr.net/npm/clocklet@0.1.3/css/clocklet.min.css">
-<script src="https://cdn.jsdelivr.net/npm/clocklet@0.1.3"></script>
+<link rel="https://cdn.jsdelivr.net/npm/clocklet@0.1.4/css/clocklet.min.css">
+<script src="https://cdn.jsdelivr.net/npm/clocklet@0.1.4"></script>
 <script>/* `window.clocklet` object is available */</script>
 ```
 
+
+## Usage
+
+Place `<input>` elements having `data-clocklet` attribute (either before or after loading the clocklet script).  
+When these elements get focused, the timepicker popups.
+
+```html
+<input data-clocklet>
+```
+
+
 ## Options
@@ -51,0 +59,0 @@

src/script/clock.ts

@@ -0,0 +0,0 @@ import { __assign } from 'tslib'

src/script/clocklet.ts

@@ -0,0 +0,0 @@ import adjustOnArrowKeys from 'lenientime/es/input-helpers/adjust-on-arrow-keys'

src/script/data.ts

@@ -0,0 +0,0 @@ export function getClockletData(element: Element, attributeName: string) {

src/script/dial.ts

@@ -0,0 +0,0 @@ import isTouchDevice from './is-touch-device'

src/script/event.ts

@@ -0,0 +0,0 @@ export function dispatchCustomEvent(target: EventTarget, type: string, bubbles: boolean, cancelable: boolean, detail?: any) {

src/script/is-touch-device.ts

 export default matchMedia('(hover: none)').matches

src/script/options.ts

@@ -0,0 +0,0 @@ export interface ClockletOptions {

src/script/template.pug.d.ts

 declare const template: string
 export default template

src/script/token.ts

@@ -0,0 +0,0 @@ import Lenientime from 'lenientime/es/core/lenientime'

umd/clocklet.js

@@ -0,0 +0,0 @@ (function (global, factory) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

164491

increased by0.92%

Lines of code

2251

increased by0.09%

Number of lines in readme file

156

increased by5.41%

No dependency changes