@dxtmisha/constructor 0.23.0 → 0.39.3

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;
+}

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

@@ -0,0 +1,109 @@
+import { TabIndexInclude } from '../../classes/TabIndexInclude';
+import { MotionTransformElement } from './MotionTransformElement';
+import { MotionTransformSize } from './MotionTransformSize';
+import { MotionTransformProps } from './props';
+import { Ref, ComputedRef } from 'vue';
+/**
+ * State management class.
+ *
+ * Класс управления состоянием.
+ */
+export declare class MotionTransformState {
+    protected element: MotionTransformElement;
+    protected tabIndex: TabIndexInclude<HTMLDivElement>;
+    protected size: MotionTransformSize;
+    /** Open state flag/ Флаг состояния открытия */
+    readonly open: Ref<boolean, boolean>;
+    /** Temporary show state for animation/ Временный флаг показа для анимации */
+    readonly show: Ref<boolean, boolean>;
+    /** Teleportation state flag/ Флаг состояния телепортации */
+    readonly teleport: Ref<boolean, boolean>;
+    /**
+     * Constructor.
+     *
+     * Конструктор.
+     * @param props input data/ входные данные
+     * @param element class object for managing an element/ объект класса для управления элементом
+     * @param tabIndex class object for managing tab indices/ объект класса для управления табуляцией
+     * @param size class object for managing sizes/ объект класса для управления размерами
+     */
+    constructor(props: MotionTransformProps, element: MotionTransformElement, tabIndex: TabIndexInclude<HTMLDivElement>, size: MotionTransformSize);
+    /** Computed open flag/ Вычисляемый флаг открытия */
+    readonly isOpen: ComputedRef<boolean>;
+    /** Checks if the element should be shown/ Проверяет, следует ли показывать элемент */
+    readonly isShow: ComputedRef<boolean>;
+    /**
+     * Checks if teleportation should be disabled.
+     *
+     * Проверяет, нужно ли отключить телепортацию.
+     */
+    isTeleportClose(): boolean;
+    /**
+     * Changes in the state of the open window.
+     *
+     * Изменения состояния открытого окна.
+     * @param open opening status/ статус открытия
+     * @param animation opening with animation/ открытие с анимацией
+     */
+    set(open: boolean, animation?: boolean): void;
+    /**
+     * Status switching.
+     *
+     * Переключение статуса.
+     */
+    toggle(): void;
+    /**
+     * Resets the data to the initial state.
+     *
+     * Сбрасывает данные в первичное состояние.
+     */
+    reset(): this;
+    /**
+     * Update of the display class.
+     *
+     * Обновление класса показа.
+     */
+    protected readonly makeShow: () => void;
+    /**
+     * Update of the opening class.
+     *
+     * Обновление класса открытия.
+     */
+    protected readonly makeOpen: () => void;
+    /**
+     * Update of the teleport class.
+     *
+     * Обновление класса телепорта.
+     */
+    protected readonly makeTeleport: () => void;
+    /**
+     * Calculations before animation.
+     *
+     * Вычисления перед анимацией.
+     */
+    protected calculations(): void;
+    /**
+     * Animation control.
+     *
+     * Управление анимацией.
+     */
+    protected toTeleport(): void;
+    /**
+     * Updates the list of styles.
+     *
+     * Обновляет список стилей.
+     */
+    protected make(): void;
+    /**
+     * Updates the list of styles for the main element.
+     *
+     * Обновляет список стилей для главного элемента.
+     */
+    protected makeMain(): void;
+    /**
+     * Updates the list of styles for the context element.
+     *
+     * Обновляет список стилей для элемента контекста.
+     */
+    protected makeContext(): void;
+}

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

@@ -0,0 +1,123 @@
+import { ComputedRef, Ref } from 'vue';
+import { ConstrBind } from '@dxtmisha/functional';
+import { AriaRoleControlPropsInclude } from '../../types/ariaTypes';
+import { MotionTransformEmits, MotionTransformExpose } from './types';
+import { MotionTransformProps } from './props';
+/**
+ * Options for MotionTransform events/
+ * Опции для событий MotionTransform
+ */
+export type MotionTransformEmitOptions = {
+    /** Source area type (head, body, top, script)/ Тип области источника (head, body, top, script) */
+    type: 'head' | 'body' | 'top' | 'script';
+    /** Open state after transform/ Состояние открытия после трансформации */
+    open: boolean;
+};
+/**
+ * List of CSS classes for MotionTransform styling/
+ * Список CSS классов для стилизации MotionTransform
+ */
+export type MotionTransformClassList = {
+    /** Show state class/ Класс состояния видимости */
+    show: string;
+    /** Open state class/ Класс состояния открытия */
+    open: string;
+    /** Window mode class/ Класс режима окна */
+    window: string;
+    /** Click feedback class/ Класс отклика на клик */
+    click: string;
+    /** Ignore element class/ Класс игнорирования элемента */
+    none: string;
+    /** Global ignore class/ Глобальный класс игнорирования */
+    noneGlobal: string;
+    /** Close trigger class/ Класс триггера закрытия */
+    close: string;
+};
+/**
+ * Style variable names for MotionTransform layout/
+ * Имена стилевых переменных для раскладки MotionTransform
+ */
+export type MotionTransformStyle = {
+    /** Context width CSS var/ CSS‑переменная ширины контекста */
+    contextWidth: string;
+    /** Context height CSS var/ CSS‑переменная высоты контекста */
+    contextHeight: string;
+    /** Head scale CSS var/ CSS‑переменная масштаба заголовка */
+    headScale: string;
+    /** Top position CSS var/ CSS‑переменная верхней позиции */
+    top: string;
+    /** Left position CSS var/ CSS‑переменная левой позиции */
+    left: string;
+    /** Head width CSS var/ CSS‑переменная ширины заголовка */
+    headWidth: string;
+    /** Height CSS var/ CSS‑переменная высоты */
+    height: string;
+    /** Scale CSS var/ CSS‑переменная масштаба */
+    scale: string;
+    /** Head height CSS var/ CSS‑переменная высоты заголовка */
+    headHeight: string;
+    /** Body height CSS var/ CSS‑переменная высоты тела */
+    bodyHeight: string;
+};
+/**
+ * Slot props passed to head/body slots/
+ * Параметры слота, передаваемые в head/body
+ */
+export type MotionTransformControlItem = {
+    /** Reactive open state/ Реактивное состояние открытия */
+    isOpen: ComputedRef<boolean>;
+    /** Visible or preparing to show/ Видим либо готовится к показу */
+    isShow: ComputedRef<boolean>;
+    /** Helper CSS classes/ Вспомогательные CSS‑классы */
+    classes: MotionTransformClassList;
+    /** Helper style variables/ Вспомогательные стилевые переменные */
+    idControl: string;
+    /** Helper style variables/ Вспомогательные стилевые переменные */
+    idBody: string;
+    /** Binding attributes for element/ Атрибуты привязки для элемента */
+    binds: AriaRoleControlPropsInclude;
+};
+/**
+ * Component map for including MotionTransform/
+ * Карта компонентов для подключения MotionTransform
+ */
+export type MotionTransformComponentInclude = {
+    /** MotionTransform component key/ Ключ компонента MotionTransform */
+    motionTransform?: object;
+};
+/**
+ * Event map for MotionTransform include/
+ * Карта событий для подключения MotionTransform
+ */
+export type MotionTransformEmitsInclude = {
+    /** Transform event with native event and options/ Событие трансформации с нативным событием и опциями */
+    transform: MotionTransformEmits['transform'];
+    /** Lightweight transform event with options only/ Облегчённое событие трансформации только с опциями */
+    transformLite: MotionTransformEmits['transformLite'];
+};
+/**
+ * Interface for MotionTransform expose inclusion/
+ * Интерфейс для включения expose MotionTransform
+ */
+export interface MotionTransformExposeInclude extends MotionTransformExpose {
+    motionTransformElement: Ref<ConstrBind<MotionTransformExpose> | undefined>;
+}
+/**
+ * Props used to include and configure MotionTransform/
+ * Свойства для подключения и настройки MotionTransform
+ */
+export interface MotionTransformPropsInclude<MotionTransform extends MotionTransformProps = MotionTransformProps> {
+    /** Open state/ Состояние открытия */
+    open?: boolean;
+    /** Click on head opens component/ Клик по заголовку открывает компонент */
+    clickOpen?: boolean;
+    /** Auto close on outside click/ Авто‑закрытие при клике вне */
+    autoClose?: boolean;
+    /** Additional attributes for MotionTransform/ Дополнительные атрибуты для MotionTransform */
+    motionTransformAttrs?: ConstrBind<MotionTransform>;
+}
+/**
+ * CSS variable name for MotionTransform body type/
+ * Имя CSS‑переменной для типа тела MotionTransform
+ */
+export declare const __MOTION_TRANSFORM_TYPE_BODY_NAME = "--sys-type-body";

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

@@ -0,0 +1,7 @@
+export * from './MotionTransform';
+export * from './MotionTransformDesign';
+export * from './MotionTransformInclude';
+export * from './MotionTransformClassesInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,39 @@
+import { AriaRoleByPropsInclude } from '../../types/ariaTypes';
+interface MotionTransformPropsToken {
+    section?: boolean;
+    animationHeadPosition?: 'top' | 'toBottom';
+    adaptive?: 'planeAlways';
+}
+export interface MotionTransformPropsBasic extends AriaRoleByPropsInclude {
+    'open'?: boolean;
+    'inDom'?: boolean;
+    'ignore'?: HTMLElement | string;
+    'ignoreSelector'?: string;
+    'clickOpen'?: boolean;
+    'autoClose'?: boolean;
+    'animationShow'?: boolean;
+    'tagBody'?: string;
+    'modelOpen'?: boolean;
+    'onUpdate:open'?: (value: boolean) => void;
+    'onUpdate:modelOpen'?: (value: boolean) => void;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface MotionTransformProps extends MotionTransformPropsBasic, MotionTransformPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsMotionTransform: {
+    animationHeadPosition: string;
+    clickOpen: boolean;
+    autoClose: boolean;
+    animationShow: boolean;
+    tagBody: string;
+};
+export {};

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

@@ -0,0 +1,72 @@
+import { ComputedRef, Ref } from 'vue';
+import { ConstrClass } from '@dxtmisha/functional';
+import { MotionTransformControlItem, MotionTransformEmitOptions } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type MotionTransformComponents = {};
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type MotionTransformEmits = {
+    'transform': [
+        event: Event | undefined,
+        options: MotionTransformEmitOptions
+    ];
+    'transformLite': [
+        options: MotionTransformEmitOptions
+    ];
+    'update:open': [value: boolean];
+    'update:modelOpen': [value: boolean];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface MotionTransformExpose {
+    /** Reactive state of window visibility/ Реактивное состояние видимости окна */
+    open: Ref<boolean>;
+    /**
+     * Computed state indicating if component is shown or being prepared for display/
+     * Вычисляемое состояние, указывающее отображается ли компонент или готовится к отображению
+     */
+    isShow: ComputedRef<boolean>;
+    /** Sets open state/ Устанавливает состояние открытия */
+    setOpen(open: boolean): void;
+    /** Transition to opening state/ Переход в состояние открытия */
+    toOpen(): void;
+    /** Transition to closing state/ Переход в состояние закрытия */
+    toClose(): void;
+    /** Toggles open state/ Переключает состояние открытия */
+    toggle(): void;
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface MotionTransformSlots {
+    /** Head slot for controls/ Слот шапки для элементов управления */
+    head?(props: MotionTransformControlItem): any;
+    /** Body slot for content/ Слот тела для содержимого */
+    body?(props: MotionTransformControlItem): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type MotionTransformClasses = {
+    main: ConstrClass;
+    context: string;
+    head: string;
+    body: string;
+    backdrop: string;
+    scrim: string;
+    clickNone: string;
+};

package/dist/constructors/Page/Page.d.ts

@@ -0,0 +1,6 @@
+import { Block } from '../Block';
+/**
+ * Page
+ */
+export declare class Page extends Block {
+}

package/dist/constructors/Page/PageDesign.d.ts

@@ -0,0 +1,18 @@
+import { ConstrOptions } from '@dxtmisha/functional';
+import { BlockDesign } from '../Block';
+import { Page } from './Page';
+import { PagePropsBasic } from './props';
+import { PageClasses, PageComponents, PageEmits, PageExpose } from './types';
+/**
+ * PageDesign
+ */
+export declare class PageDesign<COMP extends PageComponents, EXPOSE extends PageExpose, CLASSES extends PageClasses, P extends PagePropsBasic> extends BlockDesign<COMP, EXPOSE, CLASSES, P> {
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor block item class/ класс элемента блока
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, PageEmits, P>, ItemConstructor?: typeof Page);
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+export * from './Page';
+export * from './PageDesign';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,23 @@
+import { IconPropsBasic } from '../Icon';
+import { BlockPropsBasic } from '../Block';
+interface PagePropsToken {
+}
+export interface PagePropsBasic<Icon extends IconPropsBasic = IconPropsBasic> extends BlockPropsBasic<Icon> {
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface PageProps extends PagePropsBasic, PagePropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsPage: {
+    tag: string;
+    tagHeader: string;
+};
+export {};

package/dist/constructors/Page/types.d.ts

@@ -0,0 +1,44 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { BlockComponents, BlockEmits, BlockExpose, BlockSlots } from '../Block';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type PageComponents = BlockComponents;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type PageEmits = BlockEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface PageExpose extends BlockExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface PageSlots extends BlockSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type PageClasses = {
+    main: ConstrClass;
+    headline: string;
+    header: string;
+    label: string;
+    description: string;
+    caption: string;
+    icon: string;
+    space: string;
+    body: string;
+};