bitboss-ui 2.1.113 → 2.1.115

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

@@ -0,0 +1,158 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
+import { BaseTagEvents } from '../BaseTag/types';
+export type BbTagProps = {
+    /**
+     * Name of the icon to be added at the end of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Guides to the browser as to the type of information expected in the field.
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Sets autofocus on page load.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Sets the display model for selected values to a list of comma separated string.
+     * In this mode the user cannot deselect an option by pressing the close button.
+     */
+    comma?: boolean;
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
+    /**
+     * Sets the component in a compact mode.
+     */
+    compact?: boolean;
+    /**
+     * 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;
+    /**
+     * The divider key used to separate values from one another. By default it is "Enter".
+     */
+    divider?: KeyboardEvent['key'];
+    /**
+     * 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'];
+    /**
+     * Text content of the label of the element.
+     */
+    label: string;
+    /**
+     * Sets the text alignment of the label.
+     */
+    labelPosition?: 'left' | 'center' | 'right';
+    /**
+     * Sets the component in a loading state, usually triggering some visual styles.
+     */
+    loading?: boolean;
+    /**
+     * Maximum number of selected items.
+     */
+    max?: number;
+    /**
+     * Used by v-model. Can be any serializable type.
+     */
+    modelValue: any;
+    /**
+     * Allows the selection of multiple items.
+     *
+     * @defaultValue `true`
+     */
+    multiple?: boolean;
+    /**
+     * Defines the name of the input.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Keeps the hint displayed.
+     */
+    persistentHint?: boolean;
+    /**
+     * String displayed when there's no data.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to be added at the start of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * 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;
+};
+/** Re-export for consumers importing events type from BbTag. */
+export type BbTagEvents = BaseTagEvents;
+/** Props exposed by the `label` slot. */
+export type BbTagLabelSlotProps = {
+    /** The `label` prop value. */
+    text: string;
+    /** Whether the input is in an error state. */
+    hasErrors: boolean;
+};
+export type BbTagSlots = {
+    /**
+     * Content appended inside the input field wrapper, after the tag chips.
+     */
+    append?: (props: object) => any;
+    /**
+     * Content appended outside the input field wrapper.
+     */
+    'append-outer'?: (props: object) => any;
+    /**
+     * Replaces the default label text rendered above the input.
+     */
+    label?: (props: BbTagLabelSlotProps) => any;
+    /**
+     * Content prepended inside the input field wrapper, before the tag chips.
+     */
+    prepend?: (props: object) => any;
+    /**
+     * Content rendered as an inline prefix inside the input field.
+     */
+    prefix?: (props: object) => any;
+    /**
+     * Content rendered as an inline suffix inside the input field.
+     */
+    suffix?: (props: object) => any;
+    /**
+     * Content prepended outside the input field wrapper.
+     */
+    'prepend-outer'?: (props: object) => any;
+};

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

@@ -1,153 +1,11 @@
-import { BaseTextInputEvents, BaseTextInputSlots } from '../BaseTextInput/BaseTextInput.vue';
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { MaskInputOptions } from 'maska';
-import { IconType } from '../../types/Icon';
-export type BbTextInputProps = {
-    /**
-     * Name of the icon to be added at the end of the input.
-     */
-    'append:icon'?: IconType;
-    /**
-     * Guides to the browser as to the type of information expected in the field.
-     */
-    autocomplete?: InputHTMLAttributes['autocomplete'];
-    /**
-     * Sets autofocus on page load.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Displays a clear button when the input has a value and is being interacted with.
-     */
-    clearable?: boolean;
-    /**
-     * Displays the component in a compact version.
-     */
-    compact?: boolean;
-    /**
-     * 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;
-    /**
-     * Emits the masked value of the input.
-     */
-    emitMasked?: 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'];
-    /**
-     * The inputmode of the input.
-     */
-    inputMode?: InputHTMLAttributes['inputmode'];
-    /**
-     * Text content of the label of the element.
-     */
-    label: string;
-    /**
-     * Sets the text alignment of the label.
-     */
-    labelPosition?: 'left' | 'center' | 'right';
-    /**
-     * Sets the component in a loading state, usually triggering some visual styles.
-     */
-    loading?: boolean;
-    /**
-     * The mask to be applied to the input.
-     * Please visit https://beholdr.github.io/maska/v3 for syntax examples
-     */
-    mask?: MaskInputOptions;
-    /**
-     * Used my v-model
-     */
-    modelValue: string | null;
-    /**
-     * Defines the name of the input.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Keeps the hint displayed.
-     */
-    persistentHint?: boolean;
-    /**
-     * String displayed when there's no data.
-     */
-    placeholder?: InputHTMLAttributes['placeholder'];
-    /**
-     * Name of the icon to be added at the start of the input.
-     */
-    'prepend:icon'?: IconType;
-    /**
-     * 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;
-    /**
-     * Type of the input. Returns the content type of the object.
-     */
-    type?: HTMLInputElement['type'];
-};
-export type BbTextInputEvents = BaseTextInputEvents;
-export type BbTextInputSlots = BaseTextInputSlots & {
-    /**
-     * Replaces the default label text rendered above the input.
-     * @param text - The `label` prop value.
-     * @param hasErrors - Whether the input is in an error state.
-     */
-    label?: (props: {
-        text: string;
-        hasErrors: boolean;
-    }) => any;
-};
+import { BbTextInputProps, BbTextInputEvents, BbTextInputSlots } from './types';
+export type { BbTextInputProps, BbTextInputEvents, BbTextInputSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<BaseTextInputSlots & {
-        /**
-         * Replaces the default label text rendered above the input.
-         * @param text - The `label` prop value.
-         * @param hasErrors - Whether the input is in an error state.
-         */
-        label?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
-    }> & BaseTextInputSlots & {
-        /**
-         * Replaces the default label text rendered above the input.
-         * @param text - The `label` prop value.
-         * @param hasErrors - Whether the input is in an error state.
-         */
-        label?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
+    slots: Readonly<import('../BaseTextInput/types').BaseTextInputSlots & {
+        label?: (props: import('./types').BbTextInputLabelSlotProps) => any;
+    }> & import('../BaseTextInput/types').BaseTextInputSlots & {
+        label?: (props: import('./types').BbTextInputLabelSlotProps) => any;
     };
     refs: {};
     rootEl: HTMLDivElement;
@@ -155,24 +13,24 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbTextInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
-    "update:modelValue": (value: string | null) => 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: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<BbTextInputProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | null) => 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: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -0,0 +1,137 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { MaskInputOptions } from 'maska';
+import { IconType } from '../../types/Icon';
+import { BaseTextInputEvents, BaseTextInputSlots } from '../BaseTextInput/types';
+export type BbTextInputProps = {
+    /**
+     * Name of the icon to be added at the end of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Guides to the browser as to the type of information expected in the field.
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Sets autofocus on page load.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
+    /**
+     * Displays the component in a compact version.
+     */
+    compact?: boolean;
+    /**
+     * 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;
+    /**
+     * Emits the masked value of the input.
+     */
+    emitMasked?: 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'];
+    /**
+     * The inputmode of the input.
+     */
+    inputMode?: InputHTMLAttributes['inputmode'];
+    /**
+     * Text content of the label of the element.
+     */
+    label: string;
+    /**
+     * Sets the text alignment of the label.
+     */
+    labelPosition?: 'left' | 'center' | 'right';
+    /**
+     * Label rendering mode.
+     */
+    labelMode?: 'outside' | 'floating' | 'inside';
+    /**
+     * Sets the component in a loading state, usually triggering some visual styles.
+     */
+    loading?: boolean;
+    /**
+     * The mask to be applied to the input.
+     * Please visit https://beholdr.github.io/maska/v3 for syntax examples.
+     */
+    mask?: MaskInputOptions;
+    /**
+     * Used by v-model.
+     */
+    modelValue: string | null;
+    /**
+     * Defines the name of the input.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Keeps the hint displayed.
+     */
+    persistentHint?: boolean;
+    /**
+     * String displayed when there's no data.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to be added at the start of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * 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;
+    /**
+     * Type of the input. Returns the content type of the object.
+     */
+    type?: HTMLInputElement['type'];
+};
+/** Re-export for consumers importing events type from BbTextInput. */
+export type BbTextInputEvents = BaseTextInputEvents;
+/** Props exposed by the `label` slot. */
+export type BbTextInputLabelSlotProps = {
+    /** The `label` prop value. */
+    text: string;
+    /** Whether the input is in an error state. */
+    hasErrors: boolean;
+};
+export type BbTextInputSlots = BaseTextInputSlots & {
+    /**
+     * Replaces the default label text rendered above the input.
+     */
+    label?: (props: BbTextInputLabelSlotProps) => any;
+};

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

@@ -1,143 +1,11 @@
-import { BaseTextareaEvents, BaseTextareaSlots } from '../BaseTextarea/BaseTextarea.vue';
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { IconType } from '../../types/Icon';
-export type BbTextareaProps = {
-    /**
-     * Name of the icon to be added at the end of the input.
-     */
-    'append:icon'?: IconType;
-    /**
-     * Guides to the browser as to the type of information expected in the field.
-     */
-    autocomplete?: InputHTMLAttributes['autocomplete'];
-    /**
-     * Sets autofocus on page load.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Expands the textarea to match its content
-     */
-    autoGrow?: boolean;
-    /**
-     * Displays a clear button when the input has a value and is being interacted with.
-     */
-    clearable?: boolean;
-    /**
-     * Sets the component in a compact state.
-     */
-    compact?: boolean;
-    /**
-     * 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'];
-    /**
-     * Text content of the label of the element.
-     */
-    label: string;
-    /**
-     * Sets the text alignment of the label.
-     */
-    labelPosition?: 'left' | 'center' | 'right';
-    /**
-     * Sets the component in a loading state, usually triggering some visual styles.
-     */
-    loading?: boolean;
-    /**
-     * Used by v-model
-     */
-    modelValue: string | null;
-    /**
-     * Defines the name of the input.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Keeps the hint displayed.
-     */
-    persistentHint?: boolean;
-    /**
-     * String displayed when there's no data.
-     */
-    placeholder?: InputHTMLAttributes['placeholder'];
-    /**
-     * Name of the icon to be added at the start of the input.
-     */
-    'prepend:icon'?: IconType;
-    /**
-     * 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;
-    /**
-     * Sets the input in a readonly state.
-     */
-    rows?: string | number;
-};
-export type BbTextareaEvents = BaseTextareaEvents;
-export type BbTextareaSlots = BaseTextareaSlots & {
-    /**
-     * Replaces the default label text rendered above the textarea.
-     * @param text - The `label` prop value.
-     * @param hasErrors - Whether the textarea is in an error state.
-     */
-    label?: (props: {
-        text: string;
-        hasErrors: boolean;
-    }) => any;
-};
+import { BbTextareaProps, BbTextareaEvents, BbTextareaSlots } from './types';
+export type { BbTextareaProps, BbTextareaEvents, BbTextareaSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<BaseTextareaSlots & {
-        /**
-         * Replaces the default label text rendered above the textarea.
-         * @param text - The `label` prop value.
-         * @param hasErrors - Whether the textarea is in an error state.
-         */
-        label?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
-    }> & BaseTextareaSlots & {
-        /**
-         * Replaces the default label text rendered above the textarea.
-         * @param text - The `label` prop value.
-         * @param hasErrors - Whether the textarea is in an error state.
-         */
-        label?: (props: {
-            text: string;
-            hasErrors: boolean;
-        }) => any;
+    slots: Readonly<import('../BaseTextarea/types').BaseTextareaSlots & {
+        label?: (props: import('./types').BbTextareaLabelSlotProps) => any;
+    }> & import('../BaseTextarea/types').BaseTextareaSlots & {
+        label?: (props: import('./types').BbTextareaLabelSlotProps) => any;
     };
     refs: {};
     rootEl: HTMLDivElement;
@@ -145,24 +13,24 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbTextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
-    "update:modelValue": (value: string | null) => 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: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<BbTextareaProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | null) => 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: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;