sit-onyx 1.6.0-dev-20260112084701 → 1.6.0-dev-20260112121557

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,4 @@
1
1
  import { OnyxSliderProps, SliderMode, SliderValue } from './types.js';
2
- /**
3
- * @experimental
4
- * @deprecated This component is still under active development and its API might change in patch releases.
5
- */
6
2
  declare const _default: <TSliderMode extends SliderMode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
7
3
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
8
4
  readonly onValidityChange?: ((validity: ValidityState) => any) | undefined;
@@ -1,7 +1,4 @@
1
- import { CustomValidityProp } from '../../composables/useFormElementError.js';
2
- import { SkeletonInjected } from '../../composables/useSkeletonState.js';
3
- import { OnyxFormElementProps } from '../OnyxFormElement/types.js';
4
- import { SliderControl } from '../OnyxSliderControl/types.js';
1
+ import { SharedFormElementProps } from '../OnyxFormElement/types.js';
5
2
  export type SliderMark = {
6
3
  value: number;
7
4
  label?: string;
@@ -9,7 +6,7 @@ export type SliderMark = {
9
6
  export declare const SLIDER_MODES: readonly ["single", "range"];
10
7
  export type SliderMode = (typeof SLIDER_MODES)[number];
11
8
  export type SliderValue<TSliderMode extends SliderMode> = TSliderMode extends "single" ? number : [number, number];
12
- export type OnyxSliderProps<TSliderMode extends SliderMode> = CustomValidityProp & Omit<OnyxFormElementProps<SliderValue<TSliderMode>>, "autocapitalize" | "autocomplete" | "loading" | "minlength" | "maxlength" | "placeholder" | "readonly" | "required" | "requiredMarker" | "withCounter" | "modelValue"> & {
9
+ export type OnyxSliderProps<TSliderMode extends SliderMode> = Omit<SharedFormElementProps, "placeholder" | "required" | "requiredMarker" | "readonly" | "loading"> & {
13
10
  /**
14
11
  * Defines the mode of the slider (single or range).
15
12
  */
@@ -56,11 +53,22 @@ export type OnyxSliderProps<TSliderMode extends SliderMode> = CustomValidityProp
56
53
  */
57
54
  control?: SliderControl;
58
55
  /**
59
- * Whether to disable/hide the tooltip to show the value when hovering over the thumb.
56
+ * Options to customize the tooltip behavior.
60
57
  */
61
- disableTooltip?: boolean;
58
+ tooltip?: SliderTooltipOptions;
59
+ };
60
+ export type SliderTooltipOptions = {
61
+ /**
62
+ * Whether to hide the tooltip.
63
+ */
64
+ hidden?: boolean;
62
65
  /**
63
- * Whether to show a skeleton slider.
66
+ * Optional formatter to customize the displayed tooltip value.
67
+ *
68
+ * @param value Thumb value.
69
+ * @param index Thumb index, will always be 0 for single sliders but can be 0 or 1 for range sliders.
64
70
  */
65
- skeleton?: SkeletonInjected;
71
+ formatter?: (value: number, index: number) => string;
66
72
  };
73
+ export declare const SLIDER_CONTROLS: readonly ["icon", "value", "input"];
74
+ export type SliderControl = (typeof SLIDER_CONTROLS)[number];
package/dist/index.d.ts CHANGED
@@ -137,10 +137,8 @@ export * from './components/OnyxSidebar/modules/index.js';
137
137
  export { default as OnyxSidebar } from './components/OnyxSidebar/OnyxSidebar.vue';
138
138
  export * from './components/OnyxSidebar/types.js';
139
139
  export { default as OnyxSkeleton } from './components/OnyxSkeleton/OnyxSkeleton.vue';
140
- export { default as OnyxUnstableSlider } from './components/OnyxSlider/OnyxSlider.vue';
140
+ export { default as OnyxSlider } from './components/OnyxSlider/OnyxSlider.vue';
141
141
  export * from './components/OnyxSlider/types.js';
142
- export { default as OnyxUnstableSliderControl } from './components/OnyxSliderControl/OnyxSliderControl.vue';
143
- export * from './components/OnyxSliderControl/types.js';
144
142
  export { default as OnyxStepper } from './components/OnyxStepper/OnyxStepper.vue';
145
143
  export * from './components/OnyxStepper/types.js';
146
144
  export { default as OnyxSwitch } from './components/OnyxSwitch/OnyxSwitch.vue';