{"version":3,"sources":["webpack:///./src/components/MaterialsV2/Materials.vue?fa52","webpack:///./src/components/MaterialsV2/MaterialsSkeletons.vue","webpack:///./src/components/MaterialsV2/MaterialsSkeletons.vue?d842","webpack:///./src/components/MaterialsV2/Drafts.vue?bb46","webpack:///./src/components/MaterialsV2/StaticText/StaticText.vue?c64f","webpack:///./src/components/MaterialsV2/SideMenu.vue?1e60","webpack:///./src/components/MaterialsV2/StaticText/CodeBlockComponent.vue?46a4","webpack:///./src/components/MaterialsV2/DropdownWithTypes.vue?7faf","webpack:///./src/components/MaterialsV2/Materials.vue","webpack:///./src/components/MaterialsV2/Images/Images.vue","webpack:///./src/components/MaterialsV2/Images/Images.vue?e5f0","webpack:///./src/components/MaterialsV2/SideMenu.vue","webpack:///./src/components/MaterialsV2/SideMenu.vue?f032","webpack:///./src/components/MaterialsV2/StaticText/StaticText.vue","webpack:///./src/components/MaterialsV2/StaticText/CodeBlockComponent.vue","webpack:///./src/components/MaterialsV2/StaticText/CodeBlockComponent.vue?283c","webpack:///./src/components/MaterialsV2/StaticText/StaticText.vue?3f6f","webpack:///./src/components/MaterialsV2/Drafts.vue","webpack:///./src/components/MaterialsV2/Images/ImagesDraft.vue","webpack:///./src/components/MaterialsV2/Images/ImagesDraft.vue?1624","webpack:///./src/components/MaterialsV2/DropdownWithTypes.vue","webpack:///./src/components/MaterialsV2/DropdownWithTypes.vue?9d7f","webpack:///./src/components/MaterialsV2/Drafts.vue?bb40","webpack:///./src/components/MaterialsV2/Materials.vue?d8c5","webpack:///./src/components/MaterialsV2/Images/Images.vue?4959","webpack:///./src/components/MaterialsV2/Images/ImagesDraft.vue?3cdc","webpack:///./src/components/MaterialsV2/MaterialsSkeletons.vue?322b"],"names":["class","name","__exports__","render","style","viewBox","fill","xmlns","fill-rule","clip-rule","d","materialsConfig","ableToUseDrafts","showDraftsButtonAtHead","showDrafts","loadingMaterials","materialIds","length","messageIfNoMaterials","materialId","idx","key","dragging","ref","draggable","onStartDragging","$event","onDragEnter","onDragLeave","onStopDragging","onDrop","openedMenu","closeMenu","deleteMaterial","setMaterialDraggable","ableToPostNewMaterials","materialsMap","type","material","editable","typesConfig","ctext","isEditable","onReady","isTestAdmin","isRoomAdmin","board_fetched","roomId","cellId","isActive","areMaterialsActive","objects","board","objects_by_cell","onCellReady","options","optionsForDropdown","ableToPublish","showDraftsCircleButton","showCircleButton","description","images","components","Gallery","props","Object","required","contenteditable","data-drag-handle","tabindex","toggleSettings","closeSettings","settings_options","option","id","action","xlink:href","remixiconUrl","icon","title","settingsOpened","this","$emit","methods","editor","value","disabled","languages","language","index","selectedLanguage","NodeViewWrapper","NodeViewContent","extension","lowlight","listLanguages","computed","node","attrs","updateAttributes","MenuBar","EditorContent","content","text","extensions","extend","CodeBlockComponent","configure","YTMFormula","placeholder","destroy","cx","cy","r","stroke","stroke-width","stroke-linecap","draftsShown","heightPx","draftsHeight","onTouchStart","onTouchMove","onTouchEnd","startResizingDrafts","onResizingDrafts","stopResizingDrafts","hideDrafts","drafts","draft","deleteDraft","publishMaterial","saveDraft","onFilesDropped","multiple","accept","onFilesSelected","files","file","Input","Boolean","default","event","i","target","push","dataTransfer","stroke-linejoin","showDropdown","Array","ExpandCollapseTransition","DropdownWithTypes","SideMenu","ImagesDraft","TestDraft","String","reduce","max","Math","allTypes","slug","newImagesMaterialDraft","newTestDraft","filteredTypes","forEach","hasOwnProperty","resizing","prevTouchY","evt","cancelable","preventDefault","targetTouches","pageY","curTouchY","$refs","draftsWrapper","clientHeight","height","resizer","bottom","cursor","movementY","nextDraftId","then","validate","getTestData","publishing","$store","dispatch","payload","test","a","post","headers","params","materials_id","resp","filter","data","out","delete","material_id","round","window","innerHeight","BoardCell","Board","Drafts","StaticText","Test","Images","CollabCode","CollabEditor","active","useDrafts","canPostNewMaterials","store","ydoc","on","upd","origin","order","getArray","newCText","newBoardCell","newCode","cnt_collab","cnt_ready","status","draftsInstance","setAttribute","dropEffect","effectAllowed","setData","classList","add","remove","to","getData","from","findIndex","moveItem","doc","transact","get","newPos","insert","toArray","room","updates","tmp","update","last_upd","put","deduplicateOrder","uniqueIds","Set","array","has","observe","materials","entries","_","pushMaterialToOrder","getters","room_id","cell","registerBoardCell","t","updateMaterial","removeMaterialFromOrder","deleteContent","Promise","all","fetchCRDTContent","fetchMaterials","mergeIdsWithMaterialsMap","rId","bId","catch","err","console","error"],"mappings":"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","file":"js/group-homework~532559ee.ff779b88.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Materials.vue?vue&type=style&index=0&id=394219e2&scoped=true&lang=css\"","<template>\n  <div>\n    <div class=\"skeleton ytm-material-skeleton\"/>\n    <div class=\"skeleton ytm-material-skeleton\"/>\n    <div class=\"skeleton ytm-material-skeleton\"/>\n  </div>\n</template>\n\n<script>\nimport \"@/components/CoursePageV2/skeletons.css\";\n\nexport default {\n  name: 'MaterialsSkeletons',\n};\n</script>\n\n<style scoped>\n.ytm-material-skeleton {\n  width: 100%;\n  height: 5rem;\n  border-radius: 1rem;\n  margin-bottom: 1rem;\n}\n</style>","import { render } from \"./MaterialsSkeletons.vue?vue&type=template&id=6dd04ce2&scoped=true\"\nimport script from \"./MaterialsSkeletons.vue?vue&type=script&lang=js\"\nexport * from \"./MaterialsSkeletons.vue?vue&type=script&lang=js\"\n\nimport \"./MaterialsSkeletons.vue?vue&type=style&index=0&id=6dd04ce2&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6dd04ce2\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Drafts.vue?vue&type=style&index=0&id=6a8ceb35&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./StaticText.vue?vue&type=style&index=0&id=3f9524ca&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SideMenu.vue?vue&type=style&index=0&id=7207b913&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./CodeBlockComponent.vue?vue&type=style&index=0&id=b9d77130&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./DropdownWithTypes.vue?vue&type=style&index=0&id=7ecab4d1&scoped=true&lang=css\"","<template>\n    <div>\n        <div v-if=\"materialsConfig.ableToUseDrafts && materialsConfig.showDraftsButtonAtHead\" style=\"width: 100%; display: flex; justify-content: center\">\n            <div class=\"ytm-transparent-button\" style=\"padding: 0.6rem 1.8rem\" @click=\"showDrafts\">\n                <div style=\"display: flex\">\n                    <svg viewBox=\"0 0 34 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"height: 1.5rem; width: 1.5rem; margin-right: 0.5rem\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 2C0 0.895431 0.895431 0 2 0H21C22.1046 0 23 0.895431 23 2V6.40429L12.177 28H2C0.89543 28 0 27.1046 0 26V2ZM28.3925 2.63282C28.8488 1.73104 29.9498 1.3699 30.8516 1.8262L32.4844 2.65241C33.3862 3.10871 33.7473 4.20965 33.291 5.11143L24.2028 23.0724C23.7465 23.9742 22.6455 24.3353 21.7437 23.879L20.1109 23.0528C19.2091 22.5965 18.848 21.4956 19.3043 20.5938L28.3925 2.63282ZM17.9484 27.5986C17.9872 28.3019 18.7728 28.6994 19.3624 28.3142L22.0158 26.5805C22.6054 26.1952 22.5569 25.3161 21.9284 24.9981L19.1003 23.5671C18.4718 23.249 17.7348 23.7306 17.7736 24.4339L17.9484 27.5986Z\" fill=\"black\"/>\n                    </svg>\n                    <div style=\"display: table\">\n                        <div class=\"ytm-default-text\" style=\"display: table-cell; vertical-align: middle; font-weight: 600\">\n                            К черновикам\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div v-if=\"!loadingMaterials && materialIds.length === 0\" style=\"width: 100%; padding: 0 20%; text-align: center\">\n            <p\n                class=\"ytm-default-text\"\n                v-html=\"materialsConfig.messageIfNoMaterials\"\n                style=\"font-size: 1.25rem; line-height: 132%; font-weight: 400; margin-top: 2rem; margin-bottom: 1.5rem\"\n            />\n        </div>\n        <div\n            v-for=\"(materialId, idx) in materialIds\" :key=\"materialId\"\n            :class=\"{'ytm-materials-wrapper': true, 'ytm-materials-wrapper-dragging': dragging}\"\n            :ref=\"'wrapper_' + materialId\"\n            draggable=\"false\"\n            @dragstart=\"onStartDragging($event, materialId)\"\n            @dragenter.self=\"onDragEnter($event)\"\n            @dragover.prevent\n            @dragleave.self=\"onDragLeave($event)\"\n            @dragend=\"onStopDragging(materialId)\"\n            @drop=\"onDrop($event, idx)\"\n        >\n            <div v-show=\"materialsConfig.ableToPostNewMaterials\" :class=\"{'ytm-material-menu': openedMenu !== materialId}\">\n                <SideMenu\n                    @openMenu=\"openedMenu = materialId\"\n                    @closeMenu=\"closeMenu(materialId)\"\n                    @delMaterial=\"deleteMaterial(materialId)\"\n                    @mousedown=\"setMaterialDraggable(materialId, true)\"\n                    @mouseup=\"setMaterialDraggable(materialId, false)\"\n                    :ref=\"'menu_' + materialId\"\n                />\n            </div>\n            <div style=\"flex: 1; width: 100%; max-width: 100%\">\n                <CollabEditor\n                    v-if=\"materialsMap[materialId] && materialsMap[materialId].type === 'ctext'\"\n                    :material=\"materialsMap[materialId]\"\n                    :editable=\"typesConfig.ctext.isEditable\"\n                    :ref=\"'m_' + materialId\"\n                    @ready=\"onReady\"\n                />\n                <StaticText\n                    v-if=\"materialsMap[materialId] && materialsMap[materialId].type === 'text'\"\n                    :material=\"materialsMap[materialId]\"\n                    :ref=\"'m_' + materialId\"\n                />\n                <CollabCode\n                    v-if=\"materialsMap[materialId] && materialsMap[materialId].type === 'code'\"\n                    :material=\"materialsMap[materialId]\"\n                    :ref=\"'m_' + materialId\"\n                    @ready=\"onReady\"\n                />\n                <Images\n                    v-if=\"materialsMap[materialId] && materialsMap[materialId].type === 'images'\"\n                    :material=\"materialsMap[materialId]\"\n                    :ref=\"'m_' + materialId\"\n                />\n                <Test\n                    v-if=\"materialsMap[materialId] && materialsMap[materialId].type === 'test'\"\n                    :material=\"materialsMap[materialId]\"\n                    :isTestAdmin=\"isRoomAdmin\"\n                    :ref=\"'m_' + materialId\"\n                />\n                <BoardCell\n                    v-if=\"materialsMap[materialId] && materialsMap[materialId].type === 'board' && board_fetched\"\n                    :roomId=\"roomId\"\n                    :cellId=\"materialId\"\n                    :isActive=\"areMaterialsActive\"\n                    :material=\"materialsMap[materialId].material\"\n                    :objects=\"board.objects_by_cell[materialId]\"\n                    :ref=\"'m_' + materialId\"\n                    @ready=\"onCellReady(materialId)\"\n                />\n            </div>\n        </div>\n        <DropdownWithTypes\n            v-if=\"materialsConfig.ableToPostNewMaterials\"\n            :options=\"optionsForDropdown\"\n            style=\"margin-left: 19px; margin-bottom: 2rem\"\n        />\n        <Drafts\n            v-if=\"materialsConfig.ableToUseDrafts\"\n            :roomId=\"roomId\"\n            :typesConfig=\"typesConfig\"\n            :ableToPublish=\"materialsConfig.showDraftsCircleButton\"\n            :showCircleButton=\"materialsConfig.showDraftsCircleButton\"\n            ref=\"draftsInstance\"\n        />\n    </div>\n</template>\n\n<script>\nimport * as Y from 'yjs'\nimport axios from \"axios\";\nimport {SERVICE_MATERIALS_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\nimport {fromUint8Array, toUint8Array} from \"js-base64\";\nimport {useStore} from \"vuex\";\nimport {ref, provide, computed} from \"vue\";\nimport CollabEditor from \"./CollabText/CollabEditor\";\nimport CollabCode from \"@/components/MaterialsV2/CollabCode/CollabCode\";\nimport Images from \"@/components/MaterialsV2/Images/Images\";\nimport Test from \"@/components/MaterialsV2/Test/Test\";\nimport {BoardsManager} from \"@/components/MaterialsV2/BoardsManager/boards_manager\";\nimport SideMenu from \"@/components/MaterialsV2/SideMenu\";\nimport StaticText from \"@/components/MaterialsV2/StaticText/StaticText\";\nimport Drafts from \"@/components/MaterialsV2/Drafts\";\nimport DropdownWithTypes from \"@/components/MaterialsV2/DropdownWithTypes\";\nimport publishMaterial from \"@/components/MaterialsV2/publish_material\";\nimport Board from \"@/components/redesign/Board/Board.vue\";\nimport BoardCell from \"@/components/MaterialsV2/BoardCellV3/BoardCell.vue\";\n\nexport default {\n    name: 'Materials',\n    components: {\n        BoardCell, Board, DropdownWithTypes, Drafts, StaticText,\n        SideMenu, Test, Images, CollabCode, CollabEditor,\n    },\n    props: {\n        roomId: {\n            type: String,\n            required: true,\n        },\n        isRoomAdmin: {\n            type: Boolean,\n            required: true,\n        },\n        active: {\n            type: Boolean,\n            default: false,\n        },\n        useDrafts: {\n            type: Boolean,\n            default: false,\n        },\n        showDraftsButtonAtHead: {\n            type: Boolean,\n            default: false,\n        },\n        showDraftsCircleButton: {\n            type: Boolean,\n            default: false,\n        },\n        canPostNewMaterials: {\n            type: Boolean,\n            default: false,\n        },\n        messageIfNoMaterials: {\n            type: String,\n            default: 'Пока нет материалов 👀',\n        },\n        typesConfig: {\n            type: Object,\n            required: true,\n        },\n    },\n    setup(props) {\n        let areMaterialsActive = computed(() => props.active);\n        provide('areMaterialsActive', areMaterialsActive);\n        const materialsConfig = ref({\n            isActive: computed(() => props.active),\n            ableToUseDrafts: computed(() => props.useDrafts),\n            showDraftsButtonAtHead: computed(() => props.showDraftsButtonAtHead),\n            showDraftsCircleButton: computed(() => props.showDraftsCircleButton),\n            ableToPostNewMaterials: computed(() => props.canPostNewMaterials),\n            messageIfNoMaterials: computed(() => props.messageIfNoMaterials),\n        });\n        const store = useStore();\n        let ydoc = new Y.Doc();\n        ydoc.on('update', (upd, origin) => {\n            if (origin && (origin === 'orderChanger' || origin.hasOwnProperty('cm') || origin.hasOwnProperty('key'))) {\n                store.dispatch('ws/sendCRDTUpdate', {\n                    materials_id: props.roomId,\n                    upd: fromUint8Array(upd),\n                });\n            }\n        });\n        provide('ydoc', ydoc);\n        let order = ydoc.getArray('order');\n        let drafts = ref([]);\n        provide('drafts', drafts);\n        return {materialsConfig, areMaterialsActive, ydoc, order, drafts};\n    },\n    computed: {\n        optionsForDropdown() {\n            const allTypes = [\n                { slug: 'ctext', action: this.newCText },\n                { slug: 'board', action: this.newBoardCell },\n                { slug: 'code', action: this.newCode },\n            ];\n            const filteredTypes = [];\n            allTypes.forEach(type => {\n                if (this.typesConfig.hasOwnProperty(type.slug)) {\n                    type.name = this.typesConfig[type.slug].name;\n                    filteredTypes.push(type);\n                }\n            });\n            filteredTypes.push({ slug: '', name: 'Из черновиков', action: this.showDrafts });\n            return filteredTypes;\n        },\n    },\n    data() {\n        return {\n            loadingMaterials: true,\n            openedMenu: null,\n            materialIds: [],\n            materialsMap: {},\n            board: null,\n            board_fetched: false,\n            cnt_collab: 0,\n            cnt_ready: 0,\n            dragging: false,\n        };\n    },\n    methods: {\n        setMaterialsActive(status) {\n            this.areMaterialsActive = status;\n        },\n        showDrafts() {\n            this.$refs.draftsInstance.showDrafts();\n        },\n        closeMenu(materialId) {\n            if (this.openedMenu === materialId) {\n                this.openedMenu = null;\n            }\n        },\n        setMaterialDraggable(materialId, value) {\n            this.$refs['wrapper_' + materialId][0].setAttribute('draggable', value);\n        },\n        onStartDragging(evt, materialId) {\n            this.$refs['menu_' + materialId][0].closeSettings();\n            this.dragging = true;\n            evt.dataTransfer.dropEffect = 'move';\n            evt.dataTransfer.effectAllowed = 'move';\n            evt.dataTransfer.setData('materialId', materialId);\n        },\n        onDragEnter(evt) {\n            evt.target.classList.add('ytm-materials-wrapper-dragover');\n        },\n        onDragLeave(evt) {\n            evt.target.classList.remove('ytm-materials-wrapper-dragover');\n        },\n        onStopDragging(materialId) {\n            this.dragging = false;\n            this.setMaterialDraggable(materialId, false);\n        },\n        onDrop(evt, to) {\n            evt.target.classList.remove('ytm-materials-wrapper-dragover');\n            const materialId = evt.dataTransfer.getData('materialId');\n            const from = this.materialIds.findIndex(id => id === materialId);\n            if (from !== to && from !== -1) {\n                this.moveItem(from, to);\n            }\n            this.dragging = false;\n            this.setMaterialDraggable(materialId, false);\n        },\n        moveItem(from, to) {\n            this.order.doc.transact(() => {\n                const materialId = this.order.get(from);\n                this.order.delete(from);\n                const newPos = from < to ? to - 1 : to;\n                this.order.insert(newPos, [materialId]);\n                this.materialIds = this.order.toArray();\n            }, 'orderChanger');\n        },\n        pushMaterialToOrder(materialId) {\n            this.order.doc.transact(() => {\n                this.order.push([materialId]);\n                this.materialIds = this.order.toArray();\n            }, 'orderChanger');\n        },\n        removeMaterialFromOrder(materialId) {\n            this.order.doc.transact(() => {\n                const idx = this.order.toArray().findIndex(id => id === materialId);\n                if (idx !== -1) {\n                    this.order.delete(idx);\n                }\n                this.materialIds = this.order.toArray();\n            }, 'orderChanger');\n        },\n        async fetchCRDTContent() {\n            await this.$store.dispatch('auth/autoLogin');\n            const resp = await axios.get(SERVICE_MATERIALS_URI + '/updates', {\n                params: {room: this.roomId},\n                headers: authHeader(),\n            });\n            const updates = resp.data.updates ? resp.data.updates : resp.data.out;\n            if (updates.length > 0) {\n                let tmp = new Y.Doc();\n                tmp.transact(() => {\n                    for (const update of updates) {\n                        Y.applyUpdate(tmp, toUint8Array(update.payload));\n                    }\n                });\n                const update = Y.encodeStateAsUpdate(tmp);\n                await this.$store.dispatch('auth/autoLogin');\n                const payload = {\n                    last_upd: updates[updates.length - 1].id,\n                    payload: fromUint8Array(update),\n                };\n                axios.put(SERVICE_MATERIALS_URI + '/updates', payload, {\n                    params: {room: this.roomId},\n                    headers: authHeader(),\n                });\n                Y.applyUpdate(this.ydoc, update);\n                tmp.destroy();\n            }\n            const deduplicateOrder = () => {\n                this.order.doc.transact(() => {\n                    const uniqueIds = new Set();\n                    const array = this.order.toArray();\n                    for (let i = array.length - 1; i >= 0; i--) {\n                        const materialId = array[i];\n                        if (uniqueIds.has(materialId)) {\n                            this.order.delete(i);\n                        } else {\n                            uniqueIds.add(materialId);\n                        }\n                    }\n                    this.materialIds = this.order.toArray();\n                }, 'orderChanger');\n            };\n            deduplicateOrder();\n            this.order.observe(() => {\n                deduplicateOrder();\n            });\n        },\n        async fetchMaterials() {\n            await this.$store.dispatch('auth/autoLogin');\n            const resp = await axios.get(SERVICE_MATERIALS_URI + '/materials', {\n                params: {materials_id: this.roomId},\n                headers: authHeader(),\n            });\n            const materials = resp.data.out.materials;\n            const drafts = resp.data.out.drafts;\n            for (const material of materials) {\n                if (material.type === 'ctext' || material.type === 'code') {\n                    this.cnt_collab++;\n                }\n                this.materialsMap[material.id] = material;\n            }\n            for (const [i, draft] of drafts.entries()) {\n                this.drafts.push({\n                    id: i,\n                    materialId: draft.id,\n                    type: draft.type,\n                    content: draft.material,\n                });\n            }\n        },\n        mergeIdsWithMaterialsMap() {\n            const uniqueIds = new Set();\n            const array = this.order.toArray();\n            for (const id of array) {\n                uniqueIds.add(id);\n            }\n            for (const [key, _] of Object.entries(this.materialsMap)) {\n                if (!uniqueIds.has(key)) {\n                    uniqueIds.add(key);\n                    this.pushMaterialToOrder(key);\n                }\n            }\n            this.materialIds = this.order.toArray();\n        },\n        onReady() {\n            this.cnt_ready++;\n            if (this.cnt_ready === this.cnt_collab && !this.$store.getters['crdt_ws/socketReady']) {\n                this.$store.dispatch('crdt_ws/initialize', {\n                    ydoc: this.ydoc,\n                    room_id: this.roomId,\n                });\n            }\n        },\n        onCellReady(cellId) {\n            const cell = this.$refs['m_' + cellId][0].$refs.board;\n            this.board.registerBoardCell(cell);\n        },\n        onNewSocketMessage(t, payload) {\n            if (t === 2003) {\n                this.materialsMap[payload.id] = payload;\n                this.pushMaterialToOrder(payload.id);\n                if (payload.type === 'board') {\n                    this.board.registerBoardCell(payload);\n                }\n            }\n            if (t === 2004) {\n                this.$refs['m_' + payload.id][0].updateMaterial(payload);\n            }\n            if (t === 2005) {\n                this.removeMaterialFromOrder(payload.material_id);\n                if (this.materialsMap.hasOwnProperty(payload.material_id)) {\n                    delete this.materialsMap[payload.material_id];\n                }\n            }\n        },\n        newCText() {\n            this.publishMaterial({id: -1, type: 'ctext'});\n        },\n        newCode() {\n            this.publishMaterial({id: -1, type: 'code'});\n        },\n        newBoardCell() {\n            this.publishMaterial({id: -1, type: 'board'});\n        },\n        publishMaterial(draft) {\n            publishMaterial(this.roomId, draft);\n        },\n        deleteMaterial(material_id) {\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                if (typeof this.$refs['m_' + material_id][0].deleteContent === 'function') {\n                    this.$refs['m_' + material_id][0].deleteContent();\n                }\n                axios.delete(\n                    SERVICE_MATERIALS_URI + '/materials',\n                    {\n                        headers: authHeader(),\n                        params: {\n                            materials_id: this.roomId,\n                            material_id: material_id,\n                        },\n                    },\n                );\n            });\n        },\n    },\n    mounted() {\n        Promise.all([this.fetchCRDTContent(), this.fetchMaterials()]).then(() => {\n            this.mergeIdsWithMaterialsMap();\n            this.loadingMaterials = false;\n            if (this.cnt_collab === 0 && !this.$store.getters['crdt_ws/socketReady']) {\n                this.$store.dispatch('crdt_ws/initialize', {\n                    ydoc: this.ydoc,\n                    room_id: this.roomId,\n                });\n            }\n            this.$store.dispatch('ws/registerMaterialsRoom', this).then(() => {\n                this.$store.dispatch('ws/refocusMaterialsRoom', {rId: this.roomId});\n            });\n            this.board = new BoardsManager(this.roomId, this.$store, this);\n            this.$store.dispatch('ws/registerBoard', this.board).then(() => {\n                this.$store.dispatch('ws/refocusBoard', {bId: this.roomId});\n            });\n        }).catch(err => {\n            console.error(err);\n        });\n    },\n    beforeUnmount() {\n        this.$store.dispatch('ws/refocusMaterialsRoom', {rId: ''});\n        this.$store.dispatch('ws/unregisterMaterialsRoom', this);\n        this.$store.dispatch('ws/refocusBoard', {bId: ''});\n        if (this.board) {\n            this.$store.dispatch('ws/unregisterBoard', this.board);\n        }\n        this.$store.dispatch('crdt_ws/destroy');\n        this.ydoc.destroy();\n    },\n};\n</script>\n\n<style scoped>\n.ytm-materials-wrapper {\n    display: flex;\n}\n.ytm-materials-wrapper-dragging > * {\n    pointer-events: none;\n}\n.ytm-materials-wrapper-dragover {\n    border-top: 3px solid #3FC4FF;\n}\n.ytm-material-menu {\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n}\n.ytm-materials-wrapper:hover .ytm-material-menu {\n    opacity: 1;\n}\n.ytm-no-pointer {\n    pointer-events: none;\n    opacity: 0.4;\n}\n</style>","<template>\n    <div class=\"ytm-material-wrapper\">\n        <p\n                v-if=\"material.material.description\"\n                style=\"margin-bottom: 0.5rem\"\n        >\n            {{material.material.description}}\n        </p>\n        <Gallery :images=\"material.material.images\"/>\n    </div>\n</template>\n\n<script>\nimport Gallery from \"@/components/common/Gallery/Gallery.vue\";\n\nexport default {\n    name: 'Images',\n    components: {Gallery},\n    props: {\n        material: {\n            type: Object,\n            required: true,\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-material-wrapper {\n    margin: 0 0 1rem;\n    padding: 0.75rem 1rem;\n    border-radius: 5px;\n    border: 1px solid #e9ecef;\n    transition: 0.1s all ease-in-out;\n}\n\n.ytm-material-wrapper:hover {\n    border-color: #68cef8;\n}\n</style>","import { render } from \"./Images.vue?vue&type=template&id=9dca9780&scoped=true\"\nimport script from \"./Images.vue?vue&type=script&lang=js\"\nexport * from \"./Images.vue?vue&type=script&lang=js\"\n\nimport \"./Images.vue?vue&type=style&index=0&id=9dca9780&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9dca9780\"]])\n\nexport default __exports__","<template>\n  <div style=\"position: relative\">\n    <i\n        contenteditable=\"false\"\n        data-drag-handle\n        class=\"fa-solid fa-ellipsis-vertical ytm-material-menu\"\n        style=\"cursor: pointer\"\n        tabindex=\"0\"\n        @click=\"toggleSettings\"\n        @blur=\"closeSettings\"\n    />\n    <div v-if=\"settingsOpened\" style=\"position: relative; height: 100%; font-weight: 400\">\n      <div style=\"position: absolute; left: 0; top: 0; z-index: 998; opacity: 1\">\n        <div class=\"ytm-tiptap-add-menu\">\n          <div class=\"ytm-default-text ytm-tiptap-add-menu-head\">\n            Настройки\n          </div>\n          <div\n              v-for=\"option in settings_options\"\n              :key=\"option.id\"\n              class=\"ytm-tiptap-add-menu-item\"\n              @mousedown=\"option.action\"\n          >\n            <div style=\"display: table-cell; vertical-align: middle; width: 2.3rem\">\n              <svg class=\"remix\" style=\"margin: 6px 0 0 0; height: 1.6rem; width: 1.5rem\">\n                <use :xlink:href=\"`${remixiconUrl}#ri-${option.icon}`\" />\n              </svg>\n            </div>\n            <div style=\"display: table-cell; vertical-align: middle\">\n              <p class=\"ytm-default-text\" style=\"font-size: 0.8rem; font-weight: 400\">\n                {{option.title}}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport remixiconUrl from 'remixicon/fonts/remixicon.symbol.svg';\n\nexport default {\n  name: 'SideMenu',\n  data() {\n    return {\n      remixiconUrl,\n      settingsOpened: false,\n      settings_options: [\n        {\n          id: 1,\n          title: 'Удалить',\n          action: () => { this.$emit('delMaterial'); },\n          icon: 'delete-bin-line',\n        },\n      ],\n    };\n  },\n  methods: {\n    toggleSettings() {\n      this.settingsOpened = true;\n      this.$emit('openMenu');\n    },\n    closeSettings() {\n      this.settingsOpened = false;\n      this.$emit('closeMenu');\n    },\n  },\n};\n</script>\n\n<style scoped>\n.ytm-material-menu {\n  padding-left: 4px;\n  padding-right: 6px;\n  margin-right: 6px;\n  cursor: pointer;\n  color: gray;\n}\n.ytm-tiptap-add-menu {\n  background: white;\n  border-radius: 4px;\n  box-shadow: 0 0 12px 0 #c0c0c0;\n  width: 270px;\n  max-height: 170px;\n  padding: 6px 0;\n  overflow: auto;\n}\n.ytm-tiptap-add-menu-head {\n  padding: 0 14px;\n  margin-top: 6px;\n  margin-bottom: 8px;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 120%;\n  user-select: none;\n  text-transform: uppercase;\n  color: dimgray;\n}\n.ytm-tiptap-add-menu-item {\n  width: calc(100% - 24px);\n  margin: 2px 12px;\n  padding: 0 7px;\n  display: table;\n  border-radius: 4px;\n  background-color: white;\n  cursor: pointer;\n}\n.ytm-tiptap-add-menu-item:hover {\n  background-color: #eaeaea;\n}\n</style>","import { render } from \"./SideMenu.vue?vue&type=template&id=7207b913&scoped=true\"\nimport script from \"./SideMenu.vue?vue&type=script&lang=js\"\nexport * from \"./SideMenu.vue?vue&type=script&lang=js\"\n\nimport \"./SideMenu.vue?vue&type=style&index=0&id=7207b913&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7207b913\"]])\n\nexport default __exports__","<template>\n  <div v-if=\"editor\" class=\"form__item editor\">\n    <EditorContent :editor=\"editor\"/>\n  </div>\n</template>\n\n<script>\nimport {Editor, EditorContent, VueNodeViewRenderer} from \"@tiptap/vue-3\";\nimport {Document} from \"@tiptap/extension-document\";\nimport {Text} from \"@tiptap/extension-text\";\nimport {Heading} from \"@tiptap/extension-heading\";\nimport {Paragraph} from \"@tiptap/extension-paragraph\";\nimport {Bold} from \"@tiptap/extension-bold\";\nimport {Italic} from \"@tiptap/extension-italic\";\nimport {Strike} from \"@tiptap/extension-strike\";\nimport {Code} from \"@tiptap/extension-code\";\nimport {HardBreak} from \"@tiptap/extension-hard-break\";\nimport {BulletList} from \"@tiptap/extension-bullet-list\";\nimport {OrderedList} from \"@tiptap/extension-ordered-list\";\nimport {ListItem} from \"@tiptap/extension-list-item\";\nimport {Link} from \"@tiptap/extension-link\";\nimport {Placeholder} from \"@tiptap/extension-placeholder\";\nimport MenuBar from \"@/components/MaterialsV2/CollabText/MenuBar\";\nimport {TaskList} from \"@tiptap/extension-task-list\";\nimport {TaskItem} from \"@tiptap/extension-task-item\";\nimport YTMFormula from \"@/components/MaterialsV2/CollabText/YTMFormula/YTMFormula\";\nimport CodeBlockLowlight from \"@tiptap/extension-code-block-lowlight\";\nimport CodeBlockComponent from \"@/components/MaterialsV2/StaticText/CodeBlockComponent\";\nimport {lowlight} from \"lowlight/lib/common\";\n\nexport default {\n  name: 'StaticText',\n  components: {MenuBar, EditorContent},\n  props: {\n    material: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      editor: null,\n    };\n  },\n  mounted() {\n    this.editor = new Editor({\n      content: this.material.material.text,\n      extensions: [\n        Document, Text, Heading, Paragraph,\n        Bold, Italic, Strike, Code,\n        HardBreak,\n        BulletList, OrderedList, ListItem, TaskList, TaskItem,\n        CodeBlockLowlight.extend({\n          addNodeView() {\n            return VueNodeViewRenderer(CodeBlockComponent);\n          },\n        }).configure({lowlight}),\n        Link, YTMFormula,\n        Placeholder.configure({\n          placeholder: ({ node }) => {\n            switch (node.type.name) {\n              case 'paragraph':\n                return 'Здесь вы можете набирать текст!';\n              case 'heading':\n                return 'Заголовок';\n              default:\n                return '';\n            }\n          },\n        }),\n      ],\n      editable: false,\n    });\n  },\n  beforeUnmount() {\n    this.editor.destroy();\n  },\n};\n</script>\n\n<style>\n.editor {\n  color: #0d0d0d;\n  background-color: #fff;\n}\n.editor a {\n  color: #007bff;\n}\n.ytm-tiptap-node-wrapper {}\n.ytm-tiptap-control-panel {\n  opacity: 0;\n}\n.ytm-tiptap-node-wrapper:hover .ytm-tiptap-control-panel {\n  opacity: 1;\n  transition: opacity .25s ease-in;\n}\n.editor__content {\n  flex: 1 1 auto;\n  overflow-x: scroll;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n.editor__name button {\n  background: none;\n  border: none;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  color: #0d0d0d;\n  border-radius: 0.4rem;\n  padding: 0.25rem 0.5rem;\n}\n.editor__name button:hover {\n  color: #fff;\n  background-color: #0d0d0d;\n}\n/* Basic editor styles */\n.ProseMirror > * + * {\n  margin-top: 0;\n}\n.ProseMirror p.is-editor-empty:first-child::before {\n  content: attr(data-placeholder);\n  float: left;\n  color: #adb5bd;\n  pointer-events: none;\n  height: 0;\n}\n.ProseMirror p.is-empty::before {\n  position: absolute;\n  content: attr(data-placeholder);\n  float: left;\n  color: #adb5bd;\n  pointer-events: none;\n  height: 0;\n}\n.ProseMirror h1.is-empty::before, h2.is-empty::before, h3.is-empty::before {\n  position: absolute;\n  content: attr(data-placeholder);\n  float: left;\n  color: #adb5bd;\n  pointer-events: none;\n  height: 0;\n}\n.ProseMirror ul, .ProseMirror ol {\n  padding: 0.2rem 1rem;\n}\n.ProseMirror code {\n  background-color: rgba(97, 97, 97, 0.1);\n  color: #616161;\n}\n.ProseMirror pre {\n  background: #0d0d0d;\n  color: #fff;\n  font-family: 'JetBrainsMono', monospace;\n  padding: 0.75rem 1rem;\n  border-radius: 0.5rem;\n}\n.ProseMirror pre code {\n  color: inherit;\n  padding: 0;\n  background: none;\n  font-size: 0.8rem;\n}\n.ProseMirror pre .hljs-comment, .ProseMirror pre .hljs-quote {\n  color: #616161;\n}\n.ProseMirror pre .hljs-variable, .ProseMirror pre .hljs-template-variable, .ProseMirror pre .hljs-attribute, .ProseMirror pre .hljs-tag, .ProseMirror pre .hljs-name, .ProseMirror pre .hljs-regexp, .ProseMirror pre .hljs-link, .ProseMirror pre .hljs-name, .ProseMirror pre .hljs-selector-id, .ProseMirror pre .hljs-selector-class {\n  color: #f98181;\n}\n.ProseMirror pre .hljs-number, .ProseMirror pre .hljs-meta, .ProseMirror pre .hljs-built_in, .ProseMirror pre .hljs-builtin-name, .ProseMirror pre .hljs-literal, .ProseMirror pre .hljs-type, .ProseMirror pre .hljs-params {\n  color: #fbbc88;\n}\n.ProseMirror pre .hljs-string, .ProseMirror pre .hljs-symbol, .ProseMirror pre .hljs-bullet {\n  color: #b9f18d;\n}\n.ProseMirror pre .hljs-title, .ProseMirror pre .hljs-section {\n  color: #faf594;\n}\n.ProseMirror pre .hljs-keyword, .ProseMirror pre .hljs-selector-tag {\n  color: #70cff8;\n}\n.ProseMirror pre .hljs-emphasis {\n  font-style: italic;\n}\n.ProseMirror pre .hljs-strong {\n  font-weight: 700;\n}\n.ProseMirror mark {\n  background-color: #faf594;\n}\n.ProseMirror img {\n  max-width: 100%;\n  height: auto;\n}\n.ProseMirror hr {\n  margin: 1rem 0;\n}\n.ProseMirror blockquote {\n  padding-left: 1rem;\n  border-left: 2px solid rgba(13, 13, 13, 0.1);\n}\n.ProseMirror hr {\n  border: none;\n  border-top: 2px solid rgba(13, 13, 13, 0.1);\n  margin: 2rem 0;\n}\n.ProseMirror ul[data-type=\"taskList\"] {\n  list-style: none;\n  padding: 0;\n}\n.ProseMirror ul[data-type=\"taskList\"] li {\n  display: flex;\n  align-items: center;\n}\n.ProseMirror ul[data-type=\"taskList\"] li > label {\n  flex: 0 0 auto;\n  margin-right: 0.5rem;\n  user-select: none;\n}\n.ProseMirror ul[data-type=\"taskList\"] li > div {\n  flex: 1 1 auto;\n}\n.form__item {\n  margin: 0 0 1rem;\n  padding: 0.75rem 1rem;\n  border-radius: 5px;\n  border: 1px solid #e9ecef;\n  transition: 0.1s all ease-in-out;\n}\n.form__item:hover {\n  border-color: #68cef8;\n}\n</style>","<template>\n  <node-view-wrapper class=\"code-block\">\n    <select contenteditable=\"false\" v-model=\"selectedLanguage\">\n      <option :value=\"null\">\n        auto\n      </option>\n      <option disabled>\n        —\n      </option>\n      <option v-for=\"(language, index) in languages\" :value=\"language\" :key=\"index\">\n        {{ language }}\n      </option>\n    </select>\n    <pre><code><node-view-content/></code></pre>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { NodeViewWrapper, NodeViewContent, nodeViewProps } from '@tiptap/vue-3';\n\nexport default {\n  name: 'CodeBlockComponent',\n  components: {\n    NodeViewWrapper,\n    NodeViewContent,\n  },\n  props: nodeViewProps,\n  data() {\n    return {\n      languages: this.extension.options.lowlight.listLanguages(),\n    };\n  },\n  computed: {\n    selectedLanguage: {\n      get() {\n        return this.node.attrs.language;\n      },\n      set(language) {\n        this.updateAttributes({language});\n      },\n    },\n  },\n};\n</script>\n\n<style scoped>\n.code-block {\n  position: relative;\n}\n\n.code-block select {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n</style>","import { render } from \"./CodeBlockComponent.vue?vue&type=template&id=b9d77130&scoped=true\"\nimport script from \"./CodeBlockComponent.vue?vue&type=script&lang=js\"\nexport * from \"./CodeBlockComponent.vue?vue&type=script&lang=js\"\n\nimport \"./CodeBlockComponent.vue?vue&type=style&index=0&id=b9d77130&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b9d77130\"]])\n\nexport default __exports__","import { render } from \"./StaticText.vue?vue&type=template&id=3f9524ca\"\nimport script from \"./StaticText.vue?vue&type=script&lang=js\"\nexport * from \"./StaticText.vue?vue&type=script&lang=js\"\n\nimport \"./StaticText.vue?vue&type=style&index=0&id=3f9524ca&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div>\n        <div class=\"ytm-circle-button\" v-show=\"showCircleButton && !draftsShown\" @click=\"showDrafts\" style=\"display: flex\">\n            <svg viewBox=\"0 0 34 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-drafts-icon\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 2C0 0.895431 0.895431 0 2 0H21C22.1046 0 23 0.895431 23 2V6.40429L12.177 28H2C0.89543 28 0 27.1046 0 26V2ZM28.3925 2.63282C28.8488 1.73104 29.9498 1.3699 30.8516 1.8262L32.4844 2.65241C33.3862 3.10871 33.7473 4.20965 33.291 5.11143L24.2028 23.0724C23.7465 23.9742 22.6455 24.3353 21.7437 23.879L20.1109 23.0528C19.2091 22.5965 18.848 21.4956 19.3043 20.5938L28.3925 2.63282ZM17.9484 27.5986C17.9872 28.3019 18.7728 28.6994 19.3624 28.3142L22.0158 26.5805C22.6054 26.1952 22.5569 25.3161 21.9284 24.9981L19.1003 23.5671C18.4718 23.249 17.7348 23.7306 17.7736 24.4339L17.9484 27.5986Z\" fill=\"white\"/>\n            </svg>\n            <div class=\"ytm-drafts-button-text-wrapper\">\n                <div class=\"ytm-default-text ytm-drafts-button-text\">\n                    К черновикам\n                </div>\n            </div>\n        </div>\n        <ExpandCollapseTransition :heightPx=\"draftsHeight\">\n            <div v-show=\"draftsShown\" class=\"ytm-drafts-wrapper\" ref=\"draftsWrapper\">\n                <div class=\"ytm-drafts-resizer-wrapper\">\n                    <div\n                        ref=\"resizer\"\n                        class=\"ytm-drafts-resizer\"\n                        @touchstart=\"onTouchStart\"\n                        @touchmove=\"onTouchMove\"\n                        @touchend=\"onTouchEnd\"\n                        @mousedown.prevent=\"startResizingDrafts\"\n                        @mousemove.prevent=\"onResizingDrafts\"\n                        @mouseup=\"stopResizingDrafts\"\n                        @mouseleave=\"stopResizingDrafts\"\n                    >\n                        <div class=\"ytm-drafts-resizer-icon\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" style=\"height: 1.25rem; width: 1.25rem\">\n                                <path fill=\"none\" d=\"M0 0h24v24H0z\"/>\n                                <path d=\"M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm14 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/>\n                            </svg>\n                        </div>\n                    </div>\n                </div>\n                <svg viewBox=\"0 0 33 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ytm-drafts-x\" @click=\"hideDrafts\">\n                    <circle cx=\"16.5\" cy=\"16.5\" r=\"16.5\" fill=\"#DDDDDD\"/>\n                    <path d=\"M11 11.0991L22.6636 21.6026\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n                    <path d=\"M22.0811 10.5175L11.5811 22.1842\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n                </svg>\n                <div class=\"ytm-container\" style=\"margin-bottom: 15rem\">\n                    <div style=\"width: 100%; text-align: center; margin-top: 1.25rem; margin-bottom: 2rem\">\n                        <p class=\"ytm-default-text\" style=\"font-size: 1.5rem; font-weight: 600\">\n                            Черновики\n                        </p>\n                    </div>\n                    <div v-if=\"drafts.length === 0\" style=\"width: 100%; padding: 0 20%; text-align: center\">\n                        <p class=\"ytm-default-text\" style=\"font-size: 1.25rem; font-weight: 400; margin-top: 2rem; margin-bottom: 1.5rem\">\n                            Пока нет черновиков\n                        </p>\n                    </div>\n                    <div v-for=\"draft in drafts\" :key=\"draft.id\">\n                        <div class=\"ytm-materials-wrapper\">\n                            <div :class=\"{'ytm-material-menu': openedMenu !== draft.id}\">\n                                <SideMenu\n                                    @openMenu=\"openedMenu = draft.id\"\n                                    @closeMenu=\"closeMenu(draft.id)\"\n                                    @delMaterial=\"deleteDraft(draft)\"\n                                />\n                            </div>\n                            <div style=\"flex: 1; width: 100%; max-width: 100%\">\n                                <ImagesDraft\n                                    v-if=\"draft.type === 'images'\"\n                                    :draft=\"draft\"\n                                    :ableToPublish=\"ableToPublish\"\n                                    @publish=\"publishMaterial(draft)\"\n                                />\n                                <TestDraft\n                                    v-if=\"draft.type === 'test'\"\n                                    :draft=\"draft.content\"\n                                    :ableToPublish=\"ableToPublish\"\n                                    :ref=\"'draft_' + draft.id\"\n                                    @publish=\"publishMaterial(draft)\"\n                                    @save_draft=\"saveDraft(draft)\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                    <DropdownWithTypes :options=\"optionsForDropdown\" style=\"margin-bottom: 2rem\"/>\n                </div>\n            </div>\n        </ExpandCollapseTransition>\n    </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport \"@/components/CoursePageV2/skeletons.css\";\nimport {inject} from \"vue\";\nimport SideMenu from \"@/components/MaterialsV2/SideMenu\";\nimport ImagesDraft from \"@/components/MaterialsV2/Images/ImagesDraft\";\nimport TestDraft from \"@/components/MaterialsV2/Test/TestDraft\";\nimport DropdownWithTypes from \"@/components/MaterialsV2/DropdownWithTypes\";\nimport publishMaterial from \"@/components/MaterialsV2/publish_material\";\nimport ExpandCollapseTransition from \"@/components/redesign/Transitions/ExpandCollapseTransition.vue\";\nimport axios from \"axios\";\nimport {SERVICE_MATERIALS_URI} from \"@/util/api-host\";\nimport {authHeader} from \"@/util/auth-header\";\n\nexport default {\n    name: 'Drafts',\n    components: {ExpandCollapseTransition, DropdownWithTypes, SideMenu, ImagesDraft, TestDraft},\n    props: {\n        roomId: {\n            type: String,\n            required: true,\n        },\n        typesConfig: {\n            type: Object,\n            required: true,\n        },\n        ableToPublish: {\n            type: Boolean,\n            default: false,\n        },\n        showCircleButton: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    setup() {\n        const areMaterialsActive = inject('areMaterialsActive');\n        const drafts = inject('drafts');\n        return {areMaterialsActive, drafts};\n    },\n    computed: {\n        nextDraftId() {\n            return this.drafts.reduce((max, draft) => Math.max(max, draft.id), 0) + 1;\n        },\n        optionsForDropdown() {\n            const allTypes = [\n                { slug: 'images', action: this.newImagesMaterialDraft },\n                { slug: 'test', action: this.newTestDraft },\n            ];\n            const filteredTypes = [];\n            allTypes.forEach(type => {\n                if (this.typesConfig.hasOwnProperty(type.slug)) {\n                    type.name = this.typesConfig[type.slug].name;\n                    filteredTypes.push(type);\n                }\n            });\n            return filteredTypes;\n        },\n    },\n    data() {\n        return {\n            draftsHeight: 0,\n            draftsShown: false,\n            openedMenu: null,\n            resizing: false,\n            prevTouchY: null,\n        };\n    },\n    methods: {\n        showDrafts() { this.draftsShown = true },\n        hideDrafts() { this.draftsShown = false },\n        closeMenu(materialId) {\n            if (this.openedMenu === materialId) {\n                this.openedMenu = null;\n            }\n        },\n        onTouchStart(evt) {\n            if (evt.cancelable) {\n                evt.preventDefault();\n            }\n            this.resizing = true;\n            this.prevTouchY = evt.targetTouches[0].pageY;\n        },\n        onTouchMove(evt) {\n            if (this.resizing && this.prevTouchY) {\n                const curTouchY = evt.targetTouches[0].pageY;\n                if (curTouchY !== this.prevTouchY) {\n                    this.draftsHeight = Math.max(this.$refs.draftsWrapper.clientHeight - curTouchY + this.prevTouchY, 80);\n                    this.$refs.draftsWrapper.style.height = `${this.draftsHeight}px`;\n                    this.prevTouchY = curTouchY;\n                }\n            }\n        },\n        onTouchEnd() {\n            this.resizing = false;\n        },\n        startResizingDrafts() {\n            this.$refs.resizer.style.height = '10rem';\n            this.$refs.resizer.style.bottom = '-4.375rem';\n            this.$refs.resizer.style.cursor = 'grabbing';\n            this.resizing = true;\n        },\n        onResizingDrafts(evt) {\n            if (this.resizing && evt.movementY !== 0) {\n                this.draftsHeight = Math.max(this.$refs.draftsWrapper.clientHeight - evt.movementY, 120);\n                this.$refs.draftsWrapper.style.height = `${this.draftsHeight}px`;\n            }\n        },\n        stopResizingDrafts() {\n            if (this.resizing) {\n                this.$refs.resizer.style.height = '1.25rem';\n                this.$refs.resizer.style.bottom = '0';\n                this.$refs.resizer.style.cursor = 'grab';\n                this.resizing = false;\n            }\n        },\n        newImagesMaterialDraft() {\n            this.drafts.push({\n                id: this.nextDraftId,\n                materialId: null,\n                type: 'images',\n                description: '',\n                files: [],\n            });\n        },\n        newTestDraft() {\n            this.drafts.push({\n                id: this.nextDraftId,\n                materialId: null,\n                type: 'test',\n                content: null,\n            });\n        },\n        publishMaterial(draft) {\n            if (draft.type === 'test') {\n                const editor = this.$refs['draft_' + draft.id][0].$refs.editor;\n                if (editor.validate()) {\n                    draft.content = editor.getTestData();\n                    this.saveDraft(draft, true);\n                }\n                return;\n            }\n            publishMaterial(this.roomId, draft).then(() => this.deleteDraft(draft));\n        },\n        saveDraft(draft, publishing = false) {\n            this.$store.dispatch('auth/autoLogin').then(() => {\n                const payload = {\n                    publishing: publishing,\n                };\n                if (draft.materialId !== null) {\n                    payload.id = draft.materialId;\n                }\n                if (draft.type === 'test') {\n                    const editor = this.$refs['draft_' + draft.id][0].$refs.editor;\n                    payload.test = editor.getTestData();\n                }\n                axios.post(\n                    SERVICE_MATERIALS_URI + '/drafts/save',\n                    payload,\n                    {\n                        headers: authHeader(),\n                        params: {\n                            materials_id: this.roomId,\n                        },\n                    },\n                ).then(resp => {\n                    if (!publishing) {\n                        this.drafts.forEach((value, idx) => {\n                            if (value.id === draft.id) {\n                                this.drafts[idx].materialId = resp.data.out.id;\n                                this.drafts[idx].content = resp.data.out.material;\n                            }\n                        });\n                    } else {\n                        this.drafts = this.drafts.filter(value => value.id !== draft.id);\n                    }\n                });\n            });\n        },\n        deleteDraft(draft) {\n            if (draft.materialId) {\n                this.$store.dispatch('auth/autoLogin').then(() => {\n                    axios.delete(\n                        SERVICE_MATERIALS_URI + '/materials',\n                        {\n                            headers: authHeader(),\n                            params: {\n                                materials_id: this.roomId,\n                                material_id: draft.materialId,\n                            },\n                        },\n                    );\n                });\n            }\n            this.drafts = this.drafts.filter(value => { return value.id !== draft.id });\n        },\n    },\n    mounted() {\n        this.draftsHeight = Math.round(window.innerHeight * 0.47);\n        this.$refs.draftsWrapper.style.height = `${this.draftsHeight}px`;\n    },\n};\n</script>\n\n<style scoped>\n.ytm-circle-button {\n    position: fixed;\n    right: 2rem;\n    bottom: 2rem;\n    display: block;\n    height: 3rem;\n    min-width: 3rem;\n    max-width: 3rem;\n    overflow: hidden;\n    background-color: #000000;\n    border: none;\n    border-radius: 1.5rem;\n    cursor: pointer;\n    transition: max-width 0.5s ease;\n}\n\n.ytm-circle-button:hover {\n    max-width: 20rem;\n    transition: all 0.5s ease;\n}\n\n.ytm-drafts-icon {\n    position: relative;\n    top: 0.75rem;\n    left: 0.75rem;\n    height: 1.6rem;\n    min-height: 1.6rem;\n    width: 1.6rem;\n    min-width: 1.6rem;\n}\n\n.ytm-drafts-button-text-wrapper {\n    display: table;\n    margin-left: 1.3rem;\n    margin-right: 0.8rem;\n}\n\n.ytm-drafts-button-text {\n    color: #FFFFFF;\n    font-weight: 600;\n    display: table-cell;\n    vertical-align: middle;\n    user-select: none;\n    white-space: nowrap;\n}\n\n.ytm-drafts-wrapper {\n    position: fixed;\n    max-height: 100vh;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: #FFFFFF;\n    box-shadow: 10px 4px 100px 20px rgba(0, 0, 0, 0.25);\n    overflow: scroll;\n    z-index: 999;\n}\n\n.ytm-drafts-x {\n    position: fixed;\n    margin-top: 0.9rem;\n    margin-left: calc(100% - 2.4rem);\n    width: 1.5rem;\n    height: 1.5rem;\n    z-index: 999;\n    cursor: pointer;\n}\n\n.ytm-materials-wrapper {\n    display: flex;\n}\n\n.ytm-material-menu {\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n}\n\n.ytm-materials-wrapper:hover .ytm-material-menu {\n    opacity: 1;\n}\n\n.ytm-drafts-resizer-wrapper {\n    position: fixed;\n    display: flex;\n    justify-content: center;\n    margin-top: 0.5rem;\n    z-index: 100;\n    width: 100%;\n}\n.ytm-drafts-resizer {\n    position: absolute;\n    bottom: 0;\n    display: flex;\n    flex-flow: column;\n    justify-content: center;\n    cursor: grab;\n}\n.ytm-drafts-resizer-icon {\n    height: 1.25rem;\n    background-color: #FFFFFF;\n    padding: 0 1rem;\n    border-radius: 0.5rem;\n    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 25%);\n}\n</style>","<template>\n    <div class=\"ytm-material-wrapper\" style=\"padding-top: 1.5rem\">\n        <div\n                class=\"ytm-images-load-field\"\n                @drop=\"onFilesDropped(draft, $event)\"\n                @dragover.prevent\n                @drop.prevent\n                style=\"display: table; margin-bottom: 0.5rem\"\n        >\n            <p class=\"ytm-default-text\" style=\"font-weight: 400; color: #9E9E9E; display: table-cell; vertical-align: middle\">\n                Перетащите сюда файл или кликните, чтобы открыть проводник\n            </p>\n            <input\n                    class=\"ytm-file-input\"\n                    type=\"file\" multiple=\"multiple\"\n                    accept=\"image/png,image/x-png,image/gif,image/jpeg\"\n                    @change=\"onFilesSelected(draft, $event)\"\n            />\n        </div>\n        <div style=\"margin-top: 0.5rem\">\n            <p class=\"ytm-default-text\" v-for=\"file in draft.files\">\n                {{file.name}}\n            </p>\n        </div>\n        <Input\n                v-model=\"draft.description\"\n                placeholder=\"Здесь можно добавить описание\"\n                style=\"margin-top: 1rem\"\n        />\n        <div v-if=\"ableToPublish\" style=\"display: flex; margin-top: 1rem\">\n            <div\n                    class=\"ytm-black-button ytm-default-text\"\n                    style=\"background: #07A8F0; color: #FFFFFF; font-weight: 600\"\n                    @click=\"$emit('publish')\"\n            >\n                Опубликовать\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\nimport Input from \"@/components/redesign/Form/Input\";\n\nexport default {\n    name: 'ImagesDraft',\n    components: {Input},\n    props: {\n        draft: {\n            type: Object,\n            required: true,\n        },\n        ableToPublish: {\n            type: Boolean,\n            default: false,\n        },\n    },\n    methods: {\n        onFilesSelected(draft, event) {\n            for (let i = 0; i < event.target.files.length; i++) {\n                if (draft.files.length < 10) {\n                    draft.files.push(event.target.files[i]);\n                }\n            }\n        },\n        onFilesDropped(draft, event) {\n            for (let i = 0; i < event.dataTransfer.files.length; i++) {\n                if (draft.files.length < 10) {\n                    draft.files.push(event.dataTransfer.files[i]);\n                }\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\n.ytm-material-wrapper {\n    margin: 0 0 1rem;\n    padding: 0.75rem 1rem;\n    border-radius: 5px;\n    border: 1px solid #e9ecef;\n    transition: 0.1s all ease-in-out;\n}\n\n.ytm-images-load-field {\n    position: relative;\n    border: 1px dashed #9E9E9E;\n    border-radius: 0.8rem;\n    width: 100%;\n    min-height: 5rem;\n    background: rgba(238, 238, 238, 0.5);\n    text-align: center;\n    cursor: pointer;\n}\n\n.ytm-file-input {\n    opacity: 0.0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height:100%;\n    cursor: pointer;\n}\n\n.ytm-material-wrapper:hover {\n    border-color: #68cef8;\n}\n</style>","import { render } from \"./ImagesDraft.vue?vue&type=template&id=3e217249&scoped=true\"\nimport script from \"./ImagesDraft.vue?vue&type=script&lang=js\"\nexport * from \"./ImagesDraft.vue?vue&type=script&lang=js\"\n\nimport \"./ImagesDraft.vue?vue&type=style&index=0&id=3e217249&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3e217249\"]])\n\nexport default __exports__","<template>\n  <div style=\"position: relative\">\n    <div style=\"width: 100%; display: flex; justify-content: center\">\n      <svg viewBox=\"0 0 62 62\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n           class=\"ytm-materials-plus-button\" tabindex=\"0\"\n           @focus=\"showDropdown = true\" @blur=\"showDropdown = false\"\n      >\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M36 4.5C36 2.01472 33.9853 0 31.5 0C29.0147 0 27 2.01472 27 4.5V26H4.5C2.01472 26 0 28.0147 0 30.5C0 32.9853 2.01472 35 4.5 35H27V57.5C27 59.9853 29.0147 62 31.5 62C33.9853 62 36 59.9853 36 57.5V35H57.5C59.9853 35 62 32.9853 62 30.5C62 28.0147 59.9853 26 57.5 26H36V4.5Z\" fill=\"#07A8F0\"/>\n      </svg>\n    </div>\n    <div v-if=\"showDropdown\" class=\"ytm-materials-dropdown\" tabindex=\"-1\">\n      <div v-for=\"(option, idx) in options\" :key=\"option.name\">\n        <div class=\"ytm-materials-dropdown-option\" @mousedown=\"option.action\">\n          <div style=\"flex-grow: 1; margin-right: 1rem; display: table\">\n            <p class=\"ytm-default-text ytm-materials-dropdown-text\" style=\"display: table-cell; vertical-align: middle\">\n              {{option.name}}\n            </p>\n          </div>\n          <div style=\"display: table\">\n            <div style=\"display: table-cell; vertical-align: middle\">\n              <svg viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"height: 0.9rem\">\n                <path d=\"M1 1L8 8L1 15\" stroke=\"#00171F\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n            </div>\n          </div>\n        </div>\n        <hr v-if=\"idx + 1 !== options.length\" style=\"margin: 0\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/styles/style.css\";\n\nexport default {\n  name: 'DropdownWithTypes',\n  props: {\n    options: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      showDropdown: false,\n    };\n  },\n};\n</script>\n\n<style scoped>\n.ytm-materials-plus-button {\n  width: 1.75rem;\n  height: 1.75rem;\n  cursor: pointer;\n  outline: none;\n  transition: 0.2s ease-in-out;\n}\n\n.ytm-materials-plus-button:hover {\n  transform: scale(1.05);\n}\n\n.ytm-materials-dropdown {\n  z-index: 99;\n  position: absolute;\n  margin-top: 0.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 0.5rem 0.5rem;\n  border-radius: 1rem;\n  background-color: #FFFFFF;\n  box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.25);\n}\n\n.ytm-materials-dropdown-option {\n  display: flex;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.5rem 0;\n  transition: ease-in-out 0.2s;\n}\n\n.ytm-materials-dropdown-option:hover {\n  transform: scale(1.03);\n}\n\n.ytm-materials-dropdown-text {\n  font-weight: 400;\n  font-size: 1rem;\n  white-space: nowrap;\n  user-select: none;\n  -webkit-user-select: none;\n}\n</style>","import { render } from \"./DropdownWithTypes.vue?vue&type=template&id=7ecab4d1&scoped=true\"\nimport script from \"./DropdownWithTypes.vue?vue&type=script&lang=js\"\nexport * from \"./DropdownWithTypes.vue?vue&type=script&lang=js\"\n\nimport \"./DropdownWithTypes.vue?vue&type=style&index=0&id=7ecab4d1&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7ecab4d1\"]])\n\nexport default __exports__","import { render } from \"./Drafts.vue?vue&type=template&id=6a8ceb35&scoped=true\"\nimport script from \"./Drafts.vue?vue&type=script&lang=js\"\nexport * from \"./Drafts.vue?vue&type=script&lang=js\"\n\nimport \"./Drafts.vue?vue&type=style&index=0&id=6a8ceb35&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6a8ceb35\"]])\n\nexport default __exports__","import { render } from \"./Materials.vue?vue&type=template&id=394219e2&scoped=true\"\nimport script from \"./Materials.vue?vue&type=script&lang=js\"\nexport * from \"./Materials.vue?vue&type=script&lang=js\"\n\nimport \"./Materials.vue?vue&type=style&index=0&id=394219e2&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-394219e2\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Images.vue?vue&type=style&index=0&id=9dca9780&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ImagesDraft.vue?vue&type=style&index=0&id=3e217249&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MaterialsSkeletons.vue?vue&type=style&index=0&id=6dd04ce2&scoped=true&lang=css\""],"sourceRoot":""}