mediacube-ui-v2 0.0.37 → 0.0.38

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

@@ -0,0 +1,488 @@
+import { McTitle, McSvgIcon } from '@/components';
+import { computed, useSlots, watch } from 'vue';
+import { useFieldErrors } from '@/composables';
+import { Directions } from '@/enums/ui/Directions';
+import { TitleVariations } from '@/enums';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const slots = useSlots();
+const emit = defineEmits(['update:modelValue']);
+const props = defineProps({
+    /**
+     *  Значение
+     */
+    modelValue: {
+        default: null
+    },
+    value: {
+        default: null
+    },
+    /**
+     *  Name
+     */
+    name: {
+        type: String,
+        required: true
+    },
+    /**
+     *  Подпись радио:
+     *
+     */
+    label: {
+        type: [String, Number],
+        default: null
+    },
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: Array,
+        default: null
+    },
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: [String, Number]
+    },
+    /**
+     * Вариант активного состояния
+     * circle - внутри круг
+     * checkmark - внутри галочка
+     * */
+    variation: {
+        type: String,
+        default: 'circle'
+    },
+    /**
+     * цвет
+     */
+    color: {
+        type: String,
+        default: 'purple'
+    },
+    iconSize: {
+        type: String,
+        default: '250'
+    },
+    dir: {
+        type: String,
+        default: Directions.Ltr
+    }
+});
+const fieldErrors = useFieldErrors(props.errors);
+const classes = computed(() => {
+    return {
+        'mc-field-radio-button--disabled': props.disabled,
+        'mc-field-radio-button--empty': !props.label && !slots.default,
+        'mc-field-radio-button--rtl': rtl.value
+    };
+});
+const rtl = computed(() => {
+    return props.dir === Directions.Rtl;
+});
+const activeIcon = computed(() => {
+    switch (props.variation) {
+        case 'checkmark': {
+            return 'check_circle_solid';
+        }
+        default: {
+            return 'radio--checked';
+        }
+    }
+});
+const iconColor = computed(() => {
+    switch (true) {
+        case props.disabled:
+            return 'outline-gray';
+        case inputProps.value.checked:
+            return props.color;
+        default:
+            return 'gray';
+    }
+});
+const inputProps = computed(() => {
+    return {
+        disabled: props.disabled,
+        value: props.modelValue,
+        name: props.name,
+        checked: props.value && props.value === props.modelValue,
+        tabindex: props.tabindex,
+        class: 'mc-field-radio-button__input',
+        type: 'radio'
+    };
+});
+watch(() => props.modelValue, () => {
+    fieldErrors.toggleErrorVisible();
+});
+const handleChange = () => {
+    emit('update:modelValue', props.value);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            default: null
+        },
+        value: {
+            default: null
+        },
+        /**
+         *  Name
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         *  Подпись радио:
+         *
+         */
+        label: {
+            type: [String, Number],
+            default: null
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: null
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Атрибут tabindex для главного элемента
+         *
+         */
+        tabindex: {
+            type: [String, Number]
+        },
+        /**
+         * Вариант активного состояния
+         * circle - внутри круг
+         * checkmark - внутри галочка
+         * */
+        variation: {
+            type: String,
+            default: 'circle'
+        },
+        /**
+         * цвет
+         */
+        color: {
+            type: String,
+            default: 'purple'
+        },
+        iconSize: {
+            type: String,
+            default: '250'
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+    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.label, __VLS_intrinsicElements.label)({ dir: ((props.dir)), ...{ class: ("mc-field-radio-button") }, ...{ class: ((__VLS_ctx.classes)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.input)({ ...{ onChange: (__VLS_ctx.handleChange) }, checked: (true), ...(__VLS_ctx.inputProps), });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...{ class: ("mc-field-radio-button__icon_wrapper") }, });
+    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
+    /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ name: ((__VLS_ctx.inputProps.checked ? __VLS_ctx.activeIcon : 'circle')), color: ((__VLS_ctx.iconColor)), size: ((props.iconSize)), ...{ class: ("mc-field-radio-button__icon") }, }));
+    const __VLS_2 = __VLS_1({ name: ((__VLS_ctx.inputProps.checked ? __VLS_ctx.activeIcon : 'circle')), color: ((__VLS_ctx.iconColor)), size: ((props.iconSize)), ...{ class: ("mc-field-radio-button__icon") }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    if (__VLS_ctx.label || __VLS_ctx.$slots.default) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...{ class: ("mc-field-radio-button__text") }, });
+        var __VLS_6 = {};
+        const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({}));
+        const __VLS_9 = __VLS_8({}, ...__VLS_functionalComponentArgsRest(__VLS_8));
+        (__VLS_ctx.label);
+        __VLS_nonNullable(__VLS_12.slots).default;
+        var __VLS_12;
+        if (__VLS_ctx.fieldErrors.errorText.value) {
+            const __VLS_13 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), maxWidth: ("100%"), }));
+            const __VLS_15 = __VLS_14({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_14));
+            (__VLS_ctx.fieldErrors.errorText.value);
+            __VLS_nonNullable(__VLS_18.slots).default;
+            var __VLS_18;
+        }
+        if (__VLS_ctx.fieldErrors.errorText.value) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.br)({});
+        }
+        var __VLS_19 = {};
+        if (props.helpText) {
+            const __VLS_20 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_21 = __VLS_asFunctionalComponent(__VLS_20, new __VLS_20({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }));
+            const __VLS_22 = __VLS_21({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_21));
+            (props.helpText);
+            __VLS_nonNullable(__VLS_25.slots).default;
+            var __VLS_25;
+        }
+    }
+    __VLS_styleScopedClasses['mc-field-radio-button'];
+    __VLS_styleScopedClasses['mc-field-radio-button__icon_wrapper'];
+    __VLS_styleScopedClasses['mc-field-radio-button__icon'];
+    __VLS_styleScopedClasses['mc-field-radio-button__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 {
+            McTitle: McTitle,
+            McSvgIcon: McSvgIcon,
+            TitleVariations: TitleVariations,
+            fieldErrors: fieldErrors,
+            classes: classes,
+            activeIcon: activeIcon,
+            iconColor: iconColor,
+            inputProps: inputProps,
+            handleChange: handleChange,
+        };
+    },
+    emits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            default: null
+        },
+        value: {
+            default: null
+        },
+        /**
+         *  Name
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         *  Подпись радио:
+         *
+         */
+        label: {
+            type: [String, Number],
+            default: null
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: null
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Атрибут tabindex для главного элемента
+         *
+         */
+        tabindex: {
+            type: [String, Number]
+        },
+        /**
+         * Вариант активного состояния
+         * circle - внутри круг
+         * checkmark - внутри галочка
+         * */
+        variation: {
+            type: String,
+            default: 'circle'
+        },
+        /**
+         * цвет
+         */
+        color: {
+            type: String,
+            default: 'purple'
+        },
+        iconSize: {
+            type: String,
+            default: '250'
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        /**
+         *  Значение
+         */
+        modelValue: {
+            default: null
+        },
+        value: {
+            default: null
+        },
+        /**
+         *  Name
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         *  Подпись радио:
+         *
+         */
+        label: {
+            type: [String, Number],
+            default: null
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: null
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Атрибут tabindex для главного элемента
+         *
+         */
+        tabindex: {
+            type: [String, Number]
+        },
+        /**
+         * Вариант активного состояния
+         * circle - внутри круг
+         * checkmark - внутри галочка
+         * */
+        variation: {
+            type: String,
+            default: 'circle'
+        },
+        /**
+         * цвет
+         */
+        color: {
+            type: String,
+            default: 'purple'
+        },
+        iconSize: {
+            type: String,
+            default: '250'
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>, {
     header?(_: {}): any;
     footer?(_: {}): any;
 }>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McFieldRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue"],"names":[],"mappings":";;;;AA+sBA,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}