bitboss-ui 2.1.113 → 2.1.115

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

@@ -1,175 +1,32 @@
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { SlotAttributes, BaseRadioEvents } from '../BaseRadio/BaseRadio.vue';
-export type BbRadioProps = {
-    /**
-     * Sets autofocus on page load.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Defines the input as checked
-     */
-    checked?: InputHTMLAttributes['checked'];
-    /**
-     * Define a color for the component.
-     *
-     * Either a custom color or a coded color in common HEX, RGB, etc... format.
-     */
-    color?: string;
-    /**
-     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
-     */
-    direction?: 'horizontal' | 'vertical' | 'auto' | string;
-    /**
-     * Disables the component
-     */
-    disabled?: boolean;
-    /**
-     * Can be a string or an array of string containing the messages to display.
-     */
-    errors?: string | string[];
-    /**
-     * Define if the component should be in an error state.
-     * It usually attaches a CSS class for styling purposes.
-     */
-    hasErrors?: boolean;
-    /**
-     * Visually hides the label of the input while maintaining accessibility.
-     */
-    hideLabel?: boolean;
-    /**
-     * Text box to be displayed near the input, usually to indicate instructions.
-     */
-    hint?: string;
-    /**
-     * The identifier of the component.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.
-     */
-    inputPosition?: 'left' | 'center' | 'right';
-    /**
-     * Text content of the label of the element.
-     */
-    label: string;
-    /**
-     * Sets the text alignment of the label.
-     */
-    labelPosition?: 'left' | 'center' | 'right';
-    /**
-     * Used by v-model. Can be any serializable type.
-     */
-    modelValue?: any;
-    /**
-     * Defines the name of the input.
-     */
-    name: InputHTMLAttributes['name'];
-    /**
-     * Keeps the hint displayed.
-     */
-    persistentHint?: boolean;
-    /**
-     * Sets the input in a readonly state.
-     */
-    readonly?: boolean;
-    /**
-     * Sets the input as required.
-     */
-    required?: boolean;
-    /**
-     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
-     */
-    reverse?: boolean;
-    /**
-     * Defines the value of the radio input.
-     * It can be any serializable value.
-     */
-    value: any;
-};
-export type BbRadioEvents = BaseRadioEvents;
+import { BbRadioProps, BbRadioEvents, BbRadioSlots } from './types';
+export type { BbRadioProps, BbRadioEvents, BbRadioSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Replaces the default label text rendered next to the radio button.
-         * @param text - The `label` prop value.
-         * @param hasErrors - Whether the radio is in an error state.
-         */
-        label?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
-        /**
-         * Replaces the default radio dot visual inside the radio container. Receives `BaseRadio`
-         * slot attributes plus the label text.
-         * @param checked - Whether this radio is currently selected.
-         * @param disabled - Whether this radio is disabled.
-         * @param focused - Whether the input currently has focus.
-         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
-         * @param hasErrors - Whether the radio 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 radio value serialized for form submission.
-         * @param readonly - Whether the radio is read-only.
-         * @param value - The current effective value of this radio option.
-         * @param text - The `label` prop value.
-         */
-        icon?: (props: SlotAttributes & {
-            text: string;
-        }) => any;
-    }> & {
-        /**
-         * Replaces the default label text rendered next to the radio button.
-         * @param text - The `label` prop value.
-         * @param hasErrors - Whether the radio is in an error state.
-         */
-        label?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
-        /**
-         * Replaces the default radio dot visual inside the radio container. Receives `BaseRadio`
-         * slot attributes plus the label text.
-         * @param checked - Whether this radio is currently selected.
-         * @param disabled - Whether this radio is disabled.
-         * @param focused - Whether the input currently has focus.
-         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
-         * @param hasErrors - Whether the radio 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 radio value serialized for form submission.
-         * @param readonly - Whether the radio is read-only.
-         * @param value - The current effective value of this radio option.
-         * @param text - The `label` prop value.
-         */
-        icon?: (props: SlotAttributes & {
-            text: string;
-        }) => any;
-    };
+    slots: Readonly<BbRadioSlots> & BbRadioSlots;
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbRadioProps, {}, {}, {}, {}, 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;
+    "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<BbRadioProps> & 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;
 }>, {
     reverse: boolean;
     direction: "horizontal" | "vertical" | "auto" | string;

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

@@ -0,0 +1,117 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { BaseRadioEvents, BaseRadioIconSlotProps } from '../BaseRadio/types';
+export type BbRadioProps = {
+    /**
+     * Sets autofocus on page load.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Defines the input as checked.
+     */
+    checked?: InputHTMLAttributes['checked'];
+    /**
+     * Define a color for the component.
+     *
+     * Either a custom color or a coded color in common HEX, RGB, etc... format.
+     */
+    color?: string;
+    /**
+     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
+     *
+     * @defaultValue `'auto'`
+     */
+    direction?: 'horizontal' | 'vertical' | 'auto' | string;
+    /**
+     * Disables the component.
+     */
+    disabled?: boolean;
+    /**
+     * Can be a string or an array of string containing the messages to display.
+     */
+    errors?: string | string[];
+    /**
+     * Define if the component should be in an error state.
+     * It usually attaches a CSS class for styling purposes.
+     */
+    hasErrors?: boolean;
+    /**
+     * Visually hides the label of the input while maintaining accessibility.
+     */
+    hideLabel?: boolean;
+    /**
+     * Text box to be displayed near the input, usually to indicate instructions.
+     */
+    hint?: string;
+    /**
+     * The identifier of the component.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Sets the alignment of the input. Since inputs are inline block they can be aligned just as text can.
+     */
+    inputPosition?: 'left' | 'center' | 'right';
+    /**
+     * Text content of the label of the element.
+     */
+    label: string;
+    /**
+     * Sets the text alignment of the label.
+     */
+    labelPosition?: 'left' | 'center' | 'right';
+    /**
+     * Used by v-model. Can be any serializable type.
+     */
+    modelValue?: any;
+    /**
+     * Defines the name of the input.
+     */
+    name: InputHTMLAttributes['name'];
+    /**
+     * Keeps the hint displayed.
+     */
+    persistentHint?: boolean;
+    /**
+     * Sets the input in a readonly state.
+     */
+    readonly?: boolean;
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
+    /**
+     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
+     *
+     * @defaultValue `true`
+     */
+    reverse?: boolean;
+    /**
+     * Defines the value of the radio input.
+     * It can be any serializable value.
+     */
+    value: any;
+};
+/** Re-export for consumers importing events type from BbRadio. */
+export type BbRadioEvents = BaseRadioEvents;
+/** Props exposed by the `label` slot. */
+export type BbRadioLabelSlotProps = {
+    /** The `label` prop value. */
+    text: string;
+    /** Whether the radio is in an error state. */
+    hasErrors: boolean;
+};
+/** Props exposed by the `icon` slot. Extends BaseRadio icon slot with the label text. */
+export type BbRadioIconSlotProps = BaseRadioIconSlotProps & {
+    /** The `label` prop value. */
+    text: string;
+};
+export type BbRadioSlots = {
+    /**
+     * Replaces the default label text rendered next to the radio button.
+     */
+    label?: (props: BbRadioLabelSlotProps) => any;
+    /**
+     * Replaces the default radio dot visual inside the radio container. Receives `BaseRadio`
+     * slot attributes plus the label text.
+     */
+    icon?: (props: BbRadioIconSlotProps) => any;
+};

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

@@ -1,328 +1,13 @@
-import { BaseRadioGroupEvents } from '../BaseRadioGroup/BaseRadioGroup.vue';
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { NestedKeyOf } from '../../types/NestedKeyOf';
-import { SlotAttributes } from '../BaseRadio/BaseRadio.vue';
-export type BbRadioGroupEvents = BaseRadioGroupEvents;
-export type BbRadioGroupProps<T> = {
-    /**
-     * Sets autofocus on page load.
-     */
-    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;
-    /**
-     * Sets the component in a compact state.
-     */
-    compact?: boolean;
-    /**
-     * Defines an array of dependencies that will trigger actions in the component upon change.
-     */
-    dependencies?: any[];
-    /**
-     * Timeout used to debounce response to changes to dependencies.
-     */
-    depsDebounceTime?: number;
-    /**
-     * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.
-     */
-    direction?: 'horizontal' | 'vertical' | 'auto' | string;
-    /**
-     * Disables the component
-     */
-    disabled?: boolean;
-    /**
-     * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.
-     *
-     * e.g. You cannot set v-model to a user that is not present in the items passed.
-     *
-     * modelValue will be reset upon incoherence.
-     */
-    enforceCoherence?: boolean;
-    /**
-     * Can be a string or an array of string containing the messages to display.
-     */
-    errors?: string | string[];
-    /**
-     * Define if the component should be in an error state.
-     * It usually attaches a CSS class for styling purposes.
-     */
-    hasErrors?: boolean;
-    /**
-     * Visually hides the label of the input while maintaining accessibility.
-     */
-    hideLabel?: boolean;
-    /**
-     * Visually hides the legend of the fieldset while maintaining accessibility.
-     */
-    hideLegend?: boolean;
-    /**
-     * Text box to be displayed near the input, usually to indicate instructions.
-     */
-    hint?: string;
-    /**
-     * The identifier of the component.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Defines the direction of the inputs in the fieldset
-     */
-    inputDirection?: 'horizontal' | 'vertical';
-    /**
-     * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.
-     */
-    inputPosition?: 'left' | 'center' | 'right';
-    /**
-     * Used to retrieve items can be an array or a function.
-     */
-    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
-    /**
-     * Defines a path that returns a property of the object to use as text or a function that returns a string
-     */
-    itemText?: T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined;
-    /**
-     * Defines a path that returns a property of the object to use as value or a function that returns any value
-     */
-    itemValue?: T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined;
-    /**
-     * Sets the text alignment of the label.
-     */
-    labelPosition?: 'left' | 'center' | 'right';
-    /**
-     * Text content of the legend.
-     */
-    legend: string;
-    /**
-     * String displayed while items are being loaded.
-     */
-    loadingText?: string;
-    /**
-     * Used by v-model. Can be any serializable type.
-     */
-    modelValue: any;
-    /**
-     * Timeout used to debounce response to changes to modelValue.
-     */
-    modelValueDebounceTime?: number;
-    /**
-     * Defines the name of the input.
-     */
-    name: InputHTMLAttributes['name'];
-    /**
-     * String displayed when there are no items to display.
-     */
-    noDataText?: string;
-    /**
-     * Keeps the hint displayed.
-     */
-    persistentHint?: boolean;
-    /**
-     * Sets the input in a readonly state.
-     */
-    readonly?: boolean;
-    /**
-     * Sets the input as required.
-     */
-    required?: boolean;
-    /**
-     * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.
-     */
-    reverse?: boolean;
-};
 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 onMousedown?: ((event: MouseEvent) => any) | undefined;
-        readonly onMouseup?: ((event: MouseEvent) => 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"> & BbRadioGroupProps<T> & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<({
+        readonly [x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
+    } | {
+        readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, `on${Capitalize<string>}` & `on${Capitalize<any>}`> & BbRadioGroupProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Readonly<{
-        /**
-         * Content rendered before the first option, inside the options container.
-         */
-        prepend?: (props: object) => any;
-        /**
-         * Content shown while options are loading (replaces the default loading text).
-         */
-        loading?: (props: object) => any;
-        /**
-         * Content shown when no options are available (replaces the default "no data" text).
-         */
-        'no-data'?: (props: object) => any;
-        /**
-         * Content rendered before each option's radio button.
-         * @param checked - Whether this option is currently selected.
-         * @param disabled - Whether this option is disabled.
-         * @param id - The `id` of this option's input, if set.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The display text for this option.
-         */
-        'option:prepend'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        /**
-         * Replaces the default radio dot icon for each option. Receives all `BaseRadio`
-         * slot attributes plus the source item and its display text.
-         * @param checked - Whether this option is currently selected.
-         * @param disabled - Whether this option is disabled.
-         * @param focused - Whether this option's input currently has focus.
-         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
-         * @param hasErrors - Whether the group is in an error state.
-         * @param id - The `id` of this option's input.
-         * @param name - The `name` of this option's input.
-         * @param parsedValue - The option value serialized for form submission.
-         * @param readonly - Whether this option is read-only.
-         * @param value - The current effective value for this option.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The display text resolved for this option.
-         */
-        icon?: (props: SlotAttributes & {
-            item: any;
-            text: string;
-        }) => any;
-        /**
-         * Replaces the default label text for each option.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The resolved display text for this option.
-         * @param checked - Whether this option is currently selected.
-         */
-        label?: (props: {
-            item: any;
-            text: string;
-            checked: boolean;
-        }) => any;
-        /**
-         * Content rendered after each option's radio button and label.
-         * @param checked - Whether this option is currently selected.
-         * @param disabled - Whether this option is disabled.
-         * @param id - The `id` of this option's input, if set.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The display text for this option.
-         */
-        'option:append'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        /**
-         * Content rendered after the last option, inside the options container.
-         */
-        append?: (props: object) => any;
-        /**
-         * Replaces the default fieldset legend text for the group.
-         * @param text - The `legend` prop value.
-         * @param hasErrors - Whether the group is in an error state.
-         */
-        legend?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
-    }> & {
-        /**
-         * Content rendered before the first option, inside the options container.
-         */
-        prepend?: (props: object) => any;
-        /**
-         * Content shown while options are loading (replaces the default loading text).
-         */
-        loading?: (props: object) => any;
-        /**
-         * Content shown when no options are available (replaces the default "no data" text).
-         */
-        'no-data'?: (props: object) => any;
-        /**
-         * Content rendered before each option's radio button.
-         * @param checked - Whether this option is currently selected.
-         * @param disabled - Whether this option is disabled.
-         * @param id - The `id` of this option's input, if set.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The display text for this option.
-         */
-        'option:prepend'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        /**
-         * Replaces the default radio dot icon for each option. Receives all `BaseRadio`
-         * slot attributes plus the source item and its display text.
-         * @param checked - Whether this option is currently selected.
-         * @param disabled - Whether this option is disabled.
-         * @param focused - Whether this option's input currently has focus.
-         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
-         * @param hasErrors - Whether the group is in an error state.
-         * @param id - The `id` of this option's input.
-         * @param name - The `name` of this option's input.
-         * @param parsedValue - The option value serialized for form submission.
-         * @param readonly - Whether this option is read-only.
-         * @param value - The current effective value for this option.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The display text resolved for this option.
-         */
-        icon?: (props: SlotAttributes & {
-            item: any;
-            text: string;
-        }) => any;
-        /**
-         * Replaces the default label text for each option.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The resolved display text for this option.
-         * @param checked - Whether this option is currently selected.
-         */
-        label?: (props: {
-            item: any;
-            text: string;
-            checked: boolean;
-        }) => any;
-        /**
-         * Content rendered after each option's radio button and label.
-         * @param checked - Whether this option is currently selected.
-         * @param disabled - Whether this option is disabled.
-         * @param id - The `id` of this option's input, if set.
-         * @param item - The raw item from the `items` prop.
-         * @param text - The display text for this option.
-         */
-        'option:append'?: (props: {
-            checked: boolean;
-            disabled: boolean;
-            id?: string;
-            item: T;
-            text: string;
-        }) => any;
-        /**
-         * Content rendered after the last option, inside the options container.
-         */
-        append?: (props: object) => any;
-        /**
-         * Replaces the default fieldset legend text for the group.
-         * @param text - The `legend` prop value.
-         * @param hasErrors - Whether the group is in an error state.
-         */
-        legend?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
-    };
-    emit: BaseRadioGroupEvents;
+    slots: any;
+    emit: any;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };