@c2n/slider 0.0.12 → 0.0.13

package/custom-elements.json

@@ -0,0 +1 @@
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/slider.ts","declarations":[{"kind":"class","description":"Single-value slider built on a native `<input type=\"range\">`, so dragging, keyboard steps (Arrow keys, Page Up/Down,\nHome/End), RTL and the `slider` role come from the browser. The component draws the track, the filled part, the\nthumb, optional step `ticks` and a value bubble (`show-value`) above the thumb, all themed through CSS variables.","name":"Slider","cssProperties":[{"type":{"text":"pixel"},"description":"Height of the horizontal slider (width when vertical); the touch target.","name":"--c2-slider__container--height","default":"32px"},{"type":{"text":"pixel"},"description":"Length of a vertical slider. A horizontal one fills its width.","name":"--c2-slider__container--length","default":"160px"},{"type":{"text":"opacity"},"name":"--c2-slider__container__disabled--opacity","default":"0.38"},{"type":{"text":"pixel"},"name":"--c2-slider__track--height","default":"4px"},{"type":{"text":"border-radius"},"name":"--c2-slider__track--border-radius","default":"999px"},{"type":{"text":"color"},"name":"--c2-slider__track--color","default":"#e4e4e7"},{"type":{"text":"color"},"description":"Filled part of the track, from the start to the thumb.","name":"--c2-slider__fill--color","default":"#0265dc"},{"type":{"text":"pixel"},"name":"--c2-slider__thumb--size","default":"18px"},{"type":{"text":"border-radius"},"name":"--c2-slider__thumb--border-radius","default":"999px"},{"type":{"text":"color"},"name":"--c2-slider__thumb--color","default":"#ffffff"},{"type":{"text":"border"},"name":"--c2-slider__thumb--border","default":"2px solid #0265dc"},{"type":{"text":"box-shadow"},"name":"--c2-slider__thumb--box-shadow","default":"0 1px 3px rgba(0, 0, 0, 0.15)"},{"type":{"text":"box-shadow"},"description":"Halo while hovering.","name":"--c2-slider__thumb__hover--box-shadow","default":"0 0 0 6px rgba(2, 101, 220, 0.12)"},{"type":{"text":"box-shadow"},"description":"Halo while dragging.","name":"--c2-slider__thumb__active--box-shadow","default":"0 0 0 8px rgba(2, 101, 220, 0.18)"},{"type":{"text":"outline"},"name":"--c2-slider__thumb__focus--outline","default":"2px solid rgba(2, 101, 220, 0.4)"},{"type":{"text":"pixel"},"name":"--c2-slider__thumb__focus--outline-offset","default":"2px"},{"type":{"text":"pixel"},"name":"--c2-slider__tick--size","default":"2px"},{"type":{"text":"color"},"description":"Ticks on the unfilled part of the track.","name":"--c2-slider__tick--color","default":"#a1a1aa"},{"type":{"text":"color"},"description":"Ticks on the filled part.","name":"--c2-slider__tick__filled--color","default":"#ffffff"},{"type":{"text":"background"},"description":"Value bubble above the thumb.","name":"--c2-slider__value--background","default":"#18181b"},{"type":{"text":"color"},"name":"--c2-slider__value--color","default":"#fafafa"},{"type":{"text":"font-size"},"name":"--c2-slider__value--font-size","default":"12px"},{"type":{"text":"font-weight"},"name":"--c2-slider__value--font-weight","default":"500"},{"type":{"text":"border-radius"},"name":"--c2-slider__value--border-radius","default":"6px"},{"type":{"text":"padding"},"name":"--c2-slider__value--padding","default":"4px 8px"},{"type":{"text":"pixel"},"description":"Gap between the thumb and the bubble.","name":"--c2-slider__value--offset","default":"8px"},{"type":{"text":"opacity"},"description":"Resting opacity of the bubble; it is fully visible while hovering, dragging or focused. `1` keeps it always on.","name":"--c2-slider__value--opacity","default":"0"}],"cssParts":[{"name":"track","description":"Shadow DOM styling hook for the track element."},{"name":"fill","description":"Shadow DOM styling hook for the fill element."},{"name":"thumb","description":"Shadow DOM styling hook for the thumb element."},{"name":"value","description":"Shadow DOM styling hook for the value element."}],"members":[{"kind":"field","name":"formAssociated","type":{"text":"boolean"},"static":true,"default":"true"},{"kind":"field","name":"internals","privacy":"private","readonly":true},{"kind":"field","name":"customValidityMessage","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"disabledByForm","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"field","name":"defaultValue","type":{"text":"number"},"privacy":"private","default":"0"},{"kind":"field","name":"defaultValueCaptured","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"field","name":"formElement","type":{"text":"HTMLInputElement"},"privacy":"protected"},{"kind":"field","name":"value","type":{"text":"number"},"default":"0","description":"Current value, clamped to `min`/`max` and snapped to `step` by the inner input.","attribute":"value","reflects":true},{"kind":"field","name":"min","type":{"text":"number"},"default":"0","description":"Minimum selectable value.","attribute":"min"},{"kind":"field","name":"max","type":{"text":"number"},"default":"100","description":"Maximum selectable value.","attribute":"max"},{"kind":"field","name":"step","type":{"text":"number"},"default":"1","description":"Increment between values; also the distance between `ticks`.","attribute":"step"},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the control: no interaction, rendered dimmed.","attribute":"disabled","reflects":true},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"Form field name forwarded to the inner input.","attribute":"name"},{"kind":"field","name":"orientation","type":{"text":"SliderOrientation"},"default":"'horizontal'","description":"Direction of the track. A vertical slider takes `--c2-slider__container--length` as its height.","attribute":"orientation","reflects":true},{"kind":"field","name":"showValue","type":{"text":"boolean"},"default":"false","description":"Shows the value in a bubble above the thumb while hovering, dragging or focused.","attribute":"show-value","reflects":true},{"kind":"field","name":"ticks","type":{"text":"boolean"},"default":"false","description":"Draws a mark on the track for every `step` between `min` and `max` (up to 200 marks).","attribute":"ticks","reflects":true},{"kind":"field","name":"formatValue","type":{"text":"(value: number) => string"},"description":"Formats the value for the bubble and `aria-valuetext`, e.g. `(v) => \\`${v}%\\``. Property only."},{"kind":"field","name":"ariaLabel","type":{"text":"string"},"description":"Accessible name used when no visible label names the slider.","attribute":"aria-label"},{"kind":"field","name":"ariaLabelledBy","type":{"text":"undefined | string"},"description":"Id of the element that labels the slider.","attribute":"aria-labelledby"},{"kind":"field","name":"form","description":"The containing form, when this control is associated with one.","readonly":true},{"kind":"field","name":"labels","description":"Labels associated with this form control.","readonly":true},{"kind":"field","name":"validity","readonly":true},{"kind":"field","name":"validationMessage","readonly":true},{"kind":"field","name":"willValidate","readonly":true},{"kind":"method","name":"formResetCallback"},{"kind":"method","name":"formDisabledCallback","parameters":[{"name":"disabled","type":{"text":"boolean"}}]},{"kind":"method","name":"formStateRestoreCallback","parameters":[{"name":"state","type":{"text":"string | File | FormData | null"}}]},{"kind":"method","name":"checkValidity"},{"kind":"method","name":"reportValidity"},{"kind":"method","name":"setCustomValidity","parameters":[{"name":"message","type":{"text":"string"}}]},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}]},{"kind":"field","name":"fraction","type":{"text":"number"},"description":"Position of the value along the track, `0` at `min` and `1` at `max`.","readonly":true},{"kind":"method","name":"handleInput","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"syncFormState","privacy":"private"},{"kind":"field","name":"effectiveDisabled","privacy":"private","readonly":true},{"kind":"method","name":"handleChange","privacy":"private","parameters":[{"name":"event","type":{"text":"Event"}}]},{"kind":"method","name":"renderTicks","privacy":"private"}],"events":[{"type":{"text":"Event"},"description":"Re-dispatched from the inner input while the value changes (every step of a drag).","name":"input"},{"type":{"text":"Event"},"description":"Re-dispatched from the inner input when the value is committed (pointer released, key released).","name":"change"}],"attributes":[{"name":"value","type":{"text":"number"},"default":"0","description":"Current value, clamped to `min`/`max` and snapped to `step` by the inner input.","fieldName":"value"},{"name":"min","type":{"text":"number"},"default":"0","description":"Minimum selectable value.","fieldName":"min"},{"name":"max","type":{"text":"number"},"default":"100","description":"Maximum selectable value.","fieldName":"max"},{"name":"step","type":{"text":"number"},"default":"1","description":"Increment between values; also the distance between `ticks`.","fieldName":"step"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the control: no interaction, rendered dimmed.","fieldName":"disabled"},{"name":"name","type":{"text":"string"},"default":"''","description":"Form field name forwarded to the inner input.","fieldName":"name"},{"name":"orientation","type":{"text":"SliderOrientation"},"default":"'horizontal'","description":"Direction of the track. A vertical slider takes `--c2-slider__container--length` as its height.","fieldName":"orientation"},{"name":"show-value","type":{"text":"boolean"},"default":"false","description":"Shows the value in a bubble above the thumb while hovering, dragging or focused.","fieldName":"showValue"},{"name":"ticks","type":{"text":"boolean"},"default":"false","description":"Draws a mark on the track for every `step` between `min` and `max` (up to 200 marks).","fieldName":"ticks"},{"name":"aria-label","type":{"text":"string"},"description":"Accessible name used when no visible label names the slider.","fieldName":"ariaLabel"},{"name":"aria-labelledby","type":{"text":"undefined | string"},"description":"Id of the element that labels the slider.","fieldName":"ariaLabelledBy"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-slider","customElement":true}],"exports":[{"kind":"js","name":"Slider","declaration":{"name":"Slider","module":"src/slider.ts"}},{"kind":"custom-element-definition","name":"c2-slider","declaration":{"name":"Slider","module":"src/slider.ts"}}]}]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/slider",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "main": "dist/slider.js",
   "exports": {
@@ -21,6 +21,7 @@
   "files": [
     "dist",
     "types",
+    "custom-elements.json",
     "react.d.ts",
     "react.js",
     "vue.d.ts",
@@ -62,12 +63,12 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.12",
+    "@c2n/core": "0.0.13",
     "lit": "3.3.3"
   },
   "devDependencies": {
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "43e38b42ac221ffeef99a773c42dd3356961d26a"
+  "gitHead": "aa19b641f64fbc54c36b7649a8171d7a686abbdd"
 }