mediacube-ui-v2 0.0.28 → 0.0.30

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

@@ -0,0 +1,541 @@
+import { McTitle, McSvgIcon } from '@/components';
+import { useFieldErrors } from '@/composables';
+import { computed, useSlots } from 'vue';
+import { Sizes } from '@/types/styles/Sizes';
+import { Directions } from '@/enums/ui/Directions';
+import { TitleVariations, Weights } from '@/enums';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits(['update:modelValue']);
+const slots = useSlots();
+const props = defineProps({
+    //@ts-ignore
+    modelValue: {
+        type: [Boolean, String, Number, Array],
+        validator(value, props) {
+            return props.multiple ? Array.isArray(value) : true;
+        }
+    },
+    /**
+     *  Name
+     *
+     */
+    name: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Выбранное значение
+     *
+     */
+    checkedValue: {
+        type: [String, Boolean, Number],
+        default: true
+    },
+    /**
+     *  Невыбранное значение
+     *
+     */
+    uncheckedValue: {
+        type: [String, Boolean, Number],
+        default: false
+    },
+    /**
+     *  Ошибки
+     *
+     */
+    errors: {
+        type: Array,
+        default: null
+    },
+    /**
+     *  Вспомогательный текст под инпутом:
+     *
+     */
+    helpText: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Подпись чекбокса:
+     *
+     */
+    mainText: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Заголовок поля:
+     *
+     */
+    title: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    checkboxSize: {
+        type: String,
+        default: '250'
+    },
+    /**
+     * Атрибут tabindex для главного элемента
+     *
+     */
+    tabindex: {
+        type: [String, Number]
+    },
+    dir: {
+        type: String,
+        default: Directions.Ltr
+    }
+});
+const fieldErrors = useFieldErrors(props.errors);
+const rtl = computed(() => {
+    return props.dir === Directions.Rtl;
+});
+const classes = computed(() => ({
+    'mc-field-checkbox': true,
+    'mc-field-checkbox--error': props.errors,
+    'mc-field-checkbox--disabled': props.disabled,
+    'mc-field-checkbox--empty': !props.mainText && !slots.default,
+    'mc-field-checkbox--rtl': rtl.value
+}));
+const styles = computed(() => ({
+    '--mc-field-checkbox-size': Sizes[props.checkboxSize]
+}));
+const isChecked = computed(() => {
+    return props.multiple && props.modelValue
+        ? props.modelValue.includes(props.checkedValue)
+        : props.modelValue === props.checkedValue;
+});
+const inputProps = computed(() => ({
+    disabled: props.disabled,
+    name: props.name,
+    checked: isChecked.value,
+    tabindex: props.tabindex,
+    type: 'checkbox',
+    class: 'mc-field-checkbox__input'
+}));
+const handleChange = (e) => {
+    fieldErrors.toggleErrorVisible();
+    const payload = props.multiple && props.modelValue
+        ? props.modelValue.includes(props.checkedValue)
+            ? props.modelValue.filter((v) => v !== props.checkedValue)
+            : [...props.modelValue, props.checkedValue]
+        : //@ts-ignore
+            e.target && e.target.checked
+                ? props.checkedValue
+                : props.uncheckedValue;
+    emit('update:modelValue', payload);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        //@ts-ignore
+        modelValue: {
+            type: [Boolean, String, Number, Array],
+            validator(value, props) {
+                return props.multiple ? Array.isArray(value) : true;
+            }
+        },
+        /**
+         *  Name
+         *
+         */
+        name: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Выбранное значение
+         *
+         */
+        checkedValue: {
+            type: [String, Boolean, Number],
+            default: true
+        },
+        /**
+         *  Невыбранное значение
+         *
+         */
+        uncheckedValue: {
+            type: [String, Boolean, Number],
+            default: false
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: null
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Подпись чекбокса:
+         *
+         */
+        mainText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Заголовок поля:
+         *
+         */
+        title: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        multiple: {
+            type: Boolean,
+            default: false
+        },
+        checkboxSize: {
+            type: String,
+            default: '250'
+        },
+        /**
+         * Атрибут tabindex для главного элемента
+         *
+         */
+        tabindex: {
+            type: [String, Number]
+        },
+        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.div, __VLS_intrinsicElements.div)({ dir: ((props.dir)), ...{ class: ((__VLS_ctx.classes)) }, ...{ style: ((__VLS_ctx.styles)) }, });
+    if (props.title || __VLS_ctx.$slots.header) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-text__header") }, });
+        var __VLS_0 = {};
+        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;
+    }
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-checkbox__input-wrap") }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({ ...{ class: ("mc-field-checkbox__name") }, });
+    const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
+    /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
+    // @ts-ignore
+    const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ ...{ class: ("mc-field-checkbox__icon") }, name: ((__VLS_ctx.isChecked ? 'checkbox--checked' : 'checkbox')), color: ((__VLS_ctx.isChecked ? 'purple' : 'gray')), size: ((props.checkboxSize)), }));
+    const __VLS_9 = __VLS_8({ ...{ class: ("mc-field-checkbox__icon") }, name: ((__VLS_ctx.isChecked ? 'checkbox--checked' : 'checkbox')), color: ((__VLS_ctx.isChecked ? 'purple' : 'gray')), size: ((props.checkboxSize)), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+    __VLS_elementAsFunction(__VLS_intrinsicElements.input)({ ...{ onChange: (__VLS_ctx.handleChange) }, ...(__VLS_ctx.inputProps), });
+    if (props.mainText || __VLS_ctx.$slots.default) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...{ class: ("mc-field-checkbox__name-text") }, });
+        var __VLS_13 = {};
+        const __VLS_14 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_15 = __VLS_asFunctionalComponent(__VLS_14, new __VLS_14({ tagName: ("div"), }));
+        const __VLS_16 = __VLS_15({ tagName: ("div"), }, ...__VLS_functionalComponentArgsRest(__VLS_15));
+        (props.mainText);
+        __VLS_nonNullable(__VLS_19.slots).default;
+        var __VLS_19;
+    }
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-field-checkbox__footer") }, });
+    if (__VLS_ctx.fieldErrors.errorText.value) {
+        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"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), maxWidth: ("100%"), }));
+        const __VLS_22 = __VLS_21({ tagName: ("div"), color: ("red"), variation: ((__VLS_ctx.TitleVariations.Overline)), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_21));
+        (__VLS_ctx.fieldErrors.errorText.value);
+        __VLS_nonNullable(__VLS_25.slots).default;
+        var __VLS_25;
+    }
+    if (__VLS_ctx.fieldErrors.errorText.value) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.br)({});
+    }
+    var __VLS_26 = {};
+    if (props.helpText) {
+        const __VLS_27 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_28 = __VLS_asFunctionalComponent(__VLS_27, new __VLS_27({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }));
+        const __VLS_29 = __VLS_28({ tagName: ("div"), variation: ((__VLS_ctx.TitleVariations.Overline)), color: ("gray"), maxWidth: ("100%"), }, ...__VLS_functionalComponentArgsRest(__VLS_28));
+        (props.helpText);
+        __VLS_nonNullable(__VLS_32.slots).default;
+        var __VLS_32;
+    }
+    __VLS_styleScopedClasses['mc-field-text__header'];
+    __VLS_styleScopedClasses['mc-field-checkbox__input-wrap'];
+    __VLS_styleScopedClasses['mc-field-checkbox__name'];
+    __VLS_styleScopedClasses['mc-field-checkbox__icon'];
+    __VLS_styleScopedClasses['mc-field-checkbox__name-text'];
+    __VLS_styleScopedClasses['mc-field-checkbox__footer'];
+    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,
+            Weights: Weights,
+            fieldErrors: fieldErrors,
+            classes: classes,
+            styles: styles,
+            isChecked: isChecked,
+            inputProps: inputProps,
+            handleChange: handleChange,
+        };
+    },
+    emits: {},
+    props: {
+        //@ts-ignore
+        modelValue: {
+            type: [Boolean, String, Number, Array],
+            validator(value, props) {
+                return props.multiple ? Array.isArray(value) : true;
+            }
+        },
+        /**
+         *  Name
+         *
+         */
+        name: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Выбранное значение
+         *
+         */
+        checkedValue: {
+            type: [String, Boolean, Number],
+            default: true
+        },
+        /**
+         *  Невыбранное значение
+         *
+         */
+        uncheckedValue: {
+            type: [String, Boolean, Number],
+            default: false
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: null
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Подпись чекбокса:
+         *
+         */
+        mainText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Заголовок поля:
+         *
+         */
+        title: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        multiple: {
+            type: Boolean,
+            default: false
+        },
+        checkboxSize: {
+            type: String,
+            default: '250'
+        },
+        /**
+         * Атрибут tabindex для главного элемента
+         *
+         */
+        tabindex: {
+            type: [String, Number]
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        //@ts-ignore
+        modelValue: {
+            type: [Boolean, String, Number, Array],
+            validator(value, props) {
+                return props.multiple ? Array.isArray(value) : true;
+            }
+        },
+        /**
+         *  Name
+         *
+         */
+        name: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Выбранное значение
+         *
+         */
+        checkedValue: {
+            type: [String, Boolean, Number],
+            default: true
+        },
+        /**
+         *  Невыбранное значение
+         *
+         */
+        uncheckedValue: {
+            type: [String, Boolean, Number],
+            default: false
+        },
+        /**
+         *  Ошибки
+         *
+         */
+        errors: {
+            type: Array,
+            default: null
+        },
+        /**
+         *  Вспомогательный текст под инпутом:
+         *
+         */
+        helpText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Подпись чекбокса:
+         *
+         */
+        mainText: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Заголовок поля:
+         *
+         */
+        title: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        multiple: {
+            type: Boolean,
+            default: false
+        },
+        checkboxSize: {
+            type: String,
+            default: '250'
+        },
+        /**
+         * Атрибут tabindex для главного элемента
+         *
+         */
+        tabindex: {
+            type: [String, Number]
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,8 +1,8 @@
-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<{
+import { type PropType } from 'vue';
+import type { RadioVariationUnion } from '@/types/IRadio';
+import { Directions } from '@/enums/ui/Directions';
+import { type DirectionsUnion } from '@/types/IDirections';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -82,9 +82,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: () => DirectionsUnion;
         default: Directions;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Значение
      */
@@ -177,7 +177,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     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>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLLabelElement>, {
     default?(_: {}): any;
     footer?(_: {}): any;
 }>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McFieldRadio.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McFieldRadio/McFieldRadio.vue"],"names":[],"mappings":"AAoQA,OAAO,EAAY,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAI9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;;IAqbxD;;OAEG;;;;;;;IAOH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAMH;;;OAGG;;;;IAIH;;;;SAIK;;;;;IAKL;;OAEG;;;;;;;;;;;;;;;;IApEH;;OAEG;;;;;;;IAOH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAMH;;;OAGG;;;;IAIH;;;;SAIK;;;;;IAKL;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBL,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}