@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/constructors/List/ListSearch.d.ts

@@ -0,0 +1,59 @@
+import { ListProps } from './props';
+import { Ref, ComputedRef } from 'vue';
+/**
+ * Class for working with search.
+ *
+ * Класс для работы с поиском.
+ */
+export declare class ListSearch {
+    protected readonly props: ListProps;
+    readonly item: Ref<string | undefined, string | undefined>;
+    protected timeout?: any;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     */
+    constructor(props: ListProps);
+    /** Current search string/ Текущая строка поиска */
+    readonly highlight: ComputedRef<string | undefined>;
+    /**
+     * Adds a new character to the search.
+     *
+     * Добавляет новый символ к поиску.
+     * @param char new character/ новый символ
+     */
+    add(char: string): void;
+    /**
+     * Sets the search string.
+     *
+     * Устанавливает строку поиска.
+     * @param value new value/ новое значение
+     */
+    set(value?: string): void;
+    /**
+     * Resets the search string.
+     *
+     * Сбрасывает строку поиска.
+     */
+    reset(): this;
+    /**
+     * Returns a processed value.
+     *
+     * Возвращает обработанное значение.
+     * @param value source value/ исходное значение
+     */
+    protected getValue(value?: string): string | undefined;
+    /**
+     * Appends a character to the search string.
+     *
+     * Добавляет символ к строке поиска.
+     * @param char new character/ новый символ
+     */
+    protected addChar(char: string): this;
+    /**
+     * Schedules reset to the initial state after a delay.
+     *
+     * Планирует сброс к исходному состоянию после задержки.
+     */
+    protected makeReset(): this;
+}

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

@@ -1,3 +1,3 @@
 export type ListComponentInclude = {
-  list?: object
-}
+    list?: object;
+};

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

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

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

@@ -0,0 +1,52 @@
+import { ConstrBind, ListRecord, ListSelectedItem, ListSelectedList } from '@dxtmisha/functional';
+import { IconPropsBasic, IconValue } from '../Icon';
+import { RoleType } from '../../types/roleTypes';
+import { ListItemPropsBasic } from '../ListItem';
+interface ListPropsToken {
+    axis?: 'x' | 'y';
+    divider?: boolean;
+}
+export interface ListPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, ListItem extends ListItemPropsBasic = ListItemPropsBasic> {
+    focus?: ListSelectedItem;
+    selected?: ListSelectedList;
+    disabled?: boolean;
+    lite?: boolean;
+    list?: ListRecord<ListItem>;
+    liteThreshold?: number;
+    highlight?: string;
+    highlightLengthStart?: number;
+    filterMode?: boolean;
+    keyLabel?: string;
+    keyValue?: string;
+    max?: string | number;
+    tag?: 'div' | 'button' | 'a' | 'span' | string;
+    axis?: 'x' | 'y';
+    divider?: boolean;
+    itemAttrs?: ConstrBind<ListItem>;
+    itemManagementAttrs?: ConstrBind<ListItem>;
+    itemGroupAttrs?: ConstrBind<ListItem>;
+    itemMenuAttrs?: ConstrBind<ListItem>;
+    iconArrowDown?: IconValue<Icon>;
+    iconArrowRight?: IconValue<Icon>;
+    roleItem?: RoleType;
+    control?: boolean;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface ListProps extends ListPropsBasic, ListPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsList: {
+    axis: string;
+    keyLabel: string;
+    keyValue: string;
+    tag: string;
+};
+export {};

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

@@ -0,0 +1,53 @@
+import { ConstrClass, ListList, ListNames } from '@dxtmisha/functional';
+import { EventClickEmits } from '../../types/eventClickTypes';
+import { ListItemComponentInclude } from '../ListItem';
+import { ListGroupComponentInclude } from '../ListGroup';
+import { ListMenuComponentInclude } from '../ListMenu';
+import { ComputedRef } from 'vue';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type ListComponents = ListItemComponentInclude & ListGroupComponentInclude & ListMenuComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type ListEmits = EventClickEmits & {
+    close: [];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface ListExpose {
+    isSelected: ComputedRef<boolean>;
+    selectedList: ComputedRef<ListList>;
+    selectedNames: ComputedRef<ListNames>;
+    selectedValues: ComputedRef<any[]>;
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export type ListSlots = Record<string, (props: any) => any>;
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type ListClasses = {
+    main: ConstrClass;
+    space: string;
+    line: string;
+    subtitle: string;
+    html: string;
+    management: string;
+    group: string;
+    menu: string;
+    menuGroup: string;
+};

package/dist/constructors/ListGroup/ListGroup.d.ts

@@ -0,0 +1,38 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrBind, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { ListGroupOpen } from './ListGroupOpen';
+import { MotionTransformProps } from '../MotionTransform';
+import { ListGroupComponents, ListGroupEmits, ListGroupSlots } from './types';
+import { ListGroupProps } from './props';
+/**
+ * ListGroup
+ */
+export declare class ListGroup {
+    protected readonly props: ListGroupProps;
+    protected readonly refs: ToRefs<ListGroupProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ListGroupComponents, ListGroupProps> | undefined;
+    protected readonly slots?: ListGroupSlots | undefined;
+    protected readonly emits?: ConstrEmit<ListGroupEmits> | undefined;
+    readonly open: ListGroupOpen<ListGroupProps>;
+    /**
+     * 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: ListGroupProps, refs: ToRefs<ListGroupProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ListGroupComponents, ListGroupProps> | undefined, slots?: ListGroupSlots | undefined, emits?: ConstrEmit<ListGroupEmits> | undefined);
+    /**
+     * Returns the property for the transformation component.
+     *
+     * Возвращает свойство для компонента трансформации.
+     */
+    readonly transformBinds: () => ConstrBind<MotionTransformProps>;
+}

package/dist/constructors/ListGroup/ListGroupDesign.d.ts

@@ -0,0 +1,62 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { ListGroup } from './ListGroup';
+import { ListGroupPropsBasic } from './props';
+import { ListGroupClasses, ListGroupComponents, ListGroupEmits, ListGroupExpose, ListGroupSlots } from './types';
+import { MotionTransformControlItem } from '../MotionTransform';
+/**
+ * ListGroupDesign
+ */
+export declare class ListGroupDesign<COMP extends ListGroupComponents, EXPOSE extends ListGroupExpose, CLASSES extends ListGroupClasses, P extends ListGroupPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, ListGroupEmits, EXPOSE, ListGroupSlots, CLASSES, P> {
+    protected readonly item: ListGroup;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, ListGroupEmits, 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 transformation element.
+     *
+     * Рендер элемента трансформации.
+     */
+    readonly renderTransform: () => VNode[];
+    /**
+     * Render title element.
+     *
+     * Рендер элемента заголовка.
+     * @param item motion transform item/ элемент движения трансформации
+     */
+    readonly renderHead: (item: MotionTransformControlItem) => VNode;
+    /**
+     * Render list element.
+     *
+     * Рендер элемента списка.
+     */
+    readonly renderList: () => VNode;
+}

package/dist/constructors/ListGroup/ListGroupOpen.d.ts

@@ -0,0 +1,44 @@
+import { MotionTransformEmitOptions } from '../MotionTransform';
+import { Ref, ComputedRef } from 'vue';
+/**
+ * Class for managing the open/close state of ListGroup component.
+ * Handles the visibility state and provides computed properties and methods
+ * for controlling group expansion and collapse.
+ *
+ * Класс для управления состоянием открытия/закрытия компонента ListGroup.
+ * Управляет состоянием видимости и предоставляет вычисляемые свойства и методы
+ * для контроля разворачивания и сворачивания группы.
+ */
+export declare class ListGroupOpen<T extends {
+    open?: boolean;
+}> {
+    protected readonly props: T;
+    /**
+     * Internal reactive state for group open/close status.
+     * This state is independent from props and can be controlled programmatically.
+     *
+     * Внутреннее реактивное состояние для статуса открытия/закрытия группы.
+     * Это состояние независимо от пропсов и может контролироваться программно.
+     */
+    readonly open: Ref<boolean, boolean>;
+    /**
+     * Constructor initializes the ListGroupOpen with component props.
+     *
+     * Конструктор инициализирует ListGroupOpen с пропсами компонента.
+     * @param props - ListGroup component properties / свойства компонента ListGroup
+     */
+    constructor(props: T);
+    /**
+     * Returns information about the opening status.
+     *
+     * Возвращает информацию о статусе открытия.
+     */
+    readonly is: ComputedRef<boolean>;
+    /**
+     * Events for opening the element.
+     *
+     * События для открытия элемента.
+     * @param options event parameters/ параметры события
+     */
+    readonly onOpen: ({ open }: MotionTransformEmitOptions) => void;
+}

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

@@ -0,0 +1,7 @@
+import { MotionTransformControlItem } from '../MotionTransform';
+export type ListGroupComponentInclude = {
+    listGroup?: object;
+};
+export interface ListGroupSlotsPropsInclude extends MotionTransformControlItem {
+    open: boolean;
+}

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

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

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

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

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

@@ -1,51 +1,43 @@
-import type { ComputedRef } from 'vue'
-import type { ConstrClass } from '@dxtmisha/functional'
-
-import type { MotionTransformComponentInclude } from '../MotionTransform'
-
+import { ComputedRef } from 'vue';
+import { ConstrClass } from '@dxtmisha/functional';
+import { MotionTransformComponentInclude } from '../MotionTransform';
+import { ListGroupSlotsPropsInclude } from './basicTypes';
 /**
  * Interface for describing which components need to be connected for work.
  *
  * Интерфейс для описания, какие компоненты надо подключить для работы.
  */
-export type ListGroupComponents
-  = MotionTransformComponentInclude
-
+export type ListGroupComponents = MotionTransformComponentInclude;
 /**
  * Type describing available events.
  *
  * Тип, описывающий доступные события.
  */
-export type ListGroupEmits = {}
-
+export type ListGroupEmits = {};
 /**
  * Type describing available properties.
  *
  * Тип, описывающий доступные свойства.
  */
 export interface ListGroupExpose {
-  open: ComputedRef<boolean>
+    open: ComputedRef<boolean>;
 }
-
 /**
  * Type describing available slots.
  *
  * Тип, описывающий доступные слоты.
  */
 export interface ListGroupSlots {
-  head?(props: { open: boolean }): any
-  list?(props: any): any
+    head?(props: ListGroupSlotsPropsInclude): any;
+    list?(props: any): any;
 }
-
 /**
  * Type describing subclasses.
  *
  * Тип, описывающий подклассы.
  */
 export type ListGroupClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  head: string
-  list: string
-  // :classes [!] System label / Системная метка
-}
+    main: ConstrClass;
+    head: string;
+    list: string;
+};

package/dist/constructors/ListItem/ListItem.d.ts

@@ -0,0 +1,175 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClassObject, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { IconTrailingInclude } from '../Icon';
+import { ProgressInclude } from '../Progress';
+import { RippleInclude } from '../Ripple';
+import { SkeletonInclude } from '../Skeleton';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { LabelHighlightInclude } from '../../classes/LabelHighlightInclude';
+import { PrefixInclude } from '../../classes/PrefixInclude';
+import { CaptionInclude } from '../../classes/CaptionInclude';
+import { SuffixInclude } from '../../classes/SuffixInclude';
+import { DescriptionInclude } from '../../classes/DescriptionInclude';
+import { BadgeInclude } from '../Badge/BadgeInclude';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { ListItemComponents, ListItemEmits, ListItemSlots } from './types';
+import { ListItemProps } from './props';
+import { EventClickValue, RoleType, AriaTrueOrFalse } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * ListItem
+ */
+export declare class ListItem {
+    protected readonly props: ListItemProps;
+    protected readonly refs: ToRefs<ListItemProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ListItemComponents, ListItemProps> | undefined;
+    protected readonly slots?: ListItemSlots | undefined;
+    protected readonly emits?: ConstrEmit<ListItemEmits> | undefined;
+    readonly icon: IconTrailingInclude;
+    readonly label: LabelHighlightInclude;
+    readonly prefix: PrefixInclude;
+    readonly caption: CaptionInclude;
+    readonly suffix: SuffixInclude;
+    readonly description: DescriptionInclude;
+    readonly badge: BadgeInclude;
+    readonly ripple: RippleInclude;
+    readonly progress: ProgressInclude;
+    readonly skeleton: SkeletonInclude;
+    readonly enabled: EnabledInclude;
+    readonly event: EventClickInclude;
+    /**
+     * 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: ListItemProps, refs: ToRefs<ListItemProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ListItemComponents, ListItemProps> | undefined, slots?: ListItemSlots | undefined, emits?: ConstrEmit<ListItemEmits> | undefined);
+    /** tag type/ тип тега */
+    readonly tag: ComputedRef<string>;
+    /** values for the class/ значения для класса */
+    readonly classes: ComputedRef<ConstrClassObject>;
+    /** values for attributes/ значения для атрибутов */
+    readonly binds: ComputedRef<{
+        onClick: (event: MouseEvent, options?: EventClickValue) => void;
+        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;
+        'data-value': any;
+        'data-divider': string | undefined;
+        'data-parent': string | undefined;
+        'data-list-id': number | undefined;
+    }>;
+    /** values for attributes with open state/ значения для атрибутов с состоянием open */
+    readonly bindsAndOpen: ComputedRef<{
+        onClick: (event: MouseEvent, options?: EventClickValue) => void;
+        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;
+        'data-value': any;
+        'data-divider': string | undefined;
+        'data-parent': string | undefined;
+        'data-list-id': number | undefined;
+    }>;
+}