mediacube-ui-v2 0.0.27 → 0.0.29

package/dist/src/components/elements/McFieldRange/McFieldRange.vue.js

@@ -0,0 +1,547 @@
+import { default as VueSlider } from 'vue-3-slider-component';
+import { computed, reactive } from 'vue';
+import { Colors } from '@/types/styles/Colors';
+import { McTitle } from '@/components';
+import { useFieldErrors } from '@/composables';
+import { TitleVariations, Weights } from '@/enums';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits(['update:modelValue', 'dragging']);
+const props = defineProps({
+    /**
+     *  Значение
+     */
+    modelValue: {
+        type: [Number, String, Array],
+        required: true
+    },
+    /**
+     *  Мин. значение
+     */
+    min: {
+        type: [String, Number],
+        default: 0
+    },
+    /**
+     *  Макс. значение
+     */
+    max: {
+        type: [String, Number],
+        default: 100
+    },
+    /**
+     *  The interval between two values.
+     */
+    step: {
+        type: [String, Number],
+        default: 1
+    },
+    title: {
+        type: String,
+        default: null
+    },
+    helpText: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Цвет слайдера
+     */
+    color: {
+        type: String,
+        default: 'purple'
+    },
+    /**
+     *  Is it lazy to update the value.
+     *  Useful whenever you need to consume a high-loss operation
+     */
+    lazy: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     *  Whether to disable the component.
+     */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Control Tooltip display.
+     *  'none' | 'always' | 'hover' | 'focus' | 'active'
+     */
+    tooltip: {
+        type: String,
+        default: 'hover'
+    },
+    /**
+     *  The placement of the Tooltip.
+     *  'top' | 'right' | 'bottom' | 'left'
+     */
+    tooltipPlacement: {
+        type: String,
+        default: 'top'
+    },
+    coloredTooltip: {
+        type: Boolean,
+        default: false
+    },
+    smooth: {
+        type: Boolean,
+        default: true
+    },
+    showLabels: {
+        type: Boolean,
+        default: false
+    },
+    errors: {
+        type: Array,
+        default: () => []
+    }
+});
+const fieldErrors = useFieldErrors(props.errors);
+const tooltipFormatter = (value) => {
+    //@ts-ignore
+    if (Number(value) !== value)
+        return value;
+    return ('' + value).replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+};
+const computedValue = computed({
+    get() {
+        return props.modelValue;
+    },
+    set(value) {
+        handleInput(value);
+    }
+});
+const classes = computed(() => {
+    return {
+        'mc-range-slider': true,
+        [`mc-range-slider--color-${props.color}`]: !!props.color,
+        'mc-range-slider--colored-tooltip': props.coloredTooltip
+    };
+});
+const styles = computed(() => {
+    return {
+        '--mc-range-slider-color': Colors[props.color]
+    };
+});
+const sliderProps = reactive({
+    style: styles.value,
+    interval: +props.step,
+    min: +props.min,
+    max: +props.max,
+    disabled: props.disabled,
+    lazy: props.lazy,
+    tooltip: props.tooltip,
+    marks: props.showLabels,
+    adsorb: !props.smooth,
+    'tooltip-placement': props.tooltipPlacement,
+    'tooltip-formatter': tooltipFormatter,
+    'dot-size': 20
+});
+const handleInput = (value) => {
+    /**
+     * Событие по изменению значения
+     */
+    emit('update:modelValue', value);
+};
+const handleDrag = (value) => {
+    /**
+     * Событие по изменению значения
+     * (если нужно отслеживать value в ленивом режиме)
+     */
+    emit('dragging', value);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: [Number, String, Array],
+            required: true
+        },
+        /**
+         *  Мин. значение
+         */
+        min: {
+            type: [String, Number],
+            default: 0
+        },
+        /**
+         *  Макс. значение
+         */
+        max: {
+            type: [String, Number],
+            default: 100
+        },
+        /**
+         *  The interval between two values.
+         */
+        step: {
+            type: [String, Number],
+            default: 1
+        },
+        title: {
+            type: String,
+            default: null
+        },
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Цвет слайдера
+         */
+        color: {
+            type: String,
+            default: 'purple'
+        },
+        /**
+         *  Is it lazy to update the value.
+         *  Useful whenever you need to consume a high-loss operation
+         */
+        lazy: {
+            type: Boolean,
+            default: true
+        },
+        /**
+         *  Whether to disable the component.
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Control Tooltip display.
+         *  'none' | 'always' | 'hover' | 'focus' | 'active'
+         */
+        tooltip: {
+            type: String,
+            default: 'hover'
+        },
+        /**
+         *  The placement of the Tooltip.
+         *  'top' | 'right' | 'bottom' | 'left'
+         */
+        tooltipPlacement: {
+            type: String,
+            default: 'top'
+        },
+        coloredTooltip: {
+            type: Boolean,
+            default: false
+        },
+        smooth: {
+            type: Boolean,
+            default: true
+        },
+        showLabels: {
+            type: Boolean,
+            default: false
+        },
+        errors: {
+            type: Array,
+            default: () => []
+        }
+    },
+    emits: {},
+});
+;
+let __VLS_functionalComponentProps;
+function __VLS_template() {
+    const __VLS_ctx = {};
+    const __VLS_localComponents = {
+        ...{},
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_components;
+    const __VLS_localDirectives = {
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_directives;
+    let __VLS_styleScopedClasses;
+    // CSS variable injection 
+    // CSS variable injection end 
+    let __VLS_resolvedLocalAndGlobalComponents;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ((__VLS_ctx.classes)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-range__header") }, });
+    var __VLS_0 = {};
+    if (props.title) {
+        const __VLS_1 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_2 = __VLS_asFunctionalComponent(__VLS_1, new __VLS_1({ weight: ((__VLS_ctx.Weights.Medium)), }));
+        const __VLS_3 = __VLS_2({ weight: ((__VLS_ctx.Weights.Medium)), }, ...__VLS_functionalComponentArgsRest(__VLS_2));
+        (props.title);
+        __VLS_nonNullable(__VLS_6.slots).default;
+        var __VLS_6;
+    }
+    const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.VueSlider;
+    /** @type { [typeof __VLS_components.VueSlider, typeof __VLS_components.vueSlider, ] } */
+    // @ts-ignore
+    const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ ...{ 'onChange': {} }, ...{ 'onDragging': {} }, modelValue: ((__VLS_ctx.computedValue)), ...(__VLS_ctx.sliderProps), }));
+    const __VLS_9 = __VLS_8({ ...{ 'onChange': {} }, ...{ 'onDragging': {} }, modelValue: ((__VLS_ctx.computedValue)), ...(__VLS_ctx.sliderProps), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+    let __VLS_13;
+    const __VLS_14 = {
+        onChange: (__VLS_ctx.handleInput)
+    };
+    const __VLS_15 = {
+        onDragging: (__VLS_ctx.handleDrag)
+    };
+    let __VLS_10;
+    let __VLS_11;
+    var __VLS_12;
+    if ((__VLS_ctx.fieldErrors.errorText.value || props.helpText || __VLS_ctx.$slots.footer) && props.showLabels) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.br)({});
+    }
+    if (__VLS_ctx.fieldErrors.errorText.value || props.helpText || __VLS_ctx.$slots.footer) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-range__footer") }, });
+        if (__VLS_ctx.fieldErrors.errorText.value) {
+            const __VLS_16 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), ...{ class: ("mc-field-range__error-text") }, htmlData: ((__VLS_ctx.fieldErrors.errorText.value)), }));
+            const __VLS_18 = __VLS_17({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), ...{ class: ("mc-field-range__error-text") }, htmlData: ((__VLS_ctx.fieldErrors.errorText.value)), }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+            __VLS_elementAsFunction(__VLS_intrinsicElements.br)({});
+        }
+        var __VLS_22 = {};
+        if (props.helpText) {
+            const __VLS_23 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_24 = __VLS_asFunctionalComponent(__VLS_23, new __VLS_23({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }));
+            const __VLS_25 = __VLS_24({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_24));
+            (__VLS_ctx.helpText);
+            __VLS_nonNullable(__VLS_28.slots).default;
+            var __VLS_28;
+        }
+    }
+    __VLS_styleScopedClasses['mc-field-range__header'];
+    __VLS_styleScopedClasses['mc-field-range__footer'];
+    __VLS_styleScopedClasses['mc-field-range__error-text'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {};
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            VueSlider: VueSlider,
+            McTitle: McTitle,
+            TitleVariations: TitleVariations,
+            Weights: Weights,
+            fieldErrors: fieldErrors,
+            computedValue: computedValue,
+            classes: classes,
+            sliderProps: sliderProps,
+            handleInput: handleInput,
+            handleDrag: handleDrag,
+        };
+    },
+    emits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: [Number, String, Array],
+            required: true
+        },
+        /**
+         *  Мин. значение
+         */
+        min: {
+            type: [String, Number],
+            default: 0
+        },
+        /**
+         *  Макс. значение
+         */
+        max: {
+            type: [String, Number],
+            default: 100
+        },
+        /**
+         *  The interval between two values.
+         */
+        step: {
+            type: [String, Number],
+            default: 1
+        },
+        title: {
+            type: String,
+            default: null
+        },
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Цвет слайдера
+         */
+        color: {
+            type: String,
+            default: 'purple'
+        },
+        /**
+         *  Is it lazy to update the value.
+         *  Useful whenever you need to consume a high-loss operation
+         */
+        lazy: {
+            type: Boolean,
+            default: true
+        },
+        /**
+         *  Whether to disable the component.
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Control Tooltip display.
+         *  'none' | 'always' | 'hover' | 'focus' | 'active'
+         */
+        tooltip: {
+            type: String,
+            default: 'hover'
+        },
+        /**
+         *  The placement of the Tooltip.
+         *  'top' | 'right' | 'bottom' | 'left'
+         */
+        tooltipPlacement: {
+            type: String,
+            default: 'top'
+        },
+        coloredTooltip: {
+            type: Boolean,
+            default: false
+        },
+        smooth: {
+            type: Boolean,
+            default: true
+        },
+        showLabels: {
+            type: Boolean,
+            default: false
+        },
+        errors: {
+            type: Array,
+            default: () => []
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            type: [Number, String, Array],
+            required: true
+        },
+        /**
+         *  Мин. значение
+         */
+        min: {
+            type: [String, Number],
+            default: 0
+        },
+        /**
+         *  Макс. значение
+         */
+        max: {
+            type: [String, Number],
+            default: 100
+        },
+        /**
+         *  The interval between two values.
+         */
+        step: {
+            type: [String, Number],
+            default: 1
+        },
+        title: {
+            type: String,
+            default: null
+        },
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Цвет слайдера
+         */
+        color: {
+            type: String,
+            default: 'purple'
+        },
+        /**
+         *  Is it lazy to update the value.
+         *  Useful whenever you need to consume a high-loss operation
+         */
+        lazy: {
+            type: Boolean,
+            default: true
+        },
+        /**
+         *  Whether to disable the component.
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Control Tooltip display.
+         *  'none' | 'always' | 'hover' | 'focus' | 'active'
+         */
+        tooltip: {
+            type: String,
+            default: 'hover'
+        },
+        /**
+         *  The placement of the Tooltip.
+         *  'top' | 'right' | 'bottom' | 'left'
+         */
+        tooltipPlacement: {
+            type: String,
+            default: 'top'
+        },
+        coloredTooltip: {
+            type: Boolean,
+            default: false
+        },
+        smooth: {
+            type: Boolean,
+            default: true
+        },
+        showLabels: {
+            type: Boolean,
+            default: false
+        },
+        errors: {
+            type: Array,
+            default: () => []
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/elements/McFieldSelect/McFieldSelect.vue.d.ts

@@ -1,8 +1,9 @@
-import { PropType } from 'vue';
-import { ISelectGroupOptions, ISelectOptions, SelectListDirectionsUnion } from '../../../types/ISelect';
-import { DirectionsUnion } from '../../../types/IDirections';
-import { Directions } from '../../../enums/ui/Directions';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import type { ISelectGroupOptions, ISelectOptions } from '@/types/ISelect';
+import { type DirectionsUnion } from '@/types/IDirections';
+import { Directions } from '@/enums/ui/Directions';
+import type { SelectListDirectionsUnion } from '@/types/ISelect';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -236,14 +237,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<string>;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | number | string[] | number[] | null) => any;
     tag: (value: string) => any;
     "original-input": (value: ISelectOptions[]) => any;
     "search-change": (value: string) => any;
     "handle-open": () => any;
     "handle-close": () => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -515,7 +516,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     noResultsText: string;
     titleField: string;
     valueField: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     header?(_: {}): any;
     arrow?(_: {}): any;
     noResult?(_: {}): any;

package/dist/src/components/elements/McFieldSelect/McFieldSelect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McFieldSelect.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McFieldSelect/McFieldSelect.vue"],"names":[],"mappings":"AAAA,OA65BO,EAAY,KAAK,QAAQ,EAAc,MAAM,KAAK,CAAA;AAGzD,OAAO,KAAK,EAAE,mBAAmB,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACzF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAKlD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;;IAgxC9D;;OAEG;;;;IAIH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAKH;;;;;;;;;;;OAWG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;SAEK;;;;;IAKL;;;OAGG;;;;;IAKH;;SAEK;;;;;IAKL;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;SAEK;;;;;;;;;IASL;;OAEG;;;;;;;;;IASH;;OAEG;;;;;IAKH;;SAEK;;;;;IAKL;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IASH;;SAEK;;;;;IAKL;;SAEK;;;;;;;;;;;;;IArOL;;OAEG;;;;IAIH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAKH;;;;;;;;;;;OAWG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;SAEK;;;;;IAKL;;;OAGG;;;;;IAKH;;SAEK;;;;;IAKL;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;SAEK;;;;;;;;;IASL;;OAEG;;;;;;;;;IASH;;OAEG;;;;;IAKH;;SAEK;;;;;IAKL;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IASH;;SAEK;;;;;IAKL;;SAEK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQP,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}