mediacube-ui-v2 0.0.27 → 0.0.29

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

@@ -1,11 +1,11 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 interface DraggableInitPayload {
     x: number;
     y: number;
 }
 type CardIdType = string | number | undefined;
 type StorageTypeUnion = 'local' | 'session';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Дизайн:
      * purple, red, orange и т.д.
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<StorageTypeUnion>;
         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<{
     /**
      * Дизайн:
      * purple, red, orange и т.д.
@@ -64,7 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     initial: DraggableInitPayload;
     savePosition: boolean;
     storageType: StorageTypeUnion;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     left?(_: {}): any;
     top?(_: {}): any;
     bottom?(_: {}): any;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McDraggable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McDraggable/McDraggable.vue"],"names":[],"mappings":"AAsNA,OAAO,EAAY,KAAK,QAAQ,EAAc,MAAM,KAAK,CAAA;AAOzD,UAAU,oBAAoB;IAC5B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;AAC7C,KAAK,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAA;;IAmRzC;;;OAGG;;;;;;;;;IAaH;;SAEK;;;;;;;;;;;;;IAlBL;;;OAGG;;;;;;;;;IAaH;;SAEK;;;;;;;;;;;;;;;;;;;;;;;AAeP,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,280 @@
+import { useDebounceFn, useDraggable, useLocalStorage, useSessionStorage } from '@vueuse/core';
+import { computed, ref, watch } from 'vue';
+import { Colors } from '@/types/styles/Colors';
+import { McPreview } from '@/components';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const localStorage = useLocalStorage('McDraggable', {});
+const sessionStorage = useSessionStorage('McDraggable', {});
+const draggable_el = ref(null);
+const debounce = useDebounceFn((method) => {
+    method();
+}, 100);
+const props = defineProps({
+    /**
+     * Дизайн:
+     * purple, red, orange и т.д.
+     */
+    variation: {
+        type: String,
+        default: 'purple'
+    },
+    initial: {
+        type: Object,
+        default: () => ({
+            x: 0,
+            y: 0
+        })
+    },
+    /**
+     * Key for save position to storage (**required**, if savePosition = true)
+     * */
+    cardId: {
+        type: [String, Number]
+    },
+    savePosition: {
+        type: Boolean,
+        default: false
+    },
+    storageType: {
+        type: String,
+        default: 'session'
+    }
+});
+const uniqueId = computed(() => {
+    return props.cardId;
+});
+const isSessionStorageType = computed(() => {
+    return props.storageType === 'session';
+});
+const isLocalStorageType = computed(() => {
+    return props.storageType === 'local';
+});
+const initialPositions = computed(() => {
+    let local_x = props.initial.x || 0;
+    let local_y = props.initial.y || 0;
+    if (props.savePosition && !uniqueId.value)
+        console.warn('cardId prop required, if savePosition = true');
+    if (!uniqueId.value || !props.savePosition)
+        return { x: local_x, y: local_y };
+    if (isSessionStorageType.value) {
+        //@ts-ignore
+        const { x, y } = sessionStorage.value[uniqueId.value] || {};
+        local_x = x;
+        local_y = y;
+    }
+    if (isLocalStorageType.value) {
+        //@ts-ignore
+        const { x, y } = localStorage.value[uniqueId.value] || {};
+        local_x = x;
+        local_y = y;
+    }
+    return { x: local_x || 0, y: local_y || 0 };
+});
+const { x, y, style } = useDraggable(draggable_el, {
+    initialValue: { x: initialPositions.value.x, y: initialPositions.value.y }
+});
+const styles = computed(() => {
+    return {
+        '--mc-draggable-color': Colors[props.variation]
+    };
+});
+const handleSavePosition = () => {
+    if (!uniqueId.value)
+        return;
+    if (isSessionStorageType.value) {
+        sessionStorage.value = {
+            ...sessionStorage.value,
+            [uniqueId.value]: { x: x.value, y: y.value }
+        };
+    }
+    if (isLocalStorageType.value) {
+        localStorage.value = {
+            ...localStorage.value,
+            [uniqueId.value]: { x: x.value, y: y.value }
+        };
+    }
+};
+watch(() => style.value, () => {
+    if (!props.savePosition)
+        return;
+    debounce(handleSavePosition);
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple'
+        },
+        initial: {
+            type: Object,
+            default: () => ({
+                x: 0,
+                y: 0
+            })
+        },
+        /**
+         * Key for save position to storage (**required**, if savePosition = true)
+         * */
+        cardId: {
+            type: [String, Number]
+        },
+        savePosition: {
+            type: Boolean,
+            default: false
+        },
+        storageType: {
+            type: String,
+            default: 'session'
+        }
+    },
+});
+;
+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)({ ref: ("draggable_el"), ...{ class: ("mc-draggable") }, ...{ style: ((__VLS_ctx.style)) }, ...{ style: ({}) }, });
+    // @ts-ignore navigation for `const draggable_el = ref()`
+    __VLS_ctx.draggable_el;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-draggable__inner") }, ...{ style: ((__VLS_ctx.styles)) }, });
+    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.McPreview;
+    /** @type { [typeof __VLS_components.McPreview, typeof __VLS_components.mcPreview, typeof __VLS_components.McPreview, typeof __VLS_components.mcPreview, ] } */
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
+    const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+    {
+        const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+        var __VLS_6 = {};
+    }
+    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+    {
+        const { top: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+        var __VLS_7 = {};
+    }
+    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+    {
+        const { bottom: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+        var __VLS_8 = {};
+    }
+    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+    {
+        const { right: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+        var __VLS_9 = {};
+    }
+    var __VLS_5;
+    __VLS_styleScopedClasses['mc-draggable'];
+    __VLS_styleScopedClasses['mc-draggable__inner'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {
+        "draggable_el": __VLS_nativeElements['div'],
+    };
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            McPreview: McPreview,
+            draggable_el: draggable_el,
+            style: style,
+            styles: styles,
+        };
+    },
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple'
+        },
+        initial: {
+            type: Object,
+            default: () => ({
+                x: 0,
+                y: 0
+            })
+        },
+        /**
+         * Key for save position to storage (**required**, if savePosition = true)
+         * */
+        cardId: {
+            type: [String, Number]
+        },
+        savePosition: {
+            type: Boolean,
+            default: false
+        },
+        storageType: {
+            type: String,
+            default: 'session'
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple'
+        },
+        initial: {
+            type: Object,
+            default: () => ({
+                x: 0,
+                y: 0
+            })
+        },
+        /**
+         * Key for save position to storage (**required**, if savePosition = true)
+         * */
+        cardId: {
+            type: [String, Number]
+        },
+        savePosition: {
+            type: Boolean,
+            default: false
+        },
+        storageType: {
+            type: String,
+            default: 'session'
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/elements/McFieldCheckbox/McFieldCheckbox.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;
     default?(_: {}): any;
     footer?(_: {}): any;

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

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