@dxtmisha/constructor 0.39.5 → 0.52.0

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

@@ -0,0 +1,56 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { DescriptionSlots } from '../../types/descriptionTypes';
+import { EventClickEmits } from '../../types/eventClickTypes';
+import { LabelSlots } from '../../types/labelTypes';
+import { ActionsComponentInclude, ActionsEmitsInclude } from '../Actions';
+import { ButtonComponentInclude } from '../Button';
+import { IconComponentInclude } from '../Icon';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type SnackbarItemComponents = IconComponentInclude & ButtonComponentInclude & ActionsComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type SnackbarItemEmits = ActionsEmitsInclude & EventClickEmits & {
+    /** Event triggered when notification is closed/ Событие при закрытии уведомления */
+    close: [value: string | undefined];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface SnackbarItemExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface SnackbarItemSlots extends LabelSlots, DescriptionSlots {
+    /** Slot for the notification body/ Слот для содержимого уведомления */
+    body?(props: any): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type SnackbarItemClasses = {
+    main: ConstrClass;
+    tool: string;
+    icon: string;
+    trailing: string;
+    context: string;
+    label: string;
+    description: string;
+    body: string;
+    button: string;
+    close: string;
+    actions: string;
+};

package/dist/constructors/TabItem/TabItem.d.ts

@@ -0,0 +1,120 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { BadgeInclude } from '../Badge/BadgeInclude';
+import { RippleInclude } from '../Ripple';
+import { SkeletonInclude } from '../Skeleton';
+import { IconTrailingInclude } from '../Icon';
+import { LabelInclude } from '../../classes/LabelInclude';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { TabItemComponents, TabItemEmits, TabItemSlots } from './types';
+import { TabItemProps } from './props';
+import { AriaTrueOrFalse, RoleType, EventClickValue } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * TabItem
+ */
+export declare class TabItem {
+    protected readonly props: TabItemProps;
+    protected readonly refs: ToRefs<TabItemProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<TabItemComponents, TabItemProps> | undefined;
+    protected readonly slots?: TabItemSlots | undefined;
+    protected readonly emits?: ConstrEmit<TabItemEmits> | undefined;
+    readonly icon: IconTrailingInclude;
+    readonly label: LabelInclude;
+    readonly badge: BadgeInclude;
+    readonly skeleton: SkeletonInclude;
+    readonly enabled: EnabledInclude;
+    readonly ripple: RippleInclude;
+    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/ функция вызывается, когда срабатывает событие
+     * @param constructors object with classes/ объект с классами
+     * @param constructors.BadgeIncludeConstructor class for working with badge/ класс для работы с бейджем
+     * @param constructors.EnabledIncludeConstructor class for working with enabled/ класс для работы с активностью
+     * @param constructors.EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
+     * @param constructors.IconTrailingIncludeConstructor class for working with icon/ класс для работы с иконкой
+     * @param constructors.LabelIncludeConstructor class for working with label/ класс для работы с меткой
+     * @param constructors.RippleIncludeConstructor class for working with ripple/ класс для работы с ripple
+     * @param constructors.SkeletonIncludeConstructor class for working with skeleton/ класс для работы со скелетоном
+     */
+    constructor(props: TabItemProps, refs: ToRefs<TabItemProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<TabItemComponents, TabItemProps> | undefined, slots?: TabItemSlots | undefined, emits?: ConstrEmit<TabItemEmits> | undefined, constructors?: {
+        BadgeIncludeConstructor?: typeof BadgeInclude;
+        EnabledIncludeConstructor?: typeof EnabledInclude;
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        IconTrailingIncludeConstructor?: typeof IconTrailingInclude;
+        LabelIncludeConstructor?: typeof LabelInclude;
+        RippleIncludeConstructor?: typeof RippleInclude;
+        SkeletonIncludeConstructor?: typeof SkeletonInclude;
+    });
+    /** tag type/ тип тега */
+    readonly tag: ComputedRef<string>;
+    /** values for attributes/ значения для атрибутов */
+    readonly binds: ComputedRef<{
+        '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;
+        id?: string;
+        role?: RoleType;
+        tabindex: NumberOrString;
+        onClick: (event: MouseEvent, options?: EventClickValue) => void;
+        onKeydown: (event: KeyboardEvent, options?: EventClickValue) => void;
+        href: string;
+        'data-value': any;
+    }>;
+}

package/dist/constructors/TabItem/TabItemDesign.d.ts

@@ -0,0 +1,43 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { TabItem } from './TabItem';
+import { TabItemPropsBasic } from './props';
+import { TabItemClasses, TabItemComponents, TabItemEmits, TabItemExpose, TabItemSlots } from './types';
+/**
+ * TabItemDesign
+ */
+export declare class TabItemDesign<COMP extends TabItemComponents, EXPOSE extends TabItemExpose, CLASSES extends TabItemClasses, P extends TabItemPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, TabItemEmits, EXPOSE, TabItemSlots, CLASSES, P> {
+    protected readonly item: TabItem;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor constructors item class/ класс элемента конструкторов
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, TabItemEmits, P>, ItemConstructor?: typeof TabItem);
+    /**
+     * 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;
+}

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

@@ -0,0 +1,8 @@
+/**
+ * Interface for describing which components need to be connected for TabItem work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы TabItem
+ */
+export type TabItemComponentInclude = {
+    /** TabItem component configuration/ Конфигурация компонента элемента вкладки */
+    tabItem?: object;
+};

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

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

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

@@ -0,0 +1,40 @@
+import { LabelProps } from '../../types/labelTypes';
+import { IconPropsBasic, IconPropsInclude } from '../Icon';
+import { BadgePropsBasic, BadgePropsInclude } from '../Badge';
+import { SkeletonPropsInclude } from '../Skeleton';
+import { EnabledProps } from '../../types/enabledTypes';
+import { EventClickProps } from '../../types/eventClickTypes';
+import { AriaRolePropsInclude } from '../../types/ariaTypes';
+type TabItemPropsToken = {
+    focus?: boolean;
+    open?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    adaptive?: 'iconAlways' | 'auto';
+    container?: boolean;
+};
+export type TabItemPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, Badge extends BadgePropsBasic = BadgePropsBasic> = LabelProps & IconPropsInclude<Icon> & BadgePropsInclude<Badge> & SkeletonPropsInclude & EnabledProps & EventClickProps & AriaRolePropsInclude & {
+    /** Value/ Значения */
+    /** Item index/ Индекс элемента */
+    index?: any;
+    /** URL address for links/ URL-адрес для ссылок */
+    href?: string;
+    /** Style/ Стили */
+    /** HTML tag for the tab item/ HTML-тег для элемента вкладки */
+    tag?: 'button' | 'a' | 'span' | 'li' | 'div' | string;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type TabItemProps = TabItemPropsBasic & TabItemPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsTabItem: {
+    role: string;
+};
+export {};

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

@@ -0,0 +1,44 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { IconComponentInclude } from '../Icon';
+import { BadgeComponentInclude } from '../Badge';
+import { ProgressComponentInclude } from '../Progress';
+import { RippleComponentInclude } from '../Ripple';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { LabelSlots } from '../../types/labelTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type TabItemComponents = IconComponentInclude & BadgeComponentInclude & ProgressComponentInclude & RippleComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type TabItemEmits = EventClickEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface TabItemExpose extends EventClickExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface TabItemSlots extends LabelSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type TabItemClasses = {
+    main: ConstrClass;
+    label: string;
+    icon: string;
+    badge: string;
+};

package/dist/constructors/Tabs/Tabs.d.ts

@@ -0,0 +1,50 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { ModelInclude } from '../../classes/ModelInclude';
+import { MotionAxisInclude } from '../MotionAxis/MotionAxisInclude';
+import { TabsNavigationInclude } from '../TabsNavigation/TabsNavigationInclude';
+import { TabsSelected } from './TabsSelected';
+import { TabsComponents, TabsEmits, TabsSlots } from './types';
+import { TabsProps } from './props';
+/**
+ * Tabs
+ */
+export declare class Tabs {
+    protected readonly props: TabsProps;
+    protected readonly refs: ToRefs<TabsProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<TabsComponents, TabsProps> | undefined;
+    protected readonly slots?: TabsSlots | undefined;
+    protected readonly emits?: ConstrEmit<TabsEmits> | undefined;
+    readonly event: EventClickInclude;
+    readonly motionAxis: MotionAxisInclude;
+    readonly tabsNavigation: TabsNavigationInclude;
+    readonly selected: TabsSelected;
+    /**
+     * 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/ функция вызывается, когда срабатывает событие
+     * @param constructors object with classes/ объект с классами
+     * @param constructors.EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
+     * @param constructors.ModelIncludeConstructor class for working with model/ класс для работы с моделью
+     * @param constructors.MotionAxisIncludeConstructor class for working with motion axis/ класс для работы с осью движения
+     * @param constructors.TabsNavigationIncludeConstructor class for working with tabs navigation/ класс для работы с навигацией вкладок
+     * @param constructors.TabsSelectedConstructor class for working with selected/ класс для работы с выбранным
+     */
+    constructor(props: TabsProps, refs: ToRefs<TabsProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<TabsComponents, TabsProps> | undefined, slots?: TabsSlots | undefined, emits?: ConstrEmit<TabsEmits> | undefined, constructors?: {
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        ModelIncludeConstructor?: typeof ModelInclude;
+        MotionAxisIncludeConstructor?: typeof MotionAxisInclude;
+        TabsNavigationIncludeConstructor?: typeof TabsNavigationInclude;
+        TabsSelectedConstructor?: typeof TabsSelected;
+    });
+}

package/dist/constructors/Tabs/TabsDesign.d.ts

@@ -0,0 +1,49 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Tabs } from './Tabs';
+import { TabsPropsBasic } from './props';
+import { TabsClasses, TabsComponents, TabsEmits, TabsExpose, TabsSlots } from './types';
+/**
+ * TabsDesign
+ */
+export declare class TabsDesign<COMP extends TabsComponents, EXPOSE extends TabsExpose, CLASSES extends TabsClasses, P extends TabsPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, TabsEmits, EXPOSE, TabsSlots, CLASSES, P> {
+    protected readonly item: Tabs;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor constructors item class/ класс элемента конструкторов
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, TabsEmits, P>, ItemConstructor?: typeof Tabs);
+    /**
+     * 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 of slides.
+     *
+     * Рендеринг слайдов.
+     */
+    readonly slidesRender: () => Record<string, () => any> | undefined;
+}

package/dist/constructors/Tabs/TabsSelected.d.ts

@@ -0,0 +1,39 @@
+import { ToRefs, Ref } from 'vue';
+import { ListSelectedList } from '@dxtmisha/functional';
+import { TabsProps } from './props';
+/**
+ * Class for managing the selected element.
+ *
+ * Класс для управления выбранным элементом.
+ */
+export declare class TabsSelected {
+    protected readonly props: TabsProps;
+    protected readonly refs: ToRefs<TabsProps>;
+    readonly item: Ref<ListSelectedList | undefined, ListSelectedList | undefined>;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     */
+    constructor(props: TabsProps, refs: ToRefs<TabsProps>);
+    /**
+     * Checks if the value is selected.
+     *
+     * Проверяет, выбрано ли значение.
+     * @param selected value to check/ значение для проверки
+     */
+    is(selected?: string | number): boolean;
+    /**
+     * Sets the selected value.
+     *
+     * Устанавливает выбранное значение.
+     * @param selected selected value/ выбранное значение
+     */
+    readonly set: (selected?: ListSelectedList) => void;
+    /**
+     * Updates the selected value.
+     *
+     * Обновляет выбранное значение.
+     */
+    protected update: () => void;
+}

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

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

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

@@ -0,0 +1,6 @@
+export * from './Tabs';
+export * from './TabsDesign';
+export * from './TabsSelected';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,20 @@
+import { ListSelectedList } from '@dxtmisha/functional';
+import { TabItemPropsBasic } from '../TabItem';
+import { TabsNavigationPropsBasic, TabsNavigationPropsInclude } from '../TabsNavigation';
+import { MotionAxisPropsBasic, MotionAxisPropsInclude } from '../MotionAxis';
+import { ModelPropsSelected } from '../../types/modelTypes';
+type TabsPropsToken = {};
+export type TabsPropsBasic<TabItem extends TabItemPropsBasic = TabItemPropsBasic, TabsNavigation extends TabsNavigationPropsBasic = TabsNavigationPropsBasic, MotionAxis extends MotionAxisPropsBasic = MotionAxisPropsBasic> = TabsNavigationPropsInclude<TabItem, TabsNavigation> & MotionAxisPropsInclude<MotionAxis> & ModelPropsSelected<ListSelectedList>;
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type TabsProps = TabsPropsBasic & TabsPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsTabs: {};
+export {};

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

@@ -0,0 +1,39 @@
+import { ConstrClass, ListSelectedList } from '@dxtmisha/functional';
+import { TabsNavigationComponentInclude, TabsNavigationEmits } from '../TabsNavigation';
+import { MotionAxisComponentInclude, MotionAxisEmitsInclude, MotionAxisSlots } from '../MotionAxis';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { ModelEmitsSelected } from '../../types/modelTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type TabsComponents = TabsNavigationComponentInclude & MotionAxisComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type TabsEmits = TabsNavigationEmits & MotionAxisEmitsInclude & EventClickEmits & ModelEmitsSelected<ListSelectedList>;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface TabsExpose extends EventClickExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export type TabsSlots = MotionAxisSlots;
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type TabsClasses = {
+    main: ConstrClass;
+    slide: string;
+};