@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/constructors/MotionTransform/MotionTransform.d.ts

@@ -0,0 +1,68 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { TabIndexInclude } from '../../classes/TabIndexInclude';
+import { MotionTransformElement } from './MotionTransformElement';
+import { MotionTransformSize } from './MotionTransformSize';
+import { MotionTransformState } from './MotionTransformState';
+import { MotionTransformEvent } from './MotionTransformEvent';
+import { MotionTransformGo } from './MotionTransformGo';
+import { WindowEsc } from '../Window/WindowEsc';
+import { RoleType } from '../../types/roleTypes';
+import { MotionTransformComponents, MotionTransformEmits, MotionTransformSlots } from './types';
+import { MotionTransformProps } from './props';
+import { MotionTransformControlItem } from './basicTypes';
+/**
+ * MotionTransform
+ */
+export declare class MotionTransform {
+    protected readonly props: MotionTransformProps;
+    protected readonly refs: ToRefs<MotionTransformProps>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<MotionTransformComponents, MotionTransformProps> | undefined;
+    protected readonly slots?: MotionTransformSlots | undefined;
+    protected readonly emits?: ConstrEmit<MotionTransformEmits> | undefined;
+    /** Reference helper for element interactions/ Вспомогательный класс для работы с элементами */
+    readonly element: MotionTransformElement;
+    readonly tabIndex: TabIndexInclude<HTMLDivElement>;
+    /** Size calculation manager/ Менеджер расчёта размеров */
+    readonly size: MotionTransformSize;
+    /** State manager/ Менеджер состояния */
+    readonly state: MotionTransformState;
+    /** Event manager/ Менеджер событий */
+    readonly event: MotionTransformEvent;
+    /** Control actions manager/ Менеджер действий управления */
+    readonly go: MotionTransformGo;
+    /** Window esc manager/ Менеджер esc окна */
+    readonly esc: WindowEsc;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param elementContext substrate 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: MotionTransformProps, refs: ToRefs<MotionTransformProps>, element: Ref<HTMLDivElement | undefined>, elementContext: Ref<HTMLDivElement | undefined>, classDesign: string, className: string, components?: DesignComp<MotionTransformComponents, MotionTransformProps> | undefined, slots?: MotionTransformSlots | undefined, emits?: ConstrEmit<MotionTransformEmits> | undefined);
+    /**
+     * Computed slot data for managing slots/
+     * Вычисляемые данные слотов для управления слотами
+     */
+    readonly slotData: ComputedRef<MotionTransformControlItem>;
+    /**
+     * Returns data for managing slot data.
+     *
+     * Возвращает данные для управления данными слотами.
+     */
+    getSlotData(): MotionTransformControlItem;
+    /**
+     * Get the ARIA role.
+     *
+     * Получить ARIA роль.
+     */
+    getRole(): RoleType;
+}

package/dist/constructors/MotionTransform/MotionTransformClassesInclude.d.ts

@@ -0,0 +1,28 @@
+import { MotionTransformClassList } from './basicTypes';
+/**
+ * Helper class to access MotionTransform CSS classes by design.
+ *
+ * Вспомогательный класс для доступа к CSS-классам MotionTransform по дизайну.
+ */
+export declare class MotionTransformClassesInclude {
+    protected readonly design: string;
+    /**
+     * Constructor
+     * @param design design name/ название дизайна
+     */
+    constructor(design: string);
+    /**
+     * Returns list of MotionTransform classes for the specified design.
+     *
+     * Возвращает список классов MotionTransform для указанного дизайна.
+     */
+    get(): MotionTransformClassList;
+    /**
+     * Returns an object with MotionTransform classes under classesMotionTransform key.
+     *
+     * Возвращает объект с классами MotionTransform под ключом classesMotionTransform.
+     */
+    getObject(): {
+        classesMotionTransform: MotionTransformClassList;
+    };
+}

package/dist/constructors/MotionTransform/MotionTransformDesign.d.ts

@@ -0,0 +1,153 @@
+import { VNode, Ref, RendererNode, RendererElement, ComputedRef } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract, ConstrClass } from '@dxtmisha/functional';
+import { MotionTransform } from './MotionTransform';
+import { MotionTransformPropsBasic } from './props';
+import { MotionTransformClasses, MotionTransformComponents, MotionTransformEmits, MotionTransformExpose, MotionTransformSlots } from './types';
+import { RoleType, AriaTrueOrFalse } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * MotionTransformDesign
+ */
+export declare class MotionTransformDesign<COMP extends MotionTransformComponents, EXPOSE extends MotionTransformExpose, CLASSES extends MotionTransformClasses, P extends MotionTransformPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, MotionTransformEmits, EXPOSE, MotionTransformSlots, CLASSES, P> {
+    protected elementContext: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    protected readonly item: MotionTransform;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, MotionTransformEmits, 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;
+    /**
+     * Rendering the main element.
+     *
+     * Рендеринг главного элемента.
+     */
+    readonly renderMain: () => VNode[];
+    /**
+     * Rendering the title.
+     *
+     * Рендеринг заголовка.
+     */
+    readonly renderHead: () => VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Rendering the content.
+     *
+     * Рендеринг содержимого.
+     */
+    readonly renderBody: () => VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Rendering the background.
+     *
+     * Рендеринг задника.
+     */
+    readonly renderScrim: () => VNode[];
+    /**
+     * Props for the main element.
+     *
+     * Свойства для главного элемента.
+     */
+    protected readonly propsMain: ComputedRef<{
+        ref: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        key: string;
+        class: ConstrClass | undefined;
+        onTransitionend: (event: TransitionEvent) => void;
+    }>;
+    /**
+     * Props for the head element.
+     *
+     * Свойства для элемента заголовка.
+     */
+    protected readonly propsHead: ComputedRef<{
+        key: string;
+        class: string | undefined;
+        onClick: (event: Event) => void;
+    }>;
+    /**
+     * Props for the body element.
+     *
+     * Свойства для элемента тела.
+     */
+    protected readonly propsBody: 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;
+        key: string;
+        class: string | undefined;
+    }>;
+}

package/dist/constructors/MotionTransform/MotionTransformElement.d.ts

@@ -0,0 +1,132 @@
+import { Ref, ComputedRef } from 'vue';
+import { MotionTransformClassList, MotionTransformStyle } from './basicTypes';
+import { MotionTransformProps } from './props';
+/**
+ * Class for working with elements and classes.
+ *
+ * Класс для работы с элементами и классами.
+ */
+export declare class MotionTransformElement {
+    protected readonly props: MotionTransformProps;
+    readonly element: Ref<HTMLDivElement | undefined>;
+    protected readonly elementContext: Ref<HTMLDivElement | undefined>;
+    protected readonly className: string;
+    readonly id: string;
+    readonly idControl: string;
+    readonly idBody: string;
+    readonly classes: MotionTransformClassList;
+    readonly style: MotionTransformStyle;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param element window element/ элемент окна
+     * @param elementContext substrate element/ элемент подложка
+     * @param className class name/ название класса
+     */
+    constructor(props: MotionTransformProps, element: Ref<HTMLDivElement | undefined>, elementContext: Ref<HTMLDivElement | undefined>, className: string);
+    /** Checks if the element exists/ Проверяет, есть ли элемент */
+    readonly is: ComputedRef<boolean>;
+    /**
+     * Checks if the click event is prohibited.
+     *
+     * Проверяет, запрещено ли событие клика.
+     * @param target selected element/ выбранный элемент
+     */
+    isClick(target: HTMLElement): boolean;
+    /**
+     * Checks if the click event is prohibited in the global area.
+     *
+     * Проверяет, запрещено ли событие клика в глобальной области.
+     * @param target selected element/ выбранный элемент
+     */
+    isClickGlobal(target: HTMLElement): boolean;
+    /**
+     * Checks if the window needs to be closed on click.
+     *
+     * Проверяет, нужно ли закрыть окно при клике.
+     * @param target selected element/ выбранный элемент
+     */
+    isClose(target: HTMLElement): boolean;
+    /**
+     * Checks if the element is outside the body.
+     *
+     * Проверяет, является ли элемент за предел тела.
+     * @param target selected element/ выбранный элемент
+     */
+    isOutside(target: HTMLElement): boolean;
+    /**
+     * Checks if the element needs to be ignored.
+     *
+     * Проверяет, нужно ли игнорировать элемент.
+     * @param target selected element/ выбранный элемент
+     */
+    isIgnore(target: HTMLElement): boolean;
+    /**
+     * Is the animation for slide changes enabled.
+     *
+     * Включено ли анимация на изменения слайда.
+     */
+    isAnimation(): boolean;
+    /**
+     * Is window mode enabled.
+     *
+     * Включен ли режим окна.
+     */
+    isWindow(): boolean;
+    /**
+     * Checks whether the title needs to be left.
+     *
+     * Проверяет, надо ли оставить заголовок.
+     */
+    isSection(): boolean;
+    /**
+     * Returns the main element.
+     *
+     * Возвращает главного элемента.
+     */
+    getElement(): HTMLDivElement | undefined;
+    /**
+     * Returns the context element.
+     *
+     * Возвращает элемент контекста.
+     */
+    getElementContext(): HTMLDivElement | undefined;
+    /**
+     * Returns the title element.
+     *
+     * Возвращает элемент заголовка.
+     */
+    getElementHead(): HTMLDivElement | undefined;
+    /**
+     * Returns the body element.
+     *
+     * Возвращает элемент тела.
+     */
+    getElementBody(): HTMLDivElement | undefined;
+    /**
+     * Returns the identifier.
+     *
+     * Возвращает идентификатор.
+     */
+    getId(): string;
+    /**
+     * Returns the sizes of elements.
+     *
+     * Возвращает размеры элементов.
+     */
+    getRect(): DOMRect | undefined;
+    /**
+     * Returns the list of available classes.
+     *
+     * Возвращает список доступных классов.
+     * @param className class name/ название класса
+     */
+    static getClassesList(className: string): MotionTransformClassList;
+    /**
+     * Returns a list of available classes by design name.
+     *
+     * Возвращает список доступных классов по названию дизайна.
+     * @param design design name/ названия дизайна
+     */
+    static getClassesListByDesign(design: string): MotionTransformClassList;
+}

package/dist/constructors/MotionTransform/MotionTransformEvent.d.ts

@@ -0,0 +1,57 @@
+import { ConstrEmit, EventItem } from '@dxtmisha/functional';
+import { MotionTransformElement } from './MotionTransformElement';
+import { MotionTransformState } from './MotionTransformState';
+import { MotionTransformEmitOptions } from './basicTypes';
+import { MotionTransformEmits } from './types';
+import { MotionTransformProps } from './props';
+/**
+ * Class for event management.
+ *
+ * Класс для управления событиями.
+ */
+export declare class MotionTransformEvent {
+    protected readonly props: MotionTransformProps;
+    protected readonly element: MotionTransformElement;
+    protected readonly state: MotionTransformState;
+    protected readonly emits?: ConstrEmit<MotionTransformEmits> | undefined;
+    protected readonly item: EventItem<HTMLElement, PointerEvent>;
+    /**
+     * Constructor.
+     *
+     * Конструктор.
+     * @param props input data/ входные данные
+     * @param element class object for managing an element/ объект класса для управления элементом
+     * @param state class object for status management/ объект класса для управления статусом
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: MotionTransformProps, element: MotionTransformElement, state: MotionTransformState, emits?: ConstrEmit<MotionTransformEmits> | undefined);
+    /**
+     * Stopping event listening.
+     *
+     * Остановка прослушивания события.
+     */
+    stop(): this;
+    /**
+     * Click event on the title.
+     *
+     * Событие клика на заголовок.
+     * @param event event object/ объект события
+     */
+    readonly onClick: (event: Event) => void;
+    /**
+     * End of animation event.
+     *
+     * Событие окончания анимации.
+     * @param event event object/ объект события
+     */
+    readonly onTransitionend: (event: TransitionEvent) => void;
+    /**
+     * Event call.
+     *
+     * Вызов события.
+     * @param event event object/ объект события
+     * @param type event type/ тип события
+     */
+    emit(event: Event | undefined, type: MotionTransformEmitOptions['type']): void;
+    protected listener: (event: PointerEvent) => void;
+}

package/dist/constructors/MotionTransform/MotionTransformGo.d.ts

@@ -0,0 +1,41 @@
+import { MotionTransformState } from './MotionTransformState';
+/**
+ * Class for managing control actions.
+ *
+ * Класс для управления действиями управления.
+ */
+export declare class MotionTransformGo {
+    protected readonly state: MotionTransformState;
+    /**
+     * Constructor.
+     *
+     * Конструктор.
+     * @param state class object for status management/ объект класса для управления статусом
+     */
+    constructor(state: MotionTransformState);
+    /**
+     * Opens.
+     *
+     * Открывает.
+     */
+    readonly open: () => void;
+    /**
+     * Closes.
+     *
+     * Закрывает.
+     */
+    readonly close: () => void;
+    /**
+     * Switching.
+     *
+     * Переключение.
+     */
+    readonly toggle: () => void;
+    /**
+     * State changes.
+     *
+     * Изменение состояния.
+     * @param open opening status/ статус открытия
+     */
+    readonly to: (open: boolean) => void;
+}

package/dist/constructors/MotionTransform/MotionTransformInclude.d.ts

@@ -0,0 +1,51 @@
+import { VNode, Ref, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal, ConstrEmit } from '@dxtmisha/functional';
+import { MotionTransformProps } from './props';
+import { MotionTransformEmits, MotionTransformExpose, MotionTransformSlots } from './types';
+import { MotionTransformComponentInclude, MotionTransformEmitOptions, MotionTransformExposeInclude, MotionTransformPropsInclude } from './basicTypes';
+/**
+ * The class returns data for working with the MotionTransform component
+ *
+ * Класс возвращает данные для работы с компонентом MotionTransform
+ */
+export declare class MotionTransformInclude<Props extends MotionTransformPropsInclude = MotionTransformPropsInclude, PropsExtra extends ConstrBind<MotionTransformProps> = ConstrBind<MotionTransformProps>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<MotionTransformComponentInclude, Props> | undefined;
+    protected readonly emits?: ConstrEmit<MotionTransformEmits> | undefined;
+    protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param emits the function is called when an event is triggered/ функция вызывается при срабатывании события
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<MotionTransformComponentInclude, Props> | undefined, emits?: ConstrEmit<MotionTransformEmits> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /** Reference to MotionTransform element expose/ Ссылка на expose элемента MotionTransform */
+    readonly element: Ref<ConstrBind<MotionTransformExpose> | undefined, ConstrBind<MotionTransformExpose> | undefined>;
+    /** Computed bindings for MotionTransform/ Вычисляемые привязки для MotionTransform */
+    readonly binds: ComputedRef<PropsExtra>;
+    /**
+     * Expose helpers for MotionTransform state and actions/
+     * Вспомогательные методы expose для состояния и действий MotionTransform
+     */
+    readonly expose: MotionTransformExposeInclude;
+    /**
+     * Emits 'transform' event upward/
+     * Поднимает событие 'transform' наверх
+     * @param event native event/ нативное событие
+     * @param options payload/ параметры события
+     */
+    readonly onTransform: (event: Event | undefined, options: MotionTransformEmitOptions) => void;
+    /**
+     * Render the MotionTransform component with slots/
+     * Рендер компонента MotionTransform со слотами
+     * @param slotsChildren slots passed to the component/ слоты, передаваемые компоненту
+     * @param attrs additional attributes/ дополнительные атрибуты
+     */
+    readonly render: (slotsChildren: MotionTransformSlots, attrs?: ConstrBind<MotionTransformProps>) => VNode[];
+}

package/dist/constructors/MotionTransform/MotionTransformSize.d.ts

@@ -0,0 +1,46 @@
+import { MotionTransformElement } from './MotionTransformElement';
+/**
+ * Class for managing size calculation.
+ *
+ * Класс для управления вычислением размера.
+ */
+export declare class MotionTransformSize {
+    protected element: MotionTransformElement;
+    /** Top offset for transform/ Верхнее смещение для трансформации */
+    top: string | null;
+    /** Left offset for transform/ Левое смещение для трансформации */
+    left: string | null;
+    /** Head width value/ Ширина шапки */
+    headWidth: string | null;
+    /** Total height value/ Общая высота */
+    height: string | null;
+    /** Scale factor/ Коэффициент масштаба */
+    scale: string | null;
+    /** Context width/ Ширина контекста */
+    contextWidth: string | null;
+    /** Context height/ Высота контекста */
+    contextHeight: string | null;
+    /** Head height value/ Высота шапки */
+    headHeight: string | null;
+    /** Head scale factor/ Коэффициент масштаба шапки */
+    headScale: string | null;
+    /** Body height value/ Высота тела */
+    bodyHeight: string | null;
+    /**
+     * Constructor
+     * @param element class object for managing an element/ объект класса для управления элементом
+     */
+    constructor(element: MotionTransformElement);
+    /**
+     * Update all sizes.
+     *
+     * Обновить все размеры.
+     */
+    update(): void;
+    /**
+     * Restores all data to original.
+     *
+     * Восстанавливает все данные на изначальные.
+     */
+    reset(): void;
+}