mediacube-ui-v2 0.0.37 → 0.0.38

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

@@ -0,0 +1,466 @@
+import { Colors } from '@/types/styles/Colors';
+import { LineHeights } from '@/types/styles/LineHeights';
+import { computed, useAttrs } from 'vue';
+import { FontWeights } from '@/types/styles/FontWeights';
+import { adaptiveAdditionalProps, adaptivePropsParams, adaptivePropsSizes } from '@/utils/mcTitleAdaptiveProps';
+import { useHelper } from '@/composables';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const helper = useHelper();
+const attrs = useAttrs();
+const props = defineProps({
+    ...adaptiveAdditionalProps,
+    /**
+     * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
+     */
+    variation: {
+        type: String,
+        default: 'body'
+    },
+    /**
+     * В одну строку с точками в конце, если не вмещается
+     */
+    ellipsis: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * Если нужен другой тэг
+     */
+    tagName: {
+        type: String,
+        default: 'div'
+    },
+    /**
+     * Заглавные буквы
+     */
+    uppercase: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * Цвет
+     */
+    color: {
+        type: String,
+        default: 'black'
+    },
+    /**
+     *  Позиция текста:
+     *  `left, center, right`
+     */
+    textAlign: {
+        type: String,
+        default: 'left'
+    },
+    /**
+     * Если нужна иная высота строки: `100`, `200`, `300` и т.д.
+     */
+    lineHeight: {
+        type: String,
+        default: ''
+    },
+    /**
+     * Толщина текста:
+     * normal, medium, semi-bold
+     */
+    weight: {
+        type: String,
+        default: ''
+    },
+    /**
+     * Если нужно указать свою
+     * максимальную ширину
+     */
+    maxWidth: {
+        type: String,
+        default: '100%'
+    },
+    preLine: {
+        type: Boolean,
+        default: false
+    },
+    nowrap: {
+        type: Boolean,
+        default: false
+    },
+    plainText: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * ** Analog v-html, component use DOMPurify**
+     * */
+    htmlData: {
+        type: String,
+        default: ''
+    }
+});
+const id = computed(() => {
+    return attrs.id;
+});
+const responsivePropsClasses = computed(() => {
+    const result = {};
+    result[`mc-title--variation-${props.variation}`] = !!props.variation;
+    adaptivePropsParams.forEach((value) => {
+        adaptivePropsSizes.forEach((size) => {
+            //@ts-ignore
+            const sizeValue = props[`${value}${helper.upperFirst(size)}`];
+            result[`mc-title--${value}-${size}-${sizeValue}`] = !!sizeValue;
+        });
+    });
+    return result;
+});
+const classes = computed(() => ({
+    'mc-title': true,
+    ['mc-title--ellipsis']: props.ellipsis,
+    [`mc-title--text-align-${props.textAlign}`]: !!props.textAlign,
+    [`mc-title--pre-line`]: props.preLine,
+    [`mc-title--nowrap`]: props.nowrap,
+    'mc-title--uppercase': props.uppercase,
+    'mc-title--line-height': !!props.lineHeight,
+    'mc-title--weight': !!props.weight,
+    'mc-title--plain-text': props.plainText,
+    ...responsivePropsClasses.value
+}));
+const style = computed(() => {
+    let style = {};
+    if (props.color)
+        style['--mc-title-color'] = Colors[props.color];
+    if (props.weight)
+        style['--mc-title-weight'] = FontWeights[props.weight];
+    if (props.lineHeight)
+        style['--mc-title-line-height'] = LineHeights[props.lineHeight];
+    return style;
+});
+const contentStyle = computed(() => ({
+    'max-width': props.maxWidth
+})); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        ...adaptiveAdditionalProps,
+        /**
+         * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
+         */
+        variation: {
+            type: String,
+            default: 'body'
+        },
+        /**
+         * В одну строку с точками в конце, если не вмещается
+         */
+        ellipsis: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Если нужен другой тэг
+         */
+        tagName: {
+            type: String,
+            default: 'div'
+        },
+        /**
+         * Заглавные буквы
+         */
+        uppercase: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Цвет
+         */
+        color: {
+            type: String,
+            default: 'black'
+        },
+        /**
+         *  Позиция текста:
+         *  `left, center, right`
+         */
+        textAlign: {
+            type: String,
+            default: 'left'
+        },
+        /**
+         * Если нужна иная высота строки: `100`, `200`, `300` и т.д.
+         */
+        lineHeight: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Толщина текста:
+         * normal, medium, semi-bold
+         */
+        weight: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Если нужно указать свою
+         * максимальную ширину
+         */
+        maxWidth: {
+            type: String,
+            default: '100%'
+        },
+        preLine: {
+            type: Boolean,
+            default: false
+        },
+        nowrap: {
+            type: Boolean,
+            default: false
+        },
+        plainText: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * ** Analog v-html, component use DOMPurify**
+         * */
+        htmlData: {
+            type: String,
+            default: ''
+        }
+    },
+});
+;
+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)) }, ...{ style: ((__VLS_ctx.style)) }, id: ((__VLS_ctx.id)), });
+    var __VLS_0 = {};
+    if (props.htmlData) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div)({ ...{ class: ("mc-title__text") }, ...{ style: ((__VLS_ctx.contentStyle)) }, });
+        __VLS_asFunctionalDirective(__VLS_directives.vHtml)(null, { ...__VLS_directiveBindingRestFields, modifiers: {}, value: (props.htmlData) }, null, null);
+    }
+    else {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-title__text") }, ...{ style: ((__VLS_ctx.contentStyle)) }, });
+        var __VLS_1 = {};
+    }
+    var __VLS_2 = {};
+    __VLS_styleScopedClasses['mc-title__text'];
+    __VLS_styleScopedClasses['mc-title__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 {
+            id: id,
+            classes: classes,
+            style: style,
+            contentStyle: contentStyle,
+        };
+    },
+    props: {
+        ...adaptiveAdditionalProps,
+        /**
+         * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
+         */
+        variation: {
+            type: String,
+            default: 'body'
+        },
+        /**
+         * В одну строку с точками в конце, если не вмещается
+         */
+        ellipsis: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Если нужен другой тэг
+         */
+        tagName: {
+            type: String,
+            default: 'div'
+        },
+        /**
+         * Заглавные буквы
+         */
+        uppercase: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Цвет
+         */
+        color: {
+            type: String,
+            default: 'black'
+        },
+        /**
+         *  Позиция текста:
+         *  `left, center, right`
+         */
+        textAlign: {
+            type: String,
+            default: 'left'
+        },
+        /**
+         * Если нужна иная высота строки: `100`, `200`, `300` и т.д.
+         */
+        lineHeight: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Толщина текста:
+         * normal, medium, semi-bold
+         */
+        weight: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Если нужно указать свою
+         * максимальную ширину
+         */
+        maxWidth: {
+            type: String,
+            default: '100%'
+        },
+        preLine: {
+            type: Boolean,
+            default: false
+        },
+        nowrap: {
+            type: Boolean,
+            default: false
+        },
+        plainText: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * ** Analog v-html, component use DOMPurify**
+         * */
+        htmlData: {
+            type: String,
+            default: ''
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        ...adaptiveAdditionalProps,
+        /**
+         * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
+         */
+        variation: {
+            type: String,
+            default: 'body'
+        },
+        /**
+         * В одну строку с точками в конце, если не вмещается
+         */
+        ellipsis: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Если нужен другой тэг
+         */
+        tagName: {
+            type: String,
+            default: 'div'
+        },
+        /**
+         * Заглавные буквы
+         */
+        uppercase: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * Цвет
+         */
+        color: {
+            type: String,
+            default: 'black'
+        },
+        /**
+         *  Позиция текста:
+         *  `left, center, right`
+         */
+        textAlign: {
+            type: String,
+            default: 'left'
+        },
+        /**
+         * Если нужна иная высота строки: `100`, `200`, `300` и т.д.
+         */
+        lineHeight: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Толщина текста:
+         * normal, medium, semi-bold
+         */
+        weight: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Если нужно указать свою
+         * максимальную ширину
+         */
+        maxWidth: {
+            type: String,
+            default: '100%'
+        },
+        preLine: {
+            type: Boolean,
+            default: false
+        },
+        nowrap: {
+            type: Boolean,
+            default: false
+        },
+        plainText: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         * ** Analog v-html, component use DOMPurify**
+         * */
+        htmlData: {
+            type: String,
+            default: ''
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,7 +1,7 @@
-import { TooltipPositionsUnion, TooltipSizesUnion } from '../../../types/ITooltip';
-import { PropType } from 'vue';
-import { TooltipPositions, TooltipSizes } from '../../../enums/Tooltip';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import type { TooltipPositionsUnion, TooltipSizesUnion } from '@/types/ITooltip';
+import { type PropType } from 'vue';
+import { TooltipPositions, TooltipSizes } from '@/enums/Tooltip';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Текст подсказки:
      */
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<boolean>;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Текст подсказки:
      */
@@ -93,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     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";
     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";
     arrowVisible: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McTooltip/McTooltip.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEhF,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;;IAsN9D;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;IArCH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;AAQL,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}