Добавляем все файлы

main_plugin/dgrm/shapes/modal-create.js

@@ -0,0 +1,27 @@
+/** @type {HTMLDivElement} */
+let editModalDiv;
+
+/** @param {number} bottomX, @param {number} bottomY, @param {HTMLElement} elem */
+export function modalCreate(bottomX, bottomY, elem) {
+    editModalDiv = document.createElement('div');
+    editModalDiv.style.cssText = 'position: fixed; box-shadow: 0px 0px 58px 2px rgb(34 60 80 / 20%); border-radius: 16px; background-color: rgba(255,255,255, .9);';
+    editModalDiv.append(elem);
+    document.body.append(editModalDiv);
+
+    function position(btmX, btmY) {
+        editModalDiv.style.left = `${btmX}px`;
+        editModalDiv.style.top = `${btmY - 35}px`;
+    }
+
+    position(bottomX, bottomY);
+
+    return {
+        position,
+        del: () => { editModalDiv.remove(); editModalDiv = null; }
+    };
+}
+
+/** @param {number} dif */
+export function modalChangeTop(dif) {
+    editModalDiv.style.top = `${editModalDiv.getBoundingClientRect().top - 90}px`;
+}