mediacube-ui-v2 0.0.1 → 0.0.2

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

@@ -0,0 +1,189 @@
+import { PropType } from 'vue';
+import { RadioVariationUnion } from '../../../types/IRadio';
+import { Directions } from '../../../enums/ui/Directions';
+import { DirectionsUnion } from '../../../types/IDirections';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     */
+    modelValue: {
+        default: null;
+    };
+    value: {
+        default: null;
+    };
+    /**
+     *  Name
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     *  Подпись радио:
+     *
+     */
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Вариант активного состояния
+     * circle - внутри круг
+     * checkmark - внутри галочка
+     * */
+    variation: {
+        type: () => RadioVariationUnion;
+        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: string;
+    };
+    iconSize: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";
+        default: string;
+    };
+    dir: {
+        type: () => DirectionsUnion;
+        default: Directions;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     */
+    modelValue: {
+        default: null;
+    };
+    value: {
+        default: null;
+    };
+    /**
+     *  Name
+     */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     *  Подпись радио:
+     *
+     */
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     * Вариант активного состояния
+     * circle - внутри круг
+     * checkmark - внутри галочка
+     * */
+    variation: {
+        type: () => RadioVariationUnion;
+        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: string;
+    };
+    iconSize: {
+        type: () => "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";
+        default: string;
+    };
+    dir: {
+        type: () => DirectionsUnion;
+        default: Directions;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string | number;
+    value: null;
+    variation: RadioVariationUnion;
+    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";
+    dir: DirectionsUnion;
+    disabled: boolean;
+    modelValue: null;
+    helpText: string;
+    errors: string[];
+    iconSize: "400" | "500" | "600" | "700" | "50" | "100" | "150" | "200" | "250" | "300" | "550" | "800" | "900" | "1000";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,216 @@
+import { PropType } from 'vue';
+import { TooltipPositionsUnion } from '../../../types/ITooltip';
+type RangeValue = string[] | number[] | number | string | null;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: PropType<RangeValue>;
+        required: true;
+    };
+    /**
+     *  Мин. значение
+     */
+    min: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     *  Макс. значение
+     */
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     *  The interval between two values.
+     */
+    step: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    title: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    helpText: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    /**
+     *  Цвет слайдера
+     */
+    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: string;
+    };
+    /**
+     *  Is it lazy to update the value.
+     *  Useful whenever you need to consume a high-loss operation
+     */
+    lazy: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Whether to disable the component.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Control Tooltip display.
+     *  'none' | 'always' | 'hover' | 'focus' | 'active'
+     */
+    tooltip: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     *  The placement of the Tooltip.
+     *  'top' | 'right' | 'bottom' | 'left'
+     */
+    tooltipPlacement: {
+        type: () => TooltipPositionsUnion;
+        default: string;
+    };
+    coloredTooltip: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    smooth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showLabels: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    errors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    dragging: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: PropType<RangeValue>;
+        required: true;
+    };
+    /**
+     *  Мин. значение
+     */
+    min: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     *  Макс. значение
+     */
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     *  The interval between two values.
+     */
+    step: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    title: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    helpText: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    /**
+     *  Цвет слайдера
+     */
+    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: string;
+    };
+    /**
+     *  Is it lazy to update the value.
+     *  Useful whenever you need to consume a high-loss operation
+     */
+    lazy: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Whether to disable the component.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     *  Control Tooltip display.
+     *  'none' | 'always' | 'hover' | 'focus' | 'active'
+     */
+    tooltip: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     *  The placement of the Tooltip.
+     *  'top' | 'right' | 'bottom' | 'left'
+     */
+    tooltipPlacement: {
+        type: () => TooltipPositionsUnion;
+        default: string;
+    };
+    coloredTooltip: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    smooth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showLabels: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    errors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDragging?: ((...args: any[]) => any) | undefined;
+}>, {
+    lazy: boolean;
+    title: string | null;
+    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;
+    tooltip: string;
+    tooltipPlacement: TooltipPositionsUnion;
+    helpText: string | null;
+    errors: string[];
+    min: string | number;
+    max: string | number;
+    step: string | number;
+    coloredTooltip: boolean;
+    smooth: boolean;
+    showLabels: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};