mediacube-ui-v2 0.0.0 → 0.0.2

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

@@ -0,0 +1,438 @@
+import { PropType } from 'vue';
+import { TooltipPositionsUnion } from '../../../types/ITooltip';
+import { ButtonVariationUnion, ButtonSizeUnion, ButtonTypeUnion } from '../../../types/IButton';
+import { HorizontalAlignmentUnion } from '../../../types/styles/Alignment';
+import { WeightsUnion } from '../../../types/styles/Weights';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Если нужна ссылка внутри приложения:
+     */
+    to: {
+        type: PropType<string>;
+    };
+    /**
+     *  Если нужна обычная ссылка:
+     * `https://mediacube.agency/`
+     */
+    href: {
+        type: PropType<string>;
+    };
+    /**
+     *  По умолчанию ожидается использование в `Nuxt`
+     *
+     */
+    nuxt: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Дизэйблить не меняя внешнего вида
+     *
+     */
+    inactive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Индикация загрузки
+     *
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Индикация загрузки
+     *  вращением иконки
+     */
+    iconLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Типы:
+     *  `button, submit, reset`
+     */
+    type: {
+        type: () => ButtonTypeUnion;
+        default: null;
+    };
+    /**
+     *  Дизайн:
+     *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+     */
+    variation: {
+        type: () => ButtonVariationUnion;
+        default: string;
+    };
+    /**
+     *  Размеры:
+     *  `xs, xs-compact, s, s-compact, m, m-compact, l, l-compact`
+     */
+    size: {
+        type: () => ButtonSizeUnion;
+        default: string;
+    };
+    /**
+     *  Тень
+     *
+     */
+    shadow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Круглая (применимо для *-compact size)
+     *
+     */
+    rounded: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Закругленная
+     *
+     */
+    semiRounded: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Позиция текста внутри кнопки:
+     *  `left, center, right`
+     */
+    textAlign: {
+        type: () => HorizontalAlignmentUnion;
+        default: string;
+    };
+    /**
+     *  На всю ширину
+     *
+     */
+    fullWidth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Если нужно активное состояние
+     *
+     */
+    isActive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  exact
+     *
+     */
+    exact: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Заглавные буквы
+     */
+    uppercase: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Тег по умолчанию
+     */
+    defaultTag: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Если нужен другой цвет при взаимодействии
+     */
+    secondaryColor: {
+        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: null;
+    };
+    /**
+     * Если нужна подчёркнутая ссылка
+     */
+    underlineLink: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Если нужен постоянный
+     * фон у типа 'flat'
+     */
+    bgFlat: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Жирность шрифта:
+     * `normal, medium, semi-bold`
+     */
+    weight: {
+        type: () => WeightsUnion;
+        default: string;
+    };
+    /**
+     * Тултип при наличии
+     */
+    tooltip: {
+        type: PropType<string>;
+        default: null;
+    };
+    tooltipPlacement: {
+        type: () => TooltipPositionsUnion;
+        default: null;
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Если нужна ссылка внутри приложения:
+     */
+    to: {
+        type: PropType<string>;
+    };
+    /**
+     *  Если нужна обычная ссылка:
+     * `https://mediacube.agency/`
+     */
+    href: {
+        type: PropType<string>;
+    };
+    /**
+     *  По умолчанию ожидается использование в `Nuxt`
+     *
+     */
+    nuxt: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Дизэйблить не меняя внешнего вида
+     *
+     */
+    inactive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Индикация загрузки
+     *
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Индикация загрузки
+     *  вращением иконки
+     */
+    iconLoading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Типы:
+     *  `button, submit, reset`
+     */
+    type: {
+        type: () => ButtonTypeUnion;
+        default: null;
+    };
+    /**
+     *  Дизайн:
+     *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+     */
+    variation: {
+        type: () => ButtonVariationUnion;
+        default: string;
+    };
+    /**
+     *  Размеры:
+     *  `xs, xs-compact, s, s-compact, m, m-compact, l, l-compact`
+     */
+    size: {
+        type: () => ButtonSizeUnion;
+        default: string;
+    };
+    /**
+     *  Тень
+     *
+     */
+    shadow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Круглая (применимо для *-compact size)
+     *
+     */
+    rounded: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Закругленная
+     *
+     */
+    semiRounded: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Позиция текста внутри кнопки:
+     *  `left, center, right`
+     */
+    textAlign: {
+        type: () => HorizontalAlignmentUnion;
+        default: string;
+    };
+    /**
+     *  На всю ширину
+     *
+     */
+    fullWidth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Если нужно активное состояние
+     *
+     */
+    isActive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  exact
+     *
+     */
+    exact: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Заглавные буквы
+     */
+    uppercase: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Тег по умолчанию
+     */
+    defaultTag: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Если нужен другой цвет при взаимодействии
+     */
+    secondaryColor: {
+        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: null;
+    };
+    /**
+     * Если нужна подчёркнутая ссылка
+     */
+    underlineLink: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Если нужен постоянный
+     * фон у типа 'flat'
+     */
+    bgFlat: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Жирность шрифта:
+     * `normal, medium, semi-bold`
+     */
+    weight: {
+        type: () => WeightsUnion;
+        default: string;
+    };
+    /**
+     * Тултип при наличии
+     */
+    tooltip: {
+        type: PropType<string>;
+        default: null;
+    };
+    tooltipPlacement: {
+        type: () => TooltipPositionsUnion;
+        default: null;
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+}>, {
+    uppercase: boolean;
+    size: ButtonSizeUnion;
+    rounded: boolean;
+    shadow: boolean;
+    type: ButtonTypeUnion;
+    variation: ButtonVariationUnion;
+    weight: WeightsUnion;
+    nuxt: boolean;
+    disabled: boolean;
+    inactive: boolean;
+    loading: boolean;
+    iconLoading: boolean;
+    semiRounded: boolean;
+    textAlign: HorizontalAlignmentUnion;
+    fullWidth: boolean;
+    isActive: boolean;
+    exact: boolean;
+    defaultTag: string;
+    secondaryColor: "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";
+    underlineLink: boolean;
+    bgFlat: boolean;
+    tooltip: string;
+    tooltipPlacement: TooltipPositionsUnion;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    "icon-prepend"?(_: {}): any;
+    default?(_: {}): any;
+    "icon-append"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,122 @@
+import { PropType } from 'vue';
+import { ChipVariationUnion, ChipSizeUnion } from '../../../types/IChip';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Text content
+     *
+     */
+    title: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     *  Кнопка закрытия
+     *
+     */
+    closable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Дизайн:
+     *  `purple, purple-invert т.д.`
+     */
+    variation: {
+        type: () => ChipVariationUnion;
+        default: string;
+    };
+    /**
+     *  Счетчик
+     *
+     */
+    counter: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    /**
+     *  Размер
+     */
+    size: {
+        type: () => ChipSizeUnion;
+        default: string;
+    };
+    /**
+     *  Если нужен
+     *  иной цвет текста
+     */
+    textColor: {
+        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: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Text content
+     *
+     */
+    title: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    /**
+     *  Кнопка закрытия
+     *
+     */
+    closable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Дизайн:
+     *  `purple, purple-invert т.д.`
+     */
+    variation: {
+        type: () => ChipVariationUnion;
+        default: string;
+    };
+    /**
+     *  Счетчик
+     *
+     */
+    counter: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    /**
+     *  Размер
+     */
+    size: {
+        type: () => ChipSizeUnion;
+        default: string;
+    };
+    /**
+     *  Если нужен
+     *  иной цвет текста
+     */
+    textColor: {
+        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: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: ChipSizeUnion;
+    title: string | number;
+    variation: ChipVariationUnion;
+    textColor: "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";
+    closable: boolean;
+    counter: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+    button?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,28 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Путь к изображению
+     *
+     */
+    imgSrc: {
+        type: StringConstructor;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    ready: (...args: any[]) => void;
+    crop: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Путь к изображению
+     *
+     */
+    imgSrc: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{
+    onReady?: ((...args: any[]) => any) | undefined;
+    onCrop?: ((...args: any[]) => any) | undefined;
+}>, {
+    imgSrc: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>, {
+    title?(_: {}): any;
+    header?(_: {}): any;
+    sidebar?(_: {}): any;
+    bottom?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,78 @@
+import { PropType } from 'vue';
+interface DraggableInitPayload {
+    x: number;
+    y: number;
+}
+type CardIdType = string | number | undefined;
+type StorageTypeUnion = 'local' | 'session';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Дизайн:
+     * purple, red, orange и т.д.
+     */
+    variation: {
+        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";
+    };
+    initial: {
+        type: PropType<DraggableInitPayload>;
+        default: () => DraggableInitPayload;
+    };
+    /**
+     * Key for save position to storage (**required**, if savePosition = true)
+     * */
+    cardId: {
+        type: PropType<CardIdType>;
+    };
+    savePosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    storageType: {
+        type: PropType<StorageTypeUnion>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Дизайн:
+     * purple, red, orange и т.д.
+     */
+    variation: {
+        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";
+    };
+    initial: {
+        type: PropType<DraggableInitPayload>;
+        default: () => DraggableInitPayload;
+    };
+    /**
+     * Key for save position to storage (**required**, if savePosition = true)
+     * */
+    cardId: {
+        type: PropType<CardIdType>;
+    };
+    savePosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    storageType: {
+        type: PropType<StorageTypeUnion>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    variation: "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";
+    initial: DraggableInitPayload;
+    savePosition: boolean;
+    storageType: StorageTypeUnion;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    left?(_: {}): any;
+    top?(_: {}): any;
+    bottom?(_: {}): any;
+    right?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,11 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};