mediacube-ui-v2 0.0.1 → 0.0.2

package/dist/components/elements/McFieldText/McFieldText.vue.d.ts

@@ -0,0 +1,461 @@
+import { PropType } from 'vue';
+import { DirectionsUnion } from '../../../types/IDirections';
+import { Directions } from '../../../enums/ui/Directions';
+import { InputTypesUnion, InputValue } from '../../../types/IInput';
+import { InputTypes, Autocomplete } from '../../../enums/Input';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     *
+     */
+    modelValue: {
+        type: PropType<InputValue>;
+        default: null;
+    };
+    /**
+     *  Тип:
+     * `textarea, textarea-autosize и
+     * нативные как text, password, email и т.д.`
+     *
+     * кастомный num - разрешает ввод только цифр и дробных чисел, без ислчений ввиде буквы 'E'
+     * кастомный int - разрешает ввод только целочисленных значений
+     * кастомный amount_format - форматирует ввод числовых данных разделяя на разряды(1 000 000)
+     * date - добавляет placeholder, маску и ограничения ввода
+     * uppercase\lowercase - форматирует текст согласну значению (верхний\нижний регистр)
+     * phone_number - добавляет '+' к номеру телефона при фокусе без возможности удалить его
+     */
+    type: {
+        type: () => InputTypesUnion;
+        default: InputTypes;
+    };
+    /**
+     *  Заголовок поля:
+     *
+     */
+    title: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Маска поля:
+     *
+     * tokens - https://imask.js.org/guide.html
+     *
+     */
+    mask: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    /**
+     *  Placeholder
+     *
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Name
+     *
+     */
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    /**
+     *  плейсхолдеры для короткого обозначения даты (для маски dd.mm.yyyy)
+     *  {
+     *      date: 'd',
+     *      month: 'm',
+     *      year: 'y',
+     *  }
+     *
+     */
+    dateMaskPlaceholder: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     *  Максимальная длина строки в инпуте
+     *
+     */
+    maxLength: {
+        type: PropType<number>;
+        default: null;
+    };
+    /**
+     *  Состояние копирования
+     *
+     */
+    copy: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Автокомплит введённого ранее текста: on, off
+     *
+     */
+    autocomplete: {
+        type: () => Autocomplete;
+        default: Autocomplete;
+    };
+    /**
+     *  только чтение текста
+     *
+     */
+    readOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Tooltip для кнопка "показать пароль"
+     *
+     */
+    passwordTooltip: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Tooltip для кнопка "Скрыть пароль", если не указывать, то будет аналогичен "показать"
+     *
+     */
+    passwordHideTooltip: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     * Очищаем данные от маски на выходе
+     */
+    clearOutput: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Кастомные настройки для маски
+     * См. https://imask.js.org/guide.html
+     *
+     * Например:
+     *  {
+     *   autofix: true,
+     *    blocks: {
+     *      d: {mask: IMask.MaskedRange, placeholderChar: 'd', from: 1, to: 31, maxLength: 2},
+     *      m: {mask: IMask.MaskedRange, placeholderChar: 'm', from: 1, to: 12, maxLength: 2},
+     *      Y: {mask: IMask.MaskedRange, placeholderChar: 'y', from: 1900, to: 2999, maxLength: 4}
+     *    }
+     *  }
+     */
+    maskOptions: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Для какого языка поле ввода
+     */
+    locale: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     * Мобильное ли разрешение
+     * (Используется для триггера тултипа в кнопке с паролем)
+     */
+    isMobile: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Свойство на ограничение количества символов после точки для числовых типов (num || amount_format)
+     */
+    maxDecimals: {
+        type: PropType<number>;
+        default: number;
+    };
+    dir: {
+        type: () => DirectionsUnion;
+        default: Directions;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: (...args: any[]) => void;
+    keydown: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     *
+     */
+    modelValue: {
+        type: PropType<InputValue>;
+        default: null;
+    };
+    /**
+     *  Тип:
+     * `textarea, textarea-autosize и
+     * нативные как text, password, email и т.д.`
+     *
+     * кастомный num - разрешает ввод только цифр и дробных чисел, без ислчений ввиде буквы 'E'
+     * кастомный int - разрешает ввод только целочисленных значений
+     * кастомный amount_format - форматирует ввод числовых данных разделяя на разряды(1 000 000)
+     * date - добавляет placeholder, маску и ограничения ввода
+     * uppercase\lowercase - форматирует текст согласну значению (верхний\нижний регистр)
+     * phone_number - добавляет '+' к номеру телефона при фокусе без возможности удалить его
+     */
+    type: {
+        type: () => InputTypesUnion;
+        default: InputTypes;
+    };
+    /**
+     *  Заголовок поля:
+     *
+     */
+    title: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Маска поля:
+     *
+     * tokens - https://imask.js.org/guide.html
+     *
+     */
+    mask: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    /**
+     *  Placeholder
+     *
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     *  Name
+     *
+     */
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    /**
+     *  плейсхолдеры для короткого обозначения даты (для маски dd.mm.yyyy)
+     *  {
+     *      date: 'd',
+     *      month: 'm',
+     *      year: 'y',
+     *  }
+     *
+     */
+    dateMaskPlaceholder: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**
+     *  Максимальная длина строки в инпуте
+     *
+     */
+    maxLength: {
+        type: PropType<number>;
+        default: null;
+    };
+    /**
+     *  Состояние копирования
+     *
+     */
+    copy: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Автокомплит введённого ранее текста: on, off
+     *
+     */
+    autocomplete: {
+        type: () => Autocomplete;
+        default: Autocomplete;
+    };
+    /**
+     *  только чтение текста
+     *
+     */
+    readOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Tooltip для кнопка "показать пароль"
+     *
+     */
+    passwordTooltip: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Tooltip для кнопка "Скрыть пароль", если не указывать, то будет аналогичен "показать"
+     *
+     */
+    passwordHideTooltip: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     * Очищаем данные от маски на выходе
+     */
+    clearOutput: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Кастомные настройки для маски
+     * См. https://imask.js.org/guide.html
+     *
+     * Например:
+     *  {
+     *   autofix: true,
+     *    blocks: {
+     *      d: {mask: IMask.MaskedRange, placeholderChar: 'd', from: 1, to: 31, maxLength: 2},
+     *      m: {mask: IMask.MaskedRange, placeholderChar: 'm', from: 1, to: 12, maxLength: 2},
+     *      Y: {mask: IMask.MaskedRange, placeholderChar: 'y', from: 1900, to: 2999, maxLength: 4}
+     *    }
+     *  }
+     */
+    maskOptions: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Для какого языка поле ввода
+     */
+    locale: {
+        type: PropType<string>;
+        default: null;
+    };
+    /**
+     * Мобильное ли разрешение
+     * (Используется для триггера тултипа в кнопке с паролем)
+     */
+    isMobile: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Свойство на ограничение количества символов после точки для числовых типов (num || amount_format)
+     */
+    maxDecimals: {
+        type: PropType<number>;
+        default: number;
+    };
+    dir: {
+        type: () => DirectionsUnion;
+        default: Directions;
+    };
+}>> & Readonly<{
+    onCopy?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    copy: boolean;
+    type: InputTypesUnion;
+    title: string;
+    mask: string;
+    dir: DirectionsUnion;
+    required: boolean;
+    disabled: boolean;
+    modelValue: InputValue;
+    helpText: string;
+    placeholder: string;
+    errors: string[];
+    locale: string;
+    autocomplete: Autocomplete;
+    dateMaskPlaceholder: Record<string, any>;
+    maxLength: number;
+    readOnly: boolean;
+    passwordTooltip: string;
+    passwordHideTooltip: string;
+    clearOutput: boolean;
+    maskOptions: Record<string, any>;
+    isMobile: boolean;
+    maxDecimals: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    right?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/elements/McFieldToggle/McFieldToggle.vue.d.ts

@@ -0,0 +1,158 @@
+import { PropType } from 'vue';
+import { HorizontalAlignmentUnion } from '../../../types/styles/Alignment';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     *
+     */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: null;
+    };
+    /**
+     *  Выбранное значение
+     */
+    checkedValue: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    /**
+     *  Невыбранное значение
+     */
+    uncheckedValue: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    /**
+     *  Изменение цвета текста
+     *  при переключении
+     */
+    coloredText: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Отключенное состояние
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Позиция текста
+     *  относительно переключателя
+     */
+    textPosition: {
+        type: () => HorizontalAlignmentUnion;
+        default: string;
+    };
+    /**
+     * Активный цвет
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    };
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     */
+    tabindex: {
+        type: PropType<string | number>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     *
+     */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: null;
+    };
+    /**
+     *  Выбранное значение
+     */
+    checkedValue: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    /**
+     *  Невыбранное значение
+     */
+    uncheckedValue: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    /**
+     *  Изменение цвета текста
+     *  при переключении
+     */
+    coloredText: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Отключенное состояние
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Позиция текста
+     *  относительно переключателя
+     */
+    textPosition: {
+        type: () => HorizontalAlignmentUnion;
+        default: string;
+    };
+    /**
+     * Активный цвет
+     */
+    color: {
+        type: () => "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+        default: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    };
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     */
+    tabindex: {
+        type: PropType<string | number>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    color: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
+    disabled: boolean;
+    modelValue: string | number | boolean;
+    errors: string[];
+    checkedValue: string | number | boolean;
+    uncheckedValue: string | number | boolean;
+    coloredText: boolean;
+    textPosition: HorizontalAlignmentUnion;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue.d.ts

@@ -0,0 +1,58 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * За какое расстояние(px) инициировать loading event
+     * **/
+    overlap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Активен ли триггер
+     * */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Компонент в котором происходит скролл, указывается для большей точности
+     * Дефолтно используется область видимости браузера для отслеживания появления компопнента
+     * **/
+    root: {
+        type: StringConstructor;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    loading: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * За какое расстояние(px) инициировать loading event
+     * **/
+    overlap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Активен ли триггер
+     * */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Компонент в котором происходит скролл, указывается для большей точности
+     * Дефолтно используется область видимости браузера для отслеживания появления компопнента
+     * **/
+    root: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{
+    onLoading?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+}>, {
+    overlap: number;
+    active: boolean;
+    root: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;