@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/constructors/Progress/Progress.d.ts

@@ -0,0 +1,106 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClassObject, ConstrEmit, ConstrStyles, DesignComp } from '@dxtmisha/functional';
+import { ProgressComponents, ProgressEmits, ProgressSlots } from './types';
+import { ProgressProps } from './props';
+/**
+ * Base class for working with the loader.
+ *
+ * Базовый класс для работы с загрузчиком.
+ */
+export declare class Progress {
+    protected readonly props: ProgressProps;
+    protected readonly refs: ToRefs<ProgressProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ProgressComponents, ProgressProps> | undefined;
+    protected readonly slots?: ProgressSlots | undefined;
+    protected readonly emits?: ConstrEmit<ProgressEmits> | undefined;
+    protected timeout?: any;
+    readonly hide: Ref<boolean, boolean>;
+    readonly visible: Ref<boolean, boolean>;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: ProgressProps, refs: ToRefs<ProgressProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ProgressComponents, ProgressProps> | undefined, slots?: ProgressSlots | undefined, emits?: ConstrEmit<ProgressEmits> | undefined);
+    /**
+     * Returns the tag type for the element.
+     *
+     * Возвращает тип тега для элемента.
+     */
+    readonly tag: ComputedRef<string>;
+    /**
+     * Returns values.
+     *
+     * Возвращает значения.
+     */
+    readonly value: ComputedRef<number>;
+    /**
+     * Returns values in percentages.
+     *
+     * Возвращает значения в процентах.
+     */
+    readonly valueInPercent: ComputedRef<string | null>;
+    /**
+     * Values for the class.
+     *
+     * Значения для класса.
+     */
+    readonly classes: ComputedRef<ConstrClassObject>;
+    /**
+     * Returns the property for style.
+     *
+     * Возвращает свойство для стиля.
+     */
+    readonly styles: ComputedRef<ConstrStyles>;
+    /**
+     * Monitors the animation event for hiding the element.
+     *
+     * Следит за событием анимации для скрытия элемента.
+     * @param animationName A string containing the value of the animation-name that generated the animation/
+     * Является DOMString содержащей значения animation-name CSS-свойств связанных с transition
+     */
+    readonly onAnimation: ({ animationName }: AnimationEvent) => void;
+    /**
+     * Checks if there are any values.
+     *
+     * Проверяет, есть ли значения.
+     */
+    isValue(): this is {
+        props: {
+            value: number;
+        };
+    };
+    /**
+     * Returns the maximum allowable value.
+     *
+     * Возвращает максимально допустимое значение.
+     */
+    getMax(): number;
+    /**
+     * The mode is triggered when the visible property changes to change the output status of the element.
+     *
+     * Метод срабатывает при изменении свойства visible для изменения статуса вывода элемента.
+     */
+    protected readonly switch: () => void;
+    /**
+     * Updates dependent data when the visible property changes.
+     *
+     * Обновляет зависимые данные при изменении свойства visible.
+     */
+    protected update(): this;
+    /**
+     * Resets values to their initial state.
+     *
+     * Сбрасывает значения до начального положения.
+     */
+    protected reset(): this;
+}

package/dist/constructors/Progress/ProgressDesign.d.ts

@@ -0,0 +1,115 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract, ConstrClass } from '@dxtmisha/functional';
+import { Progress } from './Progress';
+import { ProgressPropsBasic } from './props';
+import { ProgressClasses, ProgressComponents, ProgressEmits, ProgressExpose, ProgressSlots } from './types';
+import { RoleType, AriaTrueOrFalse } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * ProgressDesign
+ */
+export declare class ProgressDesign<COMP extends ProgressComponents, EXPOSE extends ProgressExpose, CLASSES extends ProgressClasses, P extends ProgressPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, ProgressEmits, EXPOSE, ProgressSlots, CLASSES, P> {
+    protected readonly item: Progress;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, ProgressEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+    /**
+     * Render elements for the circular loader.
+     *
+     * Рендер элементов для кругового загрузчика.
+     */
+    readonly renderCircle: () => VNode[];
+    /**
+     * Render dot at the end.
+     *
+     * Рендер точки в конце.
+     */
+    readonly renderPoint: () => VNode[];
+    /**
+     * Props for the main element/ Свойства для главного элемента
+     */
+    protected readonly propsMain: ComputedRef<{
+        id?: string;
+        role?: RoleType;
+        tabindex?: NumberOrString;
+        'aria-activedescendant'?: string;
+        'aria-atomic'?: AriaTrueOrFalse;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+        'aria-busy'?: AriaTrueOrFalse;
+        'aria-checked'?: AriaTrueOrFalse | "mixed";
+        'aria-colcount'?: number;
+        'aria-colindex'?: number;
+        'aria-colspan'?: number;
+        'aria-controls'?: string;
+        'aria-current'?: AriaTrueOrFalse | "page" | "step" | "location" | "date" | "time";
+        'aria-describedby'?: string;
+        'aria-details'?: string;
+        'aria-disabled'?: AriaTrueOrFalse;
+        'aria-errormessage'?: string;
+        'aria-expanded'?: AriaTrueOrFalse;
+        'aria-flowto'?: string;
+        'aria-grabbed'?: AriaTrueOrFalse;
+        'aria-haspopup'?: AriaTrueOrFalse | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        'aria-hidden'?: AriaTrueOrFalse;
+        'aria-invalid'?: AriaTrueOrFalse | "grammar" | "spelling";
+        'aria-keyshortcuts'?: string;
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+        'aria-level'?: number;
+        'aria-live'?: "off" | "polite" | "assertive";
+        'aria-modal'?: AriaTrueOrFalse;
+        'aria-multiline'?: AriaTrueOrFalse;
+        'aria-multiselectable'?: AriaTrueOrFalse;
+        'aria-orientation'?: "horizontal" | "vertical" | "undefined";
+        'aria-owns'?: string;
+        'aria-placeholder'?: string;
+        'aria-posinset'?: number;
+        'aria-pressed'?: AriaTrueOrFalse | "mixed";
+        'aria-readonly'?: AriaTrueOrFalse;
+        'aria-relevant'?: "additions" | "removals" | "text" | "all" | string;
+        'aria-required'?: AriaTrueOrFalse;
+        'aria-roledescription'?: string;
+        'aria-rowcount'?: number;
+        'aria-rowindex'?: number;
+        'aria-rowspan'?: number;
+        'aria-selected'?: AriaTrueOrFalse;
+        'aria-setsize'?: number;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-valuemax'?: string | number;
+        'aria-valuemin'?: string | number;
+        'aria-valuenow'?: string | number;
+        'aria-valuetext'?: string;
+        class: ConstrClass | undefined;
+        style: ConstrStyles | undefined;
+        viewBox: string;
+        onAnimationend: ({ animationName }: AnimationEvent) => void;
+    }>;
+}

package/dist/constructors/Progress/ProgressInclude.d.ts

@@ -0,0 +1,43 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { AriaList } from '../../types/ariaTypes';
+import { ProgressComponentInclude, ProgressPropsInclude } from './basicTypes';
+import { ProgressProps } from './props';
+import { ItemList } from '@dxtmisha/functional-basic';
+/**
+ * The class returns data for working with the Progress component
+ *
+ * Класс возвращает данные для работы с компонентом Progress
+ */
+export declare class ProgressInclude {
+    protected readonly props: ProgressPropsInclude;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<ProgressComponentInclude, ProgressPropsInclude> | undefined;
+    protected readonly extra?: RefOrNormal<ConstrBind<ProgressProps>> | undefined;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     */
+    constructor(props: ProgressPropsInclude, className: string, components?: DesignComponents<ProgressComponentInclude, ProgressPropsInclude> | undefined, extra?: RefOrNormal<ConstrBind<ProgressProps>> | undefined);
+    /**
+     * Checks if data is available for the Progress component/
+     * Проверяет, есть ли данные для компонента Progress
+     */
+    readonly is: ComputedRef<boolean>;
+    /**
+     * list of aria properties for the progress component/
+     * список aria свойств для компонента Progress
+     */
+    readonly aria: ComputedRef<AriaList>;
+    /**
+     * list of properties for the progress component/ список свойств для компонента Progress
+     */
+    readonly binds: ComputedRef<ConstrBind< ItemList>>;
+    /**
+     * Рендер компонента Progress
+     */
+    readonly render: () => VNode[];
+}

package/dist/constructors/Progress/basicTypes.d.ts

@@ -0,0 +1,8 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { ProgressPropsBasic } from './props';
+export type ProgressComponentInclude = {
+    progress?: object;
+};
+export interface ProgressPropsInclude<Progress extends ProgressPropsBasic = ProgressPropsBasic> {
+    loading?: boolean | ConstrBind<Progress>;
+}

package/dist/constructors/Progress/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Progress';
+export * from './ProgressDesign';
+export * from './ProgressInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/dist/constructors/Progress/props.d.ts

@@ -0,0 +1,42 @@
+import { AriaLabelPropsInclude, AriaLivePropsInclude } from '../../types/ariaTypes';
+interface ProgressPropsToken {
+    point?: boolean;
+    linear?: boolean;
+    circular?: boolean;
+    indeterminate?: 'type1' | 'type2' | 'type3';
+    position?: 'top' | 'bottom' | 'static';
+    dense?: boolean;
+    inverse?: boolean;
+}
+export interface ProgressPropsBasic extends AriaLabelPropsInclude, AriaLivePropsInclude {
+    visible?: boolean;
+    value?: number | string;
+    max?: number | string;
+    linear?: boolean;
+    circular?: boolean;
+    point?: boolean;
+    delay?: number | string;
+    delayHide?: number | string;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface ProgressProps extends ProgressPropsBasic, ProgressPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsProgress: {
+    linear: boolean;
+    indeterminate: string;
+    position: string;
+    max: number;
+    delay: number;
+    delayHide: number;
+    ariaLive: string;
+};
+export {};

package/{src/constructors/Progress/types.ts → dist/constructors/Progress/types.d.ts}

@@ -1,43 +1,38 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
+import { ConstrClass } from '@dxtmisha/functional';
 /**
  * Interface for describing which components need to be connected for work.
  *
  * Интерфейс для описания, какие компоненты надо подключить для работы.
  */
-export type ProgressComponents = {}
-
+export type ProgressComponents = {};
 /**
  * Type describing available events.
  *
  * Тип, описывающий доступные события.
  */
-export type ProgressEmits = {}
-
+export type ProgressEmits = {};
 /**
  * Type describing available properties.
  *
  * Тип, описывающий доступные свойства.
  */
-export interface ProgressExpose {}
-
+export interface ProgressExpose {
+}
 /**
  * Type describing available slots.
  *
  * Тип, описывающий доступные слоты.
  */
-export interface ProgressSlots {}
-
+export interface ProgressSlots {
+}
 /**
  * Type describing subclasses.
  *
  * Тип, описывающий подклассы.
  */
 export type ProgressClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  circle: string
-  circleSub: string
-  point: string
-  // :classes [!] System label / Системная метка
-}
+    main: ConstrClass;
+    circle: string;
+    circleSub: string;
+    point: string;
+};

package/dist/constructors/Ripple/Ripple.d.ts

@@ -0,0 +1,38 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { RippleItem } from './RippleItem';
+import { RippleComponents, RippleEmits, RippleSlots } from './types';
+import { RippleProps } from './props';
+/**
+ * Base Ripple class for working in Vue.
+ *
+ * Базовый класс Ripple для работы во Vue.
+ */
+export declare class Ripple {
+    protected readonly props: RippleProps;
+    protected readonly refs: ToRefs<RippleProps>;
+    protected readonly element: Ref<HTMLSpanElement | undefined>;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<RippleComponents, RippleProps> | undefined;
+    protected readonly slots?: RippleSlots | undefined;
+    protected readonly emits?: ConstrEmit<RippleEmits> | undefined;
+    protected readonly item: RippleItem;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: RippleProps, refs: ToRefs<RippleProps>, element: Ref<HTMLSpanElement | undefined>, className: string, components?: DesignComp<RippleComponents, RippleProps> | undefined, slots?: RippleSlots | undefined, emits?: ConstrEmit<RippleEmits> | undefined);
+    /**
+     * The click event adds a wave effect element.
+     *
+     * Событие клика добавляет элемент эффекта волна.
+     * @param event click event/ событие клика
+     */
+    readonly onClick: (event: MouseEvent) => void;
+}

package/dist/constructors/Ripple/RippleDesign.d.ts

@@ -0,0 +1,38 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Ripple } from './Ripple';
+import { RipplePropsBasic } from './props';
+import { RippleClasses, RippleComponents, RippleEmits, RippleExpose, RippleSlots } from './types';
+/**
+ * RippleDesign
+ */
+export declare class RippleDesign<COMP extends RippleComponents, EXPOSE extends RippleExpose, CLASSES extends RippleClasses, P extends RipplePropsBasic> extends DesignConstructorAbstract<HTMLSpanElement, COMP, RippleEmits, EXPOSE, RippleSlots, CLASSES, P> {
+    protected readonly item: Ripple;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, RippleEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work<br>
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.<br>
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.<br>
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+}

package/dist/constructors/Ripple/RippleInclude.d.ts

@@ -0,0 +1,17 @@
+import { VNode } from 'vue';
+import { DesignComponents } from '@dxtmisha/functional';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { RippleComponentsInclude } from './basicTypes';
+import { RipplePropsBasic } from './props';
+export declare class RippleInclude {
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<RippleComponentsInclude, RipplePropsBasic> | undefined;
+    protected readonly enabled?: EnabledInclude | undefined;
+    constructor(className: string, components?: DesignComponents<RippleComponentsInclude, RipplePropsBasic> | undefined, enabled?: EnabledInclude | undefined);
+    /**
+     * Render Ripple
+     *
+     * Рендер Ripple
+     */
+    readonly render: () => VNode[];
+}

package/dist/constructors/Ripple/RippleItem.d.ts

@@ -0,0 +1,31 @@
+import { Ref } from 'vue';
+import { RippleProps } from './props';
+/**
+ * Class for managing the effect element.
+ *
+ * Класс для управления элементом эффекта.
+ */
+export declare class RippleItem {
+    protected readonly props: RippleProps;
+    protected readonly element: Ref<HTMLSpanElement | undefined>;
+    protected readonly className: string;
+    protected readonly classItem: string;
+    protected readonly classEnd: string;
+    protected readonly styleX: string;
+    protected readonly styleY: string;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param element image element for scaling/ элемент изображения для масштабирования
+     * @param className list of available classes/ список доступных классов
+     */
+    constructor(props: RippleProps, element: Ref<HTMLSpanElement | undefined>, className: string);
+    /**
+     * Adding a new light element.
+     *
+     * Добавление нового элемента свечения.
+     * @param x x-coordinate/ x-координата
+     * @param y y-coordinate/ y-координата
+     */
+    add(x: number, y: number): void;
+}

package/{src/constructors/Ripple/basicTypes.ts → dist/constructors/Ripple/basicTypes.d.ts}

@@ -1,3 +1,3 @@
 export type RippleComponentsInclude = {
-  ripple?: object
-}
+    ripple?: object;
+};

package/dist/constructors/Ripple/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Ripple';
+export * from './RippleDesign';
+export * from './RippleInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/{src/constructors/Ripple/props.ts → dist/constructors/Ripple/props.d.ts}

@@ -1,12 +1,8 @@
 interface RipplePropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
 }
-
 export interface RipplePropsBasic {
-  disabled?: boolean
+    disabled?: boolean;
 }
-
 /**
  * Type describing incoming properties.
  *
@@ -14,15 +10,10 @@ export interface RipplePropsBasic {
  */
 export interface RippleProps extends RipplePropsBasic, RipplePropsToken {
 }
-
 /**
  * Default value for property.
  *
  * Значение по умолчанию для свойства.
  */
-export const defaultsRipple = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}
+export declare const defaultsRipple: {};
+export {};

package/{src/constructors/Ripple/types.ts → dist/constructors/Ripple/types.d.ts}

@@ -1,41 +1,36 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
+import { ConstrClass } from '@dxtmisha/functional';
 /**
  * Interface for describing which components need to be connected for work.
  *
  * Интерфейс для описания, какие компоненты надо подключить для работы.
  */
-export type RippleComponents = {}
-
+export type RippleComponents = {};
 /**
  * Type describing available events.
  *
  * Тип, описывающий доступные события.
  */
-export type RippleEmits = {}
-
+export type RippleEmits = {};
 /**
  * Type describing available properties.
  *
  * Тип, описывающий доступные свойства.
  */
-export interface RippleExpose {}
-
+export interface RippleExpose {
+}
 /**
  * Type describing available slots.
  *
  * Тип, описывающий доступные слоты.
  */
-export interface RippleSlots {}
-
+export interface RippleSlots {
+}
 /**
  * Type describing subclasses.
  *
  * Тип, описывающий подклассы.
  */
 export type RippleClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  item: string
-  // :classes [!] System label / Системная метка
-}
+    main: ConstrClass;
+    item: string;
+};

package/dist/constructors/Scrollbar/Scrollbar.d.ts

@@ -0,0 +1,44 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClassObject, ConstrEmit, DesignComp, ScrollbarWidthRef } from '@dxtmisha/functional';
+import { ScrollbarBorder } from './ScrollbarBorder';
+import { ScrollbarComponents, ScrollbarEmits, ScrollbarSlots } from './types';
+import { ScrollbarPropsBasic } from './props';
+/**
+ * Scrollbar class provides functionality for managing scrollbar behavior and appearance.
+ * It handles scroll width calculations and border display based on scroll position.
+ *
+ * Класс Scrollbar предоставляет функциональность для управления поведением и внешним видом полосы прокрутки.
+ * Он обрабатывает вычисления ширины скролла и отображение границ на основе позиции скролла.
+ */
+export declare class Scrollbar {
+    protected readonly props: ScrollbarPropsBasic;
+    protected readonly refs: ToRefs<ScrollbarPropsBasic>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ScrollbarComponents, ScrollbarPropsBasic> | undefined;
+    protected readonly slots?: ScrollbarSlots | undefined;
+    protected readonly emits?: ConstrEmit<ScrollbarEmits> | undefined;
+    readonly width: ScrollbarWidthRef;
+    readonly border: ScrollbarBorder;
+    /**
+     * Constructor for Scrollbar class.
+     *
+     * Конструктор класса Scrollbar.
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: ScrollbarPropsBasic, refs: ToRefs<ScrollbarPropsBasic>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ScrollbarComponents, ScrollbarPropsBasic> | undefined, slots?: ScrollbarSlots | undefined, emits?: ConstrEmit<ScrollbarEmits> | undefined);
+    /**
+     * Returns values for the class.
+     *
+     * Возвращает значения для класса.
+     */
+    readonly classes: ComputedRef<ConstrClassObject>;
+}