@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/constructors/Image/ImageInclude.d.ts

@@ -0,0 +1,35 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComponents, RefOrNormal, ConstrBind } from '@dxtmisha/functional';
+import { ImageEventData, ImageComponentsInclude, ImageEmitsInclude, ImagePropsInclude } from './basicTypes';
+import { ItemList } from '@dxtmisha/functional-basic';
+/**
+ * Класс для подключения и работы с компонентом изображения.
+ *
+ * A class for connecting to and working with the image component.
+ */
+export declare class ImageInclude {
+    protected readonly props: ImagePropsInclude;
+    protected readonly components?: DesignComponents<ImageComponentsInclude, ImagePropsInclude> | undefined;
+    protected readonly emits?: ConstrEmit<ImageEmitsInclude> | undefined;
+    protected readonly extra?: RefOrNormal<Record<string, any>> | undefined;
+    /**
+     * Constructor for working with images.
+     *
+     * Конструктор для работы с изображениями.
+     * @param props input parameter/ входной параметр
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     * @param extra additional parameter/ дополнительный параметр
+     */
+    constructor(props: ImagePropsInclude, components?: DesignComponents<ImageComponentsInclude, ImagePropsInclude> | undefined, emits?: ConstrEmit<ImageEmitsInclude> | undefined, extra?: RefOrNormal<Record<string, any>> | undefined);
+    /**
+     * Проверяет, есть ли изображение/ Checks if an image exists
+     */
+    readonly isImage: ComputedRef<boolean>;
+    /**
+     * Возвращает данные для передачи компоненту/ Returns data to pass to the component
+     */
+    readonly bind: ComputedRef<ConstrBind<ItemList>>;
+    render(): VNode[];
+    onLoad(event: ImageEventData): void;
+}

package/dist/constructors/Image/ImagePdf.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Class for working with PDF files.
+ *
+ * Класс для работы с PDF-файлами.
+ */
+export declare class ImagePdf {
+    /**
+     * Checks if the file is an image.
+     *
+     * Проверяет, является ли файл PDF.
+     * @param file verified file/ проверяемый файл
+     */
+    static isPdf(file: string | File): boolean;
+    /**
+     * Applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer.
+     *
+     * Асинхронно читать содержимое файлов (или буферы данных), хранящиеся на компьютере пользователя.
+     * @param file the Blob or File from which to read/ Blob или File которые следует прочитать
+     */
+    static get(file: string | File): Promise<string>;
+}

package/dist/constructors/Image/ImagePosition.d.ts

@@ -0,0 +1,30 @@
+import { ImageCoordinator } from './ImageCoordinator';
+import { ImageProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * A class for obtaining data for the background-position property.
+ *
+ * Класс для получения данных для свойства background-position.
+ */
+export declare class ImagePosition {
+    protected readonly props: ImageProps;
+    protected readonly coordinator: ImageCoordinator;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param coordinator coordinates for margins/ координаты для отступов
+     */
+    constructor(props: ImageProps, coordinator: ImageCoordinator);
+    /**
+     * Returns the position on the left.
+     *
+     * Возвращает позицию слева.
+     */
+    readonly x: ComputedRef<string>;
+    /**
+     * Returns the position on the top.
+     *
+     * Возвращает позицию сверху.
+     */
+    readonly y: ComputedRef<string>;
+}

package/dist/constructors/Image/ImageType.d.ts

@@ -0,0 +1,22 @@
+import { ImageTypeItem } from './basicTypes';
+import { ImageProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * Class for working with the image type.
+ *
+ * Класс для работы с типом изображения.
+ */
+export declare class ImageType {
+    protected readonly props: ImageProps;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     */
+    constructor(props: ImageProps);
+    /**
+     * Get the image type.
+     *
+     * Получения тип изображения.
+     */
+    readonly item: ComputedRef<ImageTypeItem>;
+}

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

@@ -0,0 +1,54 @@
+import { ConstrBind, Undefined } from '@dxtmisha/functional';
+import { ImageEmits } from './types';
+import { ImagePropsBasic } from './props';
+export declare enum ImageTypeValue {
+    pdf = "pdf",
+    file = "file",
+    image = "image",
+    flag = "flag",
+    flagCompressed = "flag-compressed",
+    color = "color",
+    public = "public",
+    filled = "filled",
+    outlined = "outlined",
+    round = "round",
+    sharp = "sharp",
+    twoTone = "two-tone",
+    material = "material",
+    icon = "icon"
+}
+export type ImageElement = HTMLElement | undefined;
+export type ImageAttrs = Record<keyof HTMLImageElement, any>;
+export type ImageCoordinatorItem = [number] | [number, number] | [number, number, number] | [number, number, number, number] | Undefined;
+export type ImageSize<T = number> = {
+    width: T;
+    height: T;
+};
+export type ImagePictureItem = Record<keyof HTMLSourceElement & 'key', any>;
+export type ImagePictureList = ImagePictureItem[];
+export type ImagePicture = Record<string, string> | ImagePictureList;
+/**
+ * Parameters for the uploaded image or the one available by a direct link.
+ *
+ * Параметры для загруженного изображения или доступного по прямой ссылке.
+ */
+export type ImageItem = ImageSize & {
+    image: HTMLImageElement;
+    src: string;
+};
+export type ImageTypeItem = ImageTypeValue | Undefined;
+export type ImageEventItem = ImageItem | string | undefined;
+export type ImageEventType = {
+    type: ImageTypeItem;
+};
+export type ImageEventData = ImageEventType & {
+    image: ImageEventItem;
+};
+export type ImageValue<Image extends ImagePropsBasic = ImagePropsBasic> = string | ConstrBind<Image> | null;
+export type ImageComponentsInclude = {
+    image: object;
+};
+export type ImageEmitsInclude = ImageEmits;
+export interface ImagePropsInclude<Image extends ImagePropsBasic = ImagePropsBasic> {
+    image?: string | ConstrBind<Image>;
+}

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

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

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

@@ -0,0 +1,77 @@
+import { ImagePicture } from './basicTypes';
+interface ImagePropsToken {
+    turn?: boolean;
+    disabled?: boolean;
+    hide?: boolean;
+    adaptive?: boolean;
+    size?: 'auto' | 'contain' | 'cover';
+}
+export interface ImagePropsBasic {
+    /**
+     * Accepts icon name, image URL, File object or PDF link/
+     * Принимает название иконки, ссылку на изображение, объект File или ссылку на PDF файл
+     */
+    value?: string | any;
+    /** Image URL/ URL изображения */
+    url?: string;
+    /**
+     * Adaptive group (e.g. for different resolutions)/
+     * Группа адаптивности (например, для разных разрешений)
+     */
+    adaptiveGroup?: string;
+    /** Always use adaptivity/ Всегда использовать адаптивность */
+    adaptiveAlways?: boolean;
+    /** Image object width/ Ширина объекта изображения */
+    objectWidth?: string | number;
+    /** Image object height/ Высота объекта изображения */
+    objectHeight?: string | number;
+    /**
+     * Image coordinates (e.g. for cropping or positioning)/
+     * Координаты изображения (например, для обрезки или позиционирования)
+     */
+    coordinator?: number[] | any;
+    /** X position/ Позиция по оси X */
+    x?: string | number;
+    /** Y position/ Позиция по оси Y */
+    y?: string | number;
+    /**
+     * Use <img> tag instead of background image/
+     * Использовать тег <img> вместо фонового изображения
+     */
+    tagImg?: boolean;
+    /**
+     * Image source set for different resolutions/
+     * Набор источников изображения для разных разрешений
+     */
+    srcset?: string | Record<string, string>;
+    /**
+     * Picture sources for different resolutions using <picture> tag/
+     * Источники для разных разрешений с использованием тега <picture>
+     */
+    picture?: ImagePicture;
+    /** Alt text/ Текст alt */
+    alt?: string;
+    /** Lazy loading/ Ленивя загрузка */
+    lazy?: boolean;
+    /** Preload offset/ Смещение для предзагрузки */
+    preloadOffset?: string;
+    /** Image fetch priority (low, high, auto)/ Приоритет загрузки изображения (low, high, auto) */
+    fetchPriority?: HTMLImageElement['fetchPriority'];
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface ImageProps extends ImagePropsBasic, ImagePropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsImage: {
+    adaptiveGroup: string;
+    preloadOffset: string;
+};
+export {};

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

@@ -0,0 +1,41 @@
+import { ComputedRef, Ref } from 'vue';
+import { ConstrClass } from '@dxtmisha/functional';
+import { ImageEventData, ImageEventItem, ImageTypeItem } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type ImageComponents = {};
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type ImageEmits = {
+    load: [image: ImageEventData];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export type ImageExpose = {
+    type: ComputedRef<ImageTypeItem>;
+    data: Ref<ImageEventItem>;
+};
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface ImageSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type ImageClasses = {
+    main: ConstrClass;
+};

package/dist/constructors/Input/Input.d.ts

@@ -0,0 +1,62 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { FieldChangeInclude } from '../../classes/field/FieldChangeInclude';
+import { FieldVisibilityInclude } from '../../classes/field/FieldVisibilityInclude';
+import { FieldTypeInclude } from '../../classes/field/FieldTypeInclude';
+import { FieldPatternInclude } from '../../classes/field/FieldPatternInclude';
+import { FieldAttributesInclude } from '../../classes/field/FieldAttributesInclude';
+import { FieldElementInclude } from '../../classes/field/FieldElementInclude';
+import { FieldValueInclude } from '../../classes/field/FieldValueInclude';
+import { FieldArrowInclude } from '../../classes/field/FieldArrowInclude';
+import { InputPassword } from './InputPassword';
+import { FieldMatchInclude } from '../../classes/field/FieldMatchInclude';
+import { FieldInputModeInclude } from '../../classes/field/FieldInputModeInclude';
+import { FieldCodeInclude } from '../../classes/field/FieldCodeInclude';
+import { FieldValidationInclude } from '../../classes/field/FieldValidationInclude';
+import { FieldEventInclude } from '../../classes/field/FieldEventInclude';
+import { FieldInclude } from '../Field/FieldInclude';
+import { MaskInclude } from '../Mask/MaskInclude';
+import { FieldElementInput } from '../../types/fieldTypes';
+import { InputComponents, InputEmits, InputSlots } from './types';
+import { InputProps } from './props';
+/**
+ * Input
+ */
+export declare class Input {
+    protected readonly props: InputProps;
+    protected readonly refs: ToRefs<InputProps>;
+    protected readonly element: Ref<FieldElementInput>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<InputComponents, InputProps> | undefined;
+    protected readonly slots?: InputSlots | undefined;
+    protected readonly emits?: ConstrEmit<InputEmits> | undefined;
+    readonly visibility: FieldVisibilityInclude;
+    readonly type: FieldTypeInclude;
+    readonly pattern: FieldPatternInclude;
+    readonly inputMode: FieldInputModeInclude;
+    readonly attributes: FieldAttributesInclude;
+    readonly elementItem: FieldElementInclude;
+    readonly change: FieldChangeInclude;
+    readonly value: FieldValueInclude;
+    readonly arrow: FieldArrowInclude;
+    readonly password: InputPassword;
+    readonly match: FieldMatchInclude;
+    readonly code: FieldCodeInclude;
+    readonly validation: FieldValidationInclude;
+    readonly event: FieldEventInclude;
+    readonly field: FieldInclude;
+    readonly mask: MaskInclude;
+    /**
+     * 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: InputProps, refs: ToRefs<InputProps>, element: Ref<FieldElementInput>, classDesign: string, className: string, components?: DesignComp<InputComponents, InputProps> | undefined, slots?: InputSlots | undefined, emits?: ConstrEmit<InputEmits> | undefined);
+}

package/dist/constructors/Input/InputDesign.d.ts

@@ -0,0 +1,57 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Input } from './Input';
+import { FieldControl } from '../Field';
+import { InputPropsBasic } from './props';
+import { InputClasses, InputComponents, InputEmits, InputExpose, InputSlots } from './types';
+/**
+ * InputDesign
+ */
+export declare class InputDesign<COMP extends InputComponents, EXPOSE extends InputExpose, CLASSES extends InputClasses, P extends InputPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, InputEmits, EXPOSE, InputSlots, CLASSES, P> {
+    protected readonly item: Input;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, InputEmits, 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 input element.
+     *
+     * Рендер элемент input.
+     * @param input data for the input element/ данные для элемента ввода
+     */
+    protected readonly renderInput: (input: FieldControl) => VNode[];
+    /**
+     * Rendering mask element.
+     *
+     * Рендеринг элемента маски.
+     * @param input data for the input element/ данные для элемента ввода
+     */
+    protected readonly renderMask: (input: FieldControl) => VNode[];
+}

package/dist/constructors/Input/InputPassword.d.ts

@@ -0,0 +1,30 @@
+import { FieldVisibilityInclude } from '../../classes/field/FieldVisibilityInclude';
+import { IconProps } from '../Icon';
+import { InputProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * Class for retrieving data to manage the password type.
+ *
+ * Класс для получения данных для управления типом пароля.
+ */
+export declare class InputPassword {
+    protected readonly props: InputProps;
+    protected readonly visibility: FieldVisibilityInclude;
+    protected visible: boolean;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param visibility object for working with visualization/ объект для работы с визуализацией
+     */
+    constructor(props: InputProps, visibility: FieldVisibilityInclude);
+    /** Checks if the type is a password/ Проверяет, является ли тип паролем. */
+    readonly is: ComputedRef<boolean>;
+    /** Returns the icon value/ Возвращает значение иконки */
+    readonly icon: ComputedRef<IconProps | undefined>;
+    /**
+     * Toggle value.
+     *
+     * Переключение значения.
+     */
+    toggle(): void;
+}

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

@@ -0,0 +1,3 @@
+export type InputComponentInclude = {
+    input?: object;
+};

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

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

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

@@ -0,0 +1,32 @@
+import { NumberOrString } from '@dxtmisha/functional';
+import { MaskPropsBasic, MaskPropsInclude } from '../Mask';
+import { IconPropsBasic } from '../Icon';
+import { FieldPropsBasic, FieldPropsInclude } from '../Field';
+import { FieldLabelPropsBasic } from '../FieldLabel';
+import { FieldMessagePropsBasic } from '../FieldMessage';
+import { FieldCounterPropsBasic } from '../FieldCounter';
+import { ProgressPropsBasic } from '../Progress';
+import { FieldInputProps } from '../../types/fieldTypes';
+interface InputPropsToken {
+}
+export interface InputPropsBasic<Mask extends MaskPropsBasic = MaskPropsBasic, Icon extends IconPropsBasic = IconPropsBasic, Field extends FieldPropsBasic = FieldPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> extends MaskPropsInclude<Mask>, FieldPropsInclude<Icon, Field, FieldLabel, FieldMessage, FieldCounter, Progress>, FieldInputProps<NumberOrString> {
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface InputProps extends InputPropsBasic, InputPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsInput: {
+    type: string;
+    autocomplete: string;
+    arrow: string;
+    maskVisible: boolean;
+};
+export {};

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

@@ -0,0 +1,38 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { MaskComponentInclude } from '../Mask';
+import { FieldComponentInclude, FieldSlotsInclude } from '../Field';
+import { FieldBasicEmits, FieldBasicExpose } from '../../types/fieldTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type InputComponents = MaskComponentInclude & FieldComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type InputEmits = FieldBasicEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface InputExpose extends FieldBasicExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface InputSlots extends FieldSlotsInclude {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type InputClasses = {
+    main: ConstrClass;
+};