bitboss-ui 2.1.113 → 2.1.115

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

@@ -0,0 +1,201 @@
+import { InputHTMLAttributes, HTMLAttributes } from 'vue';
+/**
+ * Props for the slider component with range support, ticks, and keyboard navigation.
+ */
+export type BaseSliderProps = {
+    /**
+     * Id(s) of elements describing this slider for assistive technologies.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Focus the slider on mount.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Define a color for the component.
+     *
+     * Either a custom color or a coded color in common HEX, RGB, etc... format.
+     */
+    color?: string;
+    /**
+     * Disable all interactions with the slider.
+     */
+    disabled?: boolean;
+    /**
+     * Apply error styling to the slider.
+     */
+    hasErrors?: boolean;
+    /**
+     * Explicit id for the slider container. Used to generate ids for thumbs.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Upper bound for slider values.
+     * @defaultValue `100`
+     */
+    max?: number;
+    /**
+     * Maximum decimal places to retain in emitted values.
+     * @defaultValue `2`
+     */
+    maxPrecision?: number;
+    /**
+     * Lower bound for slider values.
+     * @defaultValue `0`
+     */
+    min?: number;
+    /**
+     * v-model value. Single number for single slider, two-element array for range.
+     * @defaultValue `0`
+     */
+    modelValue: number[] | number | string | null;
+    /**
+     * Defines the name of the input.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Enable range selection with two thumbs. When true, modelValue must be an array.
+     */
+    range?: boolean;
+    /**
+     * Make the slider read-only while keeping it visible.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the slider as required.
+     */
+    required?: boolean;
+    /**
+     * Granularity step for value changes via keyboard or pointer interaction.
+     * @defaultValue `1`
+     */
+    step?: number;
+    /**
+     * Show tick marks at each step interval.
+     */
+    ticks?: boolean;
+    /**
+     * Translate thumbs proportionally to stay centered on the track.
+     * Set to false when displaying ticks for better alignment.
+     * @defaultValue `true`
+     */
+    thumbTranslate?: boolean;
+};
+export type BaseSliderEvents = {
+    /**
+     * Emitted when the slider gains focus and becomes interactive.
+     */
+    (e: 'active'): void;
+    /**
+     * Emitted when focus/click moves outside the slider after it was active.
+     */
+    (e: 'inactive'): void;
+    /**
+     * Emitted when the slider receives a click interaction.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'click', event: MouseEvent): void;
+    /**
+     * Emitted when a thumb gains focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'focus', event: FocusEvent): void;
+    /**
+     * Emitted for keyboard interaction on a thumb.
+     * Forwards the original DOM `KeyboardEvent`.
+     */
+    (e: 'keydown', event: KeyboardEvent): void;
+    /**
+     * Emitted when a pointer device is pressed on a thumb.
+     * Forwards the original DOM `PointerEvent`.
+     */
+    (e: 'pointerdown', event: PointerEvent): void;
+    /**
+     * Emitted as a pointer device moves while dragging a thumb.
+     * Forwards the original DOM `PointerEvent`.
+     */
+    (e: 'pointermove', event: PointerEvent): void;
+    /**
+     * Emitted when a pointer device is released after dragging.
+     * Forwards the original DOM `PointerEvent`.
+     */
+    (e: 'pointerup', event: PointerEvent): void;
+    /**
+     * Emitted with new value(s) whenever the slider position changes.
+     * Single number for single slider, array for range mode.
+     */
+    (e: 'update:modelValue', event: number | number[]): void;
+};
+/**
+ * Props exposed by the `thumb`, `thumb:higher`, and `thumb:lower` slots.
+ */
+export type BaseSliderThumbSlotProps = {
+    /**
+     * The current value controlled by this thumb, or `undefined` if unset.
+     */
+    value: number | undefined;
+    /**
+     * The thumb's horizontal position as a percentage (0–100) along the track.
+     */
+    percent: number;
+    /**
+     * Whether this thumb currently has keyboard focus.
+     */
+    focused: boolean;
+};
+/**
+ * Props exposed by the `append` and `prepend` slots.
+ */
+export type BaseSliderStepSlotProps = {
+    /**
+     * Increments the value by one `step`.
+     */
+    increase: () => void;
+    /**
+     * Decrements the value by one `step`.
+     */
+    decrease: () => void;
+};
+/**
+ * Props exposed by the `tick` slot.
+ */
+export type BaseSliderTickSlotProps = {
+    /**
+     * The numeric value this tick represents.
+     */
+    value: number;
+    /**
+     * The tick's horizontal position as a percentage (0–100) along the track.
+     */
+    percent: number;
+    /**
+     * Whether the tick falls within the currently selected range/value.
+     */
+    active: boolean;
+};
+export type BaseSliderSlots = {
+    /**
+     * Replaces the default higher-value thumb in range mode (`range: true`).
+     */
+    'thumb:higher': (props: BaseSliderThumbSlotProps) => any;
+    /**
+     * Replaces the default lower-value thumb in range mode (`range: true`).
+     */
+    'thumb:lower': (props: BaseSliderThumbSlotProps) => any;
+    /**
+     * Content rendered after the slider track, typically used to add a max-value label or button.
+     */
+    append: (props: BaseSliderStepSlotProps) => any;
+    /**
+     * Content rendered before the slider track, typically used to add a min-value label or button.
+     */
+    prepend: (props: BaseSliderStepSlotProps) => any;
+    /**
+     * Fallback thumb used for non-range sliders (or inside `thumb:higher`/`thumb:lower` when not overridden separately).
+     */
+    thumb: (props: BaseSliderThumbSlotProps) => any;
+    /**
+     * Replaces the default tick mark rendered at each step when ticks are enabled.
+     */
+    tick: (props: BaseSliderTickSlotProps) => any;
+};

package/dist/components/BaseSwitch/BaseSwitch.vue.d.ts

@@ -1,32 +1,4 @@
-import { BaseCheckboxEvents, BaseCheckboxProps, BaseCheckboxIconSlotProps } from '../BaseCheckbox/types';
-/**
- * Props for the switch component, extending BaseCheckbox with toggle-specific styling.
- * Inherits all BaseCheckbox props with different default values for trueValue/falseValue.
- */
-export type BaseSwitchProps = BaseCheckboxProps;
-export type BaseSwitchEvents = BaseCheckboxEvents;
-/**
- * Slot for customizing the switch toggle icon.
- * Receives state information including checked status, focus, and values.
- */
-export type BaseSwitchSlots = {
-    /**
-     * Replaces the default toggle thumb rendered inside the switch track.
-     * @param checked - Whether the switch is currently on.
-     * @param disabled - Whether the switch is disabled.
-     * @param falseValue - The value emitted when the switch is off.
-     * @param focused - Whether the underlying input currently has focus.
-     * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
-     * @param hasErrors - Whether the switch is in an error state.
-     * @param id - The `id` attribute of the underlying input.
-     * @param name - The `name` attribute of the underlying input.
-     * @param parsedValue - The `trueValue` serialized to a string for form submission.
-     * @param readonly - Whether the switch is read-only.
-     * @param trueValue - The value emitted when the switch is on.
-     * @param value - The current effective value (`trueValue` when on, `falseValue` when off).
-     */
-    icon?: (props: BaseCheckboxIconSlotProps) => any;
-};
+import { BaseSwitchSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseSwitchSlots> & BaseSwitchSlots;
@@ -36,26 +8,26 @@ declare function __VLS_template(): {
     rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<import('../..').BaseCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
-    "update:modelValue": (value: any) => any;
-    keydown: (event: KeyboardEvent) => any;
     blur: (event: FocusEvent) => any;
     change: (event: Event) => any;
     click: (event: MouseEvent) => any;
     focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
     mousedown: (event: MouseEvent) => any;
     mouseup: (event: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<BaseCheckboxProps> & Readonly<{
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<import('../..').BaseCheckboxProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onMousedown?: ((event: MouseEvent) => any) | undefined;
     onMouseup?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     falseValue: any;
     trueValue: any;

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

@@ -0,0 +1,25 @@
+import { BaseCheckboxEvents, BaseCheckboxProps, BaseCheckboxIconSlotProps } from '../BaseCheckbox/types';
+/**
+ * Props for the switch component, extending BaseCheckbox with toggle-specific styling.
+ * Inherits all BaseCheckbox props with the same defaults for trueValue/falseValue.
+ */
+export type BaseSwitchProps = BaseCheckboxProps;
+export type BaseSwitchEvents = BaseCheckboxEvents;
+export type BaseSwitchSlots = {
+    /**
+     * Replaces the default toggle thumb rendered inside the switch track.
+     * @param checked - Whether the switch is currently on.
+     * @param disabled - Whether the switch is disabled.
+     * @param falseValue - The value emitted when the switch is off.
+     * @param focused - Whether the underlying input currently has focus.
+     * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
+     * @param hasErrors - Whether the switch is in an error state.
+     * @param id - The `id` attribute of the underlying input.
+     * @param name - The `name` attribute of the underlying input.
+     * @param parsedValue - The `trueValue` serialized to a string for form submission.
+     * @param readonly - Whether the switch is read-only.
+     * @param trueValue - The value emitted when the switch is on.
+     * @param value - The current effective value (`trueValue` when on, `falseValue` when off).
+     */
+    icon?: (props: BaseCheckboxIconSlotProps) => any;
+};

package/dist/components/BaseSwitchGroup/BaseSwitchGroup.vue.d.ts

@@ -1,27 +1,21 @@
-import { BaseCheckboxGroupEvents, BaseCheckboxGroupProps, BaseCheckboxGroupSlots } from '../BaseCheckboxGroup/types';
-/**
- * Props for the switch group component that renders a list of switches from items.
- * Extends BaseCheckboxGroup with switch-specific visuals instead of checkboxes.
- */
-export type BaseSwitchGroupProps<T> = BaseCheckboxGroupProps<T>;
-export type BaseSwitchGroupEvents = BaseCheckboxGroupEvents;
+import { BaseSwitchGroupProps, BaseSwitchGroupSlots } from './types';
 declare const _default: <T = any>(__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<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onInput?: ((event: Event) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
         readonly onBlur?: ((event: FocusEvent) => any) | undefined;
         readonly onChange?: ((event: Event) => any) | undefined;
         readonly onClick?: ((event: MouseEvent) => any) | undefined;
         readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
         readonly onMousedown?: ((event: MouseEvent) => any) | undefined;
         readonly onMouseup?: ((event: MouseEvent) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         readonly onInactive?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onKeydown" | "onClick" | "onMousedown" | "onMouseup" | "onUpdate:modelValue" | "onInactive"> & BaseSwitchGroupProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Readonly<BaseCheckboxGroupSlots<T>> & BaseCheckboxGroupSlots<T>;
-    emit: BaseCheckboxGroupEvents;
+    slots: Readonly<BaseSwitchGroupSlots<T>> & BaseSwitchGroupSlots<T>;
+    emit: import('../..').BaseCheckboxGroupEvents;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -0,0 +1,8 @@
+import { BaseCheckboxGroupEvents, BaseCheckboxGroupProps, BaseCheckboxGroupSlots } from '../BaseCheckboxGroup/types';
+/**
+ * Props for the switch group component that renders a list of switches from items.
+ * Extends BaseCheckboxGroup with switch-specific visuals instead of checkboxes.
+ */
+export type BaseSwitchGroupProps<T = any> = BaseCheckboxGroupProps<T>;
+export type BaseSwitchGroupEvents = BaseCheckboxGroupEvents;
+export type BaseSwitchGroupSlots<T = any> = BaseCheckboxGroupSlots<T>;