{"_id":"@dojo-ng/range-slider","name":"@dojo-ng/range-slider","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@dojo-ng/range-slider","version":"0.1.0","license":"BSD-3-Clause","description":"Dojo NG range-slider web component","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc -p tsconfig.json","clean":"rm -rf dist"},"dependencies":{"@dojo-ng/dojo-element":"^0.1.0","@dojo-ng/i18n":"^0.1.0","@dojo-ng/label":"^0.1.0","lit":"^3.3.0"},"_id":"@dojo-ng/range-slider@0.1.0","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-wgi/ZFQ1FvbUE7k6mvEnruBAg/t5iZt9SDl+30OTV4Py0rn91x8SFbwCY+1OiXnWa6PWMrGQDRykc2pVoVH3hw==","shasum":"d0e3a58a97edc013d9707b026274ed226430ab5a","tarball":"https://registry.npmjs.org/@dojo-ng/range-slider/-/range-slider-0.1.0.tgz","fileCount":8,"unpackedSize":15538,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCH3ETSHdkzSJz8Zivm8Bw+fmt17D34WL/H44mSuaR3q4CIQD2C1MICSYGhF1mpYG/qtKvKtWRKnyfhnDThLPwvPZTcg=="}]},"_npmUser":{"name":"bitranch","email":"bill@bitranch.com"},"directories":{},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/range-slider_0.1.0_1788374434054_0.45936761997882214"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T18:40:33.674Z","0.1.0":"2026-09-02T18:40:34.188Z","modified":"2026-09-02T18:40:34.504Z"},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"description":"Dojo NG range-slider web component","license":"BSD-3-Clause","readme":"# @dojo-ng/range-slider\n\n`<dj-range-slider>` — A form-associated dual-thumb range.\n\nPart of [Dojo NG](../../README.md), a framework-agnostic web component library built on Lit. BSD-3-Clause.\n\nA form-associated dual-thumb range. Two overlaid native ranges keep `valueMin <= valueMax`. Submits two form entries (`<name>_min`, `<name>_max`). `value` getter returns `{ min, max }`. Composes `<dj-label>`. Event: `change` (detail `{min,max}`).\n\n## Install\n\n```bash\nnpm install @dojo-ng/range-slider\n```\n\n## Usage\n\nImport the package to register the custom element, then use the tag.\n\nReads back as `{ min, max }`; submits `<name>_min` and `<name>_max`.\n\n```html\n<dj-range-slider label=\"Price\" name=\"price\" min=\"0\" max=\"500\" value-min=\"100\" value-max=\"400\" show-output></dj-range-slider>\n```\n\n## Properties\n\n`↻` marks an attribute reflected to the DOM; a dash means the property is set in JavaScript only.\n\n| Property | Attribute | Type | Default |\n|---|---|---|---|\n| `min` | min | `number` | `0` |\n| `max` | max | `number` | `100` |\n| `step` | step | `number` | `1` |\n| `valueMin` | value-min | `number` | `0` |\n| `valueMax` | value-max | `number` | `100` |\n| `name` | name ↻ | `string` | — |\n| `label` | label | `string` | — |\n| `showOutput` | show-output | `boolean` | `false` |\n| `disabled` | disabled ↻ | `boolean` | `false` |\n| `labelHidden` | label-hidden | `boolean` | `false` |\n\n**Parts:** `label`, `track`, `fill`, `output`\n\n**Events:** `change` (detail `{min,max}`)\n\n**Methods:** `checkValidity(): boolean`, `restoreFormState(state: File | string | FormData | null)`\n\n## Theming\n\nStyled with Dojo NG `--dj-*` design tokens and exposes `::part()` hooks for targeted overrides.\n\n## Accessibility and i18n\n\nFollows the project's WCAG 2.2 AA and localization conventions.\n\n## More\n\nLive, interactive examples are in the playground (`playground/index.html`). For the full API reference, theming, accessibility, and localization guides, see the [Dojo NG documentation](../../README.md).\n","readmeFilename":"README.md","_rev":"1-0367f0296018230a5187a174fc2ac6ab"}