canvas-editor-engine 1.2.1 → 1.2.2

package/dist/web-component.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebComponentWrapper = void 0;
-const canvas_component_1 = require("./components/canvas.component");
-const excretions_component_1 = require("./components/excretions.component");
-const loading_component_1 = require("./components/loading.component");
-const pipette_component_1 = require("./components/pipette.component");
-const slot_component_1 = require("./components/slot.component");
-const event_service_1 = require("./services/event.service");
-class WebComponentWrapper {
-    baseElement;
-    editorWrapElement;
-    stylesWrapElement;
-    toolsWrapElement;
-    constructor() {
-        const base = document.createElement('div');
-        base.className = 'wc-editor';
-        base.style.position = 'relative';
-        base.style.display = 'flex';
-        base.style.overflow = 'hidden';
-        const stylesWrap = document.createElement('div');
-        stylesWrap.className = 'styles-wrap';
-        const editorWrap = document.createElement('div');
-        editorWrap.className = 'editor-wrap';
-        editorWrap.style.position = 'relative';
-        editorWrap.style.display = 'flex';
-        editorWrap.style.overflow = 'hidden';
-        const toolsWrap = document.createElement('div');
-        toolsWrap.className = 'tools-wrap';
-        toolsWrap.style.position = 'relative';
-        toolsWrap.style.display = 'flex';
-        base.appendChild(stylesWrap);
-        base.appendChild(editorWrap);
-        base.appendChild(toolsWrap);
-        this.baseElement = base;
-        this.stylesWrapElement = stylesWrap;
-        this.editorWrapElement = editorWrap;
-        this.toolsWrapElement = toolsWrap;
-        this._baseStyle();
-    }
-    get base() {
-        return this._methods(this.baseElement);
-    }
-    ;
-    get editorWrap() {
-        return this._methods(this.editorWrapElement);
-    }
-    ;
-    get stylesWrap() {
-        return this._methods(this.stylesWrapElement);
-    }
-    ;
-    get toolsWrap() {
-        return this._methods(this.toolsWrapElement);
-    }
-    ;
-    _methods(elementWrapper) {
-        return {
-            add: (component, style) => this._add(elementWrapper, component, style),
-        };
-    }
-    _add(elementWrapper, component, style) {
-        const componentElement = elementWrapper.appendChild(component);
-        if (!!style) {
-            this.stylesWrapElement.appendChild(style);
-        }
-        return componentElement;
-    }
-    _baseStyle() {
-        const style = document.createElement('style');
-        style.innerHTML = `
-      * {
-        user-select: none;
-      }
-    `;
-        this.stylesWrapElement.appendChild(style);
-    }
-}
-exports.WebComponentWrapper = WebComponentWrapper;
-class WebComponent extends HTMLElement {
-    constructor() {
-        super();
-        const shadowRoot = this.attachShadow({ mode: "open" });
-        const webComponentWrapper = new WebComponentWrapper();
-        const { canvasTemplate, canvasStyle } = canvas_component_1.default.getComponent();
-        const canvasElement = webComponentWrapper.editorWrap.add(canvasTemplate, canvasStyle);
-        const { pipetteTemplate, pipetteStyle } = pipette_component_1.default.getComponent();
-        webComponentWrapper.editorWrap.add(pipetteTemplate, pipetteStyle);
-        const { slotTemplate, slotStyle } = slot_component_1.default.getComponent('tools');
-        webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
-        const { excretionsTemplate, excretionsStyle } = excretions_component_1.default.getComponent();
-        webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
-        const { loadingTemplate, loadingStyle } = loading_component_1.default.getComponent();
-        webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
-        shadowRoot.appendChild(webComponentWrapper.baseElement);
-        canvas_component_1.default.simulateSubscriptions();
-        event_service_1.default.applyEvents(webComponentWrapper.baseElement);
-        this.addEventListener('initial', () => {
-            this.dispatchEvent(new CustomEvent('get-editor-element', {
-                detail: {
-                    editorElement: canvasElement,
-                    canvasSelector: canvas_component_1.default.getCanvasSelector(),
-                }
-            }));
-        });
-    }
-}
-exports.default = WebComponent;