mediacube-ui-v2 0.0.37 → 0.0.38

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

@@ -0,0 +1,286 @@
+import iconsSpriteIcon from '@/assets/iconsSprite.svg';
+import { Sizes } from '@/types/styles/Sizes';
+import { Colors } from '@/types/styles/Colors';
+import { computed } from 'vue';
+import { Directions } from '@/enums/ui/Directions';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const props = defineProps({
+    /**
+     * Путь к спрайту с иконками
+     * */
+    spritePath: {
+        type: String,
+        default: iconsSpriteIcon,
+        validator(value) {
+            return !!value;
+        }
+    },
+    /**
+     * Имя иконки
+     */
+    name: {
+        type: String,
+        required: true
+    },
+    /**
+     * Цвет иконки
+     * (по токенам)
+     */
+    color: {
+        type: String,
+        default: ''
+    },
+    /**
+     * Размер
+     */
+    size: {
+        type: String,
+        default: '250'
+    },
+    /**
+     * Толщина линий 0-5 если нужно больше, нужно дописать список в стилях
+     * stroke-width
+     */
+    weight: {
+        type: Number,
+        default: 1.5
+    },
+    /**
+     * Отображение иконки,
+     * если не найдена по имени
+     * в 'name'
+     */
+    defaultName: {
+        type: String,
+        default: ''
+    },
+    dir: {
+        type: String,
+        default: Directions.Ltr
+    }
+});
+const classes = computed(() => ({
+    'mc-svg-icon': true,
+    [`mc-svg-icon--dir-${props.dir}`]: !!props.dir
+}));
+const styles = computed(() => ({
+    ['--mc-svg-icon-size']: Sizes[props.size],
+    ['--mc-svg-icon-weight']: String(props.weight)?.replace('.', '')?.split('')?.join('.'),
+    ['--mc-svg-icon-color']: props.color && Colors[props.color]
+})); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         * Путь к спрайту с иконками
+         * */
+        spritePath: {
+            type: String,
+            default: iconsSpriteIcon,
+            validator(value) {
+                return !!value;
+            }
+        },
+        /**
+         * Имя иконки
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         * Цвет иконки
+         * (по токенам)
+         */
+        color: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Размер
+         */
+        size: {
+            type: String,
+            default: '250'
+        },
+        /**
+         * Толщина линий 0-5 если нужно больше, нужно дописать список в стилях
+         * stroke-width
+         */
+        weight: {
+            type: Number,
+            default: 1.5
+        },
+        /**
+         * Отображение иконки,
+         * если не найдена по имени
+         * в 'name'
+         */
+        defaultName: {
+            type: String,
+            default: ''
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+});
+;
+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.svg, __VLS_intrinsicElements.svg)({ ...{ class: ((__VLS_ctx.classes)) }, ...{ style: ((__VLS_ctx.styles)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.use, __VLS_intrinsicElements.use)({ "xlink:href": ((`${props.spritePath}#${props.name}`)), });
+    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 {
+            classes: classes,
+            styles: styles,
+        };
+    },
+    props: {
+        /**
+         * Путь к спрайту с иконками
+         * */
+        spritePath: {
+            type: String,
+            default: iconsSpriteIcon,
+            validator(value) {
+                return !!value;
+            }
+        },
+        /**
+         * Имя иконки
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         * Цвет иконки
+         * (по токенам)
+         */
+        color: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Размер
+         */
+        size: {
+            type: String,
+            default: '250'
+        },
+        /**
+         * Толщина линий 0-5 если нужно больше, нужно дописать список в стилях
+         * stroke-width
+         */
+        weight: {
+            type: Number,
+            default: 1.5
+        },
+        /**
+         * Отображение иконки,
+         * если не найдена по имени
+         * в 'name'
+         */
+        defaultName: {
+            type: String,
+            default: ''
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        /**
+         * Путь к спрайту с иконками
+         * */
+        spritePath: {
+            type: String,
+            default: iconsSpriteIcon,
+            validator(value) {
+                return !!value;
+            }
+        },
+        /**
+         * Имя иконки
+         */
+        name: {
+            type: String,
+            required: true
+        },
+        /**
+         * Цвет иконки
+         * (по токенам)
+         */
+        color: {
+            type: String,
+            default: ''
+        },
+        /**
+         * Размер
+         */
+        size: {
+            type: String,
+            default: '250'
+        },
+        /**
+         * Толщина линий 0-5 если нужно больше, нужно дописать список в стилях
+         * stroke-width
+         */
+        weight: {
+            type: Number,
+            default: 1.5
+        },
+        /**
+         * Отображение иконки,
+         * если не найдена по имени
+         * в 'name'
+         */
+        defaultName: {
+            type: String,
+            default: ''
+        },
+        dir: {
+            type: String,
+            default: Directions.Ltr
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,8 +1,8 @@
-import { HorizontalAlignmentUnion } from '../../../types/styles/Alignment';
-import { WeightsUnion } from '../../../types/styles/Weights';
-import { PropType } from 'vue';
-import { TitleVariationsUnion } from '../../../types/ITitle';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type HorizontalAlignmentUnion } from '@/types/styles/Alignment';
+import { type WeightsUnion } from '@/types/styles/Weights';
+import { type PropType } from 'vue';
+import type { TitleVariationsUnion } from '@/types/ITitle';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
      */
@@ -88,7 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<string>;
         default: string;
     };
-}>, {}, {}, {}, {}, 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<{
     /**
      * Уровень: `h1`, `h2`, `h3`, `h4`, `subtitle`, `body`, `overline`, `article`, 'info'.
      */
@@ -188,7 +188,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     nowrap: boolean;
     plainText: boolean;
     htmlData: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     "icon-prepend"?(_: {}): any;
     default?(_: {}): any;
     "icon-append"?(_: {}): any;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McTitle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McTitle/McTitle.vue"],"names":[],"mappings":"AAoXA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAExE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,OAAO,EAAY,KAAK,QAAQ,EAAY,MAAM,KAAK,CAAA;AAGvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;;IA2YxD;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;;;;;;;;;;;;;IAiBH;;SAEK;;;;;;IAhFL;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;;;;;;;;;;;;;IAiBH;;SAEK;;;;;;;;;;;;;;;;;;;;;;;;AAQP,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}