@dxtmisha/constructor 0.30.1 → 0.39.3

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

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