sit-onyx 1.4.0-dev-20251112133447 → 1.4.0-dev-20251118092838

package/dist/components/OnyxDataGrid/features/resizing/types.d.ts

@@ -1,7 +1,19 @@
+import { Ref } from 'vue';
 import { DataGridEntry } from '../../types.js';
 import { DataGridFeatureOptions } from '../index.js';
 /**
  * The configuration options for the resizing feature in the OnyxDataGrid component.
  * Includes settings for the individual columns and general resizing behavior.
  */
-export type ResizingOptions<TEntry extends DataGridEntry> = DataGridFeatureOptions<TEntry, object>;
+export type ResizingOptions<TEntry extends DataGridEntry> = DataGridFeatureOptions<TEntry, object> & {
+    /**
+     * The current column resizing state.
+     * Can be used to e.g. save the user resized columns and restore them on page load.
+     */
+    resizeState?: Ref<ResizeState<TEntry>>;
+};
+/**
+ * Defines the current column resizing state.
+ * Key = Column key, value = resized width.
+ */
+export type ResizeState<TEntry> = Map<keyof TEntry, string>;

package/dist/components/OnyxSlider/types.d.ts

@@ -5,32 +5,20 @@ import { SliderControl } from '../OnyxSliderControl/types.js';
 export type SliderMark = {
     value: number;
     label?: string;
-} | number;
+};
 export declare const SLIDER_MODES: readonly ["single", "range"];
 export type SliderMode = (typeof SLIDER_MODES)[number];
 export type SliderValue<TSliderMode extends SliderMode> = TSliderMode extends "single" ? number : [number, number];
 export type OnyxSliderProps<TSliderMode extends SliderMode> = CustomValidityProp & Omit<OnyxFormElementProps<SliderValue<TSliderMode>>, "autocapitalize" | "autocomplete" | "loading" | "minlength" | "maxlength" | "placeholder" | "readonly" | "required" | "requiredMarker" | "withCounter" | "modelValue"> & {
     /**
-     * Defines the mode of the slider.
-     *
-     * - `single`: A single-thumb slider for selecting one value.
-     * - `range`: A range slider with two thumbs for selecting a value range.
-     *
-     * @default "single"
+     * Defines the mode of the slider (single or range).
      */
     mode?: TSliderMode;
     /**
-     * Current value(s) of the slider.
-     *
-     * - `single` mode: provide a single value, e.g. `42`.
-     * - `range` mode: provide two values, e.g. `[20, 80]`.
+     * Current value(s) of the slider, depending on the `mode`.
+     * For a single mode, pass a single number. For range model pass an array with two numbers.
      *
-     * Constraints:
-     * - Each value must be within `[min, max]`.
-     * - Values should align to `step` (when `discrete` is true they will snap).
-     * - For `range` mode, values should be in ascending order.
-     *
-     * Recommended defaults (if your product has no specific initial value):
+     * Recommended defaults (if your project has no specific initial value):
      * - `single` mode: middle of the range → `(min + max) / 2`.
      * - `range` mode: full range → `[min, max]`.
      */
@@ -44,56 +32,35 @@ export type OnyxSliderProps<TSliderMode extends SliderMode> = CustomValidityProp
      */
     max?: number;
     /**
-     * Step size.
-     *
-     * @default 1
+     * Step size to increase/decrease the slider value when moving the thumb(s).
      */
     step?: number;
     /**
-     * Step size when holding shift key or using Page Up/Page Down keys.
+     * Step size to increase/decrease the slider value when changing the value via keyboard while pressing the "Shift" key.
      *
-     * @default 10% of the total range (max - min) multiplied by the step size.
-     * This provides intuitive behavior that automatically scales with different slider ranges.
+     * @default 10% of the total range (max - min)
      */
     shiftStep?: number;
     /**
-     * Marks to show for each step.
-     * - If set to `true`, marks will be generated automatically based on `step` prop.
-     * - If an array of `SliderMark` is provided, marks will be shown at the specified values with optional labels.
-     * - If set to `false`, no marks will be displayed.
-     *
-     * @default false
+     * Whether to show marks inside the slider rail.
+     * - `true`: will generate marks automatically based on `step` prop
+     * - array of numbers or `SliderMark` objects: will shown at the specified values with optional labels
      */
-    marks?: SliderMark[] | boolean;
+    marks?: SliderMark[] | number[] | boolean;
     /**
-     * Defines if and which control to display in addition to the slider.
-     * Can be used to e.g. display inputs or icon buttons that can also be used to change the value.
+     * Optional value controls to display in addition to the slider.
      *
-     * - `value`: shows min and max value labels. Works in both `single` and `range` modes for discrete and non-discrete sliders.
-     * - `icon`: shows icon buttons to increment/decrement the value. Works only in `single` mode for discrete and non-discrete sliders.
-     * - `input`: shows `<OnyxStepper />` components to input the value directly. Works in both `single` and `range` modes for discrete and non-discrete sliders.
+     * - `value`: shows min and max value labels (non-interactive)
+     * - `icon`: shows icon buttons to increment/decrement the value. Works only in `single` mode
+     * - `input`: shows stepper(s) to input the value directly
      */
     control?: SliderControl;
     /**
-     * When to show the tooltip with the current value over the thumb.
-     *
-     * @default undefined
+     * Whether to disable/hide the tooltip to show the value when hovering over the thumb.
      */
     disableTooltip?: boolean;
     /**
      * Whether to show a skeleton slider.
      */
     skeleton?: SkeletonInjected;
-    /**
-     * Whether to render the slider in discrete mode.
-     * In discrete mode, the slider will snap to the nearest step/mark.
-     *
-     * @default false
-     */
-    discrete?: boolean;
-    /**
-     * Label to show above the form element. Required due to accessibility / screen readers.
-     * If you want to visually hide the label, use the `hideLabel` property.
-     */
-    label: string;
 };

package/dist/i18n/locales/de-DE.json

@@ -241,7 +241,9 @@
     "slider": {
         "decreaseValueBy": "Wert um {n} verringern",
         "increaseValueBy": "Wert um {n} erhöhen",
-        "changeValue": "Wert ändern"
+        "changeValue": "Wert ändern",
+        "changeStartValue": "Startwert ändern",
+        "changeEndValue": "Endwert ändern"
     },
     "codeTabs": {
         "label": "Codeausschnitte",

package/dist/i18n/locales/en-US.json

@@ -244,7 +244,9 @@
     "slider": {
         "decreaseValueBy": "Decrease value by {n}",
         "increaseValueBy": "Increase value by {n}",
-        "changeValue": "Change value"
+        "changeValue": "Change value",
+        "changeStartValue": "Change start value",
+        "changeEndValue": "Change end value"
     },
     "codeTabs": {
         "label": "Code snippets",

package/dist/i18n/locales/en-US.json.d.ts

@@ -244,7 +244,9 @@ declare const _default: {
   "slider": {
     "decreaseValueBy": "Decrease value by {n}",
     "increaseValueBy": "Increase value by {n}",
-    "changeValue": "Change value"
+    "changeValue": "Change value",
+    "changeStartValue": "Change start value",
+    "changeEndValue": "Change end value"
   },
   "codeTabs": {
     "label": "Code snippets",