canvas-editor-engine 1.1.48 → 1.2.2

package/dist/config.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigFabric = exports.ConfigStore = void 0;
-;
-class ConfigStore {
-    static _WEB_COMPONENT_TAG_NAME;
-    static _CANVAS_SIZE;
-    static _LAYERS;
-}
-exports.ConfigStore = ConfigStore;
-class ConfigFabric {
-    static _WEB_COMPONENT_TAG_NAME;
-    static _CANVAS_SIZE;
-    static _LAYERS;
-}
-exports.ConfigFabric = ConfigFabric;
-class AppConfig extends ConfigFabric {
-    static {
-        AppConfig._CANVAS_SIZE = {
-            width: 300,
-            height: 150,
-        };
-        AppConfig._WEB_COMPONENT_TAG_NAME = 'canvas-editor-engine';
-        AppConfig._LAYERS = [
-            {
-                name: 'low',
-                index: 1,
-            },
-            {
-                name: 'normal',
-                index: 2,
-            },
-            {
-                name: 'high',
-                index: 3,
-            }
-        ];
-    }
-    static get WEB_COMPONENT_TAG_NAME() {
-        return AppConfig._WEB_COMPONENT_TAG_NAME;
-    }
-    static set WEB_COMPONENT_TAG_NAME(value) {
-        if (!!value && typeof value === 'string') {
-            AppConfig._WEB_COMPONENT_TAG_NAME = value;
-        }
-    }
-    static get CANVAS_SIZE() {
-        return AppConfig._CANVAS_SIZE;
-    }
-    static set CANVAS_SIZE(value) {
-        if (!!value && !!value?.width && !!value?.height) {
-            AppConfig._CANVAS_SIZE = value;
-        }
-        else {
-            console.warn('CANVAS_SIZE denied');
-        }
-    }
-    static get LAYERS() {
-        return AppConfig._LAYERS;
-    }
-    static set LAYERS(value) {
-        if (!!value && !!value?.length) {
-            AppConfig._LAYERS = value;
-        }
-    }
-}
-exports.default = AppConfig;

package/dist/filters/collection/vague.d.ts

@@ -1,13 +0,0 @@
-import type { IFilterOptions, IImageLoggingDataVague, IImageOptions, TFilterMethod } from "../../types/image";
-import { Filter } from "../../utils/filter";
-export default class VagueFilter extends Filter {
-    options: IImageOptions;
-    filterList: TFilterMethod[];
-    constructor(ctx: CanvasRenderingContext2D, options: IImageOptions);
-    on(action: TFilterMethod, filterOptions: IFilterOptions): Promise<IImageLoggingDataVague>;
-    pixel(imageData: ImageData, filterOptions: IFilterOptions): ImageData;
-    private getQualityProcessedRemainder;
-    private getQualityBuff;
-    private getMostCommonQuanlityBuff;
-    private getMostCommonElement;
-}

package/dist/filters/collection/vague.js

@@ -1,150 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const filter_1 = require("../../utils/filter");
-const convert_1 = require("../../utils/convert");
-const lodash_1 = require("lodash");
-class VagueFilter extends filter_1.Filter {
-    options;
-    filterList = ['pixel'];
-    constructor(ctx, options) {
-        super(ctx);
-        this.options = options;
-    }
-    on(action, filterOptions) {
-        return new Promise((resolve) => {
-            const options = this.options;
-            const imageData = this.copy(options);
-            // TODO: rewrite on pattern Strategies
-            const rowImageData = this[action](imageData, filterOptions);
-            this.update(rowImageData, options);
-            return resolve({
-                imageData: rowImageData,
-                position: {
-                    x: options.x,
-                    y: options.y,
-                },
-                size: {
-                    width: rowImageData.width,
-                    height: rowImageData.height,
-                },
-                quality: filterOptions.quality,
-            });
-        });
-    }
-    pixel(imageData, filterOptions) {
-        const { quality } = filterOptions;
-        console.log('quality', quality);
-        // expansion strategy
-        const processedImageData = this.getQualityProcessedRemainder(imageData, +quality);
-        // TODO: add compression strategy and use register strategies;
-        const imageSize = {
-            width: processedImageData.width,
-            height: processedImageData.height,
-        };
-        console.log('imageSize', imageSize);
-        this.setImageSize(imageSize);
-        const { rowRGBABuff, buff } = this.getBuffCollection(processedImageData);
-        const { qualityBuff, rangeCommit } = this.getQualityBuff(buff, +quality);
-        const qualityBuffWithMostCommonElement = this.getMostCommonQuanlityBuff(qualityBuff, rangeCommit);
-        const rowQualityBuffWithMostCommonElement = qualityBuffWithMostCommonElement.flat();
-        if (rowRGBABuff.length >= rowQualityBuffWithMostCommonElement.length) {
-            const occurrenceRGBAbuff = rowQualityBuffWithMostCommonElement.map((hexColor, index) => {
-                const { r, g, b } = convert_1.Convert.hexToRgb(hexColor);
-                const a = rowRGBABuff[index][3];
-                return [r, g, b, a];
-            });
-            const rowBuff = occurrenceRGBAbuff.flat();
-            rowBuff.forEach((color, index) => {
-                processedImageData.data[index] = color;
-            });
-        }
-        return processedImageData;
-    }
-    getQualityProcessedRemainder(imageData, quality) {
-        const rowRGBABuff = this.getRowRGBABuff(imageData);
-        const RGBAMatrix = this.getRGBAMatrix(rowRGBABuff, { width: imageData.width, height: imageData.height });
-        const cqx = quality - (imageData.width % quality);
-        const cqy = quality - (imageData.height % quality);
-        const xCommit = (0, lodash_1.range)(0, cqx);
-        const yCommit = (0, lodash_1.range)(0, cqy);
-        const tempSize = {
-            width: imageData.width + cqx,
-            height: imageData.height + cqy,
-        };
-        const xLastIndex = RGBAMatrix[0].length - 1;
-        RGBAMatrix.forEach((row, y) => {
-            const xLastRGBAByte = row[xLastIndex];
-            xCommit.forEach(() => RGBAMatrix[y].push(xLastRGBAByte));
-        });
-        const yLastIndex = RGBAMatrix.length - 1;
-        const yLastRGBARow = RGBAMatrix[yLastIndex];
-        yCommit.forEach(() => RGBAMatrix.push(yLastRGBARow));
-        const buffWithRemainder = RGBAMatrix.flat(2);
-        const tempCanvas = document.createElement('canvas');
-        const tempCtx = tempCanvas.getContext('2d');
-        const tempImageData = tempCtx.createImageData(tempSize.width, tempSize.height);
-        buffWithRemainder.forEach((_, i) => tempImageData.data[i] = buffWithRemainder[i]);
-        return tempImageData;
-    }
-    getQualityBuff(buff, quality) {
-        const wq = Math.floor(this.imageSize.width / quality);
-        const hq = Math.floor(this.imageSize.height / quality);
-        const qualityBuff = [];
-        const rangeCommit = [];
-        let i = 0;
-        let xStart = 0;
-        let xEnd = quality;
-        let yStart = 0;
-        let yEnd = quality;
-        (0, lodash_1.range)(0, hq).forEach((hqi) => {
-            (0, lodash_1.range)(0, wq).forEach((wqi) => {
-                const dy = (0, lodash_1.range)(yStart, yEnd);
-                const dx = (0, lodash_1.range)(xStart, xEnd);
-                const items = [];
-                const coords = [];
-                dy.forEach((y) => {
-                    dx.forEach((x) => {
-                        items.push(buff[y][x]);
-                        coords.push({ y, x });
-                    });
-                });
-                xStart += quality;
-                xEnd += quality;
-                rangeCommit[i] ??= coords;
-                qualityBuff[i] ??= items;
-                i++;
-            });
-            xStart = 0;
-            xEnd = quality;
-            yStart += quality;
-            yEnd += quality;
-        });
-        return { qualityBuff, rangeCommit };
-    }
-    getMostCommonQuanlityBuff(qualityBuff, rangeCommit) {
-        const mostCommonQuanlityBuff = [];
-        const qualityBuffWithMostCommonElement = qualityBuff.map((newPixel) => {
-            const color = this.getMostCommonElement(newPixel);
-            return newPixel.map(() => color);
-        });
-        qualityBuffWithMostCommonElement.forEach((qPixel, pixelIndex) => {
-            qPixel.forEach((pixelColor, pixelColorIndex) => {
-                const { x, y } = rangeCommit[pixelIndex][pixelColorIndex];
-                mostCommonQuanlityBuff[y] ??= [];
-                mostCommonQuanlityBuff[y][x] ??= pixelColor;
-            });
-        });
-        return mostCommonQuanlityBuff;
-    }
-    getMostCommonElement(array) {
-        function mostCommon(a, b) {
-            const diffA = array.filter((v) => v === a).length;
-            const diffB = array.filter((v) => v === b).length;
-            return diffA - diffB;
-        }
-        const arraySorted = array.sort(mostCommon);
-        const mostCommonElement = arraySorted[arraySorted.length - 1];
-        return mostCommonElement;
-    }
-}
-exports.default = VagueFilter;

package/dist/filters/index.d.ts

@@ -1,2 +0,0 @@
-import VagueFilter from './collection/vague';
-export { VagueFilter, };

package/dist/filters/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VagueFilter = void 0;
-const vague_1 = require("./collection/vague");
-exports.VagueFilter = vague_1.default;

package/dist/index.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppStore = exports.VueCanvasEditorEngine = exports.StaticCanvasEditorEngine = exports.PullProjectService = exports.ProjectsService = exports.ThroughHistoryService = exports.EventService = exports.ToolLayerService = exports.DownloadService = exports.CropService = exports.LoggerService = exports.DrawService = exports.ToolService = exports.LoadingComponent = exports.SlotComponent = exports.ExcretionComponent = exports.CanvasComponent = exports.PipetteComponent = exports.AppConfig = void 0;
-const config_1 = require("./config");
-exports.AppConfig = config_1.default;
-const web_component_1 = require("./web-component");
-const canvas_component_1 = require("./components/canvas.component");
-exports.CanvasComponent = canvas_component_1.default;
-const pipette_component_1 = require("./components/pipette.component");
-exports.PipetteComponent = pipette_component_1.default;
-const excretions_component_1 = require("./components/excretions.component");
-exports.ExcretionComponent = excretions_component_1.default;
-const slot_component_1 = require("./components/slot.component");
-exports.SlotComponent = slot_component_1.default;
-const loading_component_1 = require("./components/loading.component");
-exports.LoadingComponent = loading_component_1.default;
-const draw_service_1 = require("./services/draw.service");
-exports.DrawService = draw_service_1.default;
-const tool_service_1 = require("./services/tool.service");
-exports.ToolService = tool_service_1.default;
-const logger_service_1 = require("./services/logger.service");
-exports.LoggerService = logger_service_1.default;
-const crop_service_1 = require("./services/crop.service");
-exports.CropService = crop_service_1.default;
-const download_service_1 = require("./services/download.service");
-exports.DownloadService = download_service_1.default;
-const tool_layers_service_1 = require("./services/tool-layers.service");
-exports.ToolLayerService = tool_layers_service_1.default;
-const event_service_1 = require("./services/event.service");
-exports.EventService = event_service_1.default;
-const through_history_service_1 = require("./services/through-history.service");
-exports.ThroughHistoryService = through_history_service_1.default;
-const projects_service_1 = require("./services/projects.service");
-exports.ProjectsService = projects_service_1.default;
-const pull_project_service_1 = require("./services/pull-project.service");
-exports.PullProjectService = pull_project_service_1.default;
-const store_1 = require("./store/store");
-exports.AppStore = store_1.default;
-class CanvasEditorEngine {
-    constructor(webComponentTagName) {
-        config_1.default.WEB_COMPONENT_TAG_NAME = webComponentTagName;
-    }
-    getInitial() {
-        return { tag: config_1.default.WEB_COMPONENT_TAG_NAME, component: web_component_1.default };
-    }
-}
-class StaticCanvasEditorEngine extends CanvasEditorEngine {
-    constructor(webComponentTagName) {
-        super(webComponentTagName);
-    }
-    init() {
-        const customElementRegistry = window.customElements;
-        const { tag, component } = this.getInitial();
-        customElementRegistry.define(tag, component);
-    }
-}
-exports.StaticCanvasEditorEngine = StaticCanvasEditorEngine;
-class VueCanvasEditorEngine extends CanvasEditorEngine {
-    constructor(webComponentTagName) {
-        super(webComponentTagName);
-    }
-    getContext2D() {
-        return canvas_component_1.default.ctx;
-    }
-    getCanvas() {
-        return canvas_component_1.default.canvas;
-    }
-}
-exports.VueCanvasEditorEngine = VueCanvasEditorEngine;

package/dist/services/component.service.d.ts

@@ -1,5 +0,0 @@
-import { IWrapOptions } from "../types/general";
-export default class ComponentService {
-    protected static getTemplate(template: string, wrapOptions?: IWrapOptions): HTMLElement | null;
-    protected static getStyle(css: string): HTMLStyleElement | null;
-}

package/dist/services/component.service.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class ComponentService {
-    static getTemplate(template, wrapOptions) {
-        const options = {
-            tag: 'div',
-        };
-        if (!!wrapOptions) {
-            Object.keys(wrapOptions).forEach((key) => {
-                if (!!wrapOptions[key]) {
-                    options[key] = wrapOptions[key];
-                }
-            });
-        }
-        const wrap = document.createElement(options.tag);
-        if (!!options) {
-            Object.keys(options).forEach((key) => {
-                if (!!options[key] && key !== 'tag') {
-                    wrap[key] = options[key];
-                }
-            });
-        }
-        if (!!template) {
-            wrap.innerHTML = template;
-        }
-        return wrap;
-    }
-    static getStyle(css) {
-        if (!!css === false)
-            return null;
-        const style = document.createElement('style');
-        style.type = 'text/css';
-        style.appendChild(document.createTextNode(css));
-        return style;
-    }
-}
-exports.default = ComponentService;

package/dist/services/crop.service.d.ts

@@ -1,7 +0,0 @@
-import { IImageOptions } from "../types/image";
-export default class CropService {
-    static setup(): void;
-    static crop(ctx: CanvasRenderingContext2D): void;
-    static viewCropButton(): void;
-    static get options(): IImageOptions;
-}

package/dist/services/crop.service.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const excretions_component_1 = require("../components/excretions.component");
-const config_1 = require("../config");
-const store_1 = require("../store/store");
-const filter_1 = require("../utils/filter");
-class CropService {
-    static setup() {
-        excretions_component_1.default.additionStyle = 'crop';
-    }
-    static crop(ctx) {
-        if (!!excretions_component_1.default.excretionsCoords?.length === false)
-            return;
-        const filter = new filter_1.Filter(ctx);
-        const options = CropService.options;
-        const { imageData, size } = filter.copyExtendedModel(options);
-        const position = {
-            x: (config_1.default.CANVAS_SIZE.width / 2) - (size.width / 2),
-            y: (config_1.default.CANVAS_SIZE.height / 2) - (size.height / 2),
-        };
-        filter.update(imageData, position);
-        store_1.default.store.imageState.reduce({
-            tempImageData: imageData,
-            position: position,
-            size: {
-                width: size.width,
-                height: size.height,
-            }
-        }, "Use crop");
-    }
-    static viewCropButton() {
-        const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');
-        const lastCropButtonIndex = cropButtons.length - 1;
-        const cropButton = cropButtons[lastCropButtonIndex];
-        cropButton.classList.add('crop-button--view');
-    }
-    static get options() {
-        const excretionLastIndex = excretions_component_1.default.excretionsCoords.length - 1;
-        const coords = excretions_component_1.default.excretionsCoords[excretionLastIndex];
-        const excWidth = Math.abs(coords.start.x - coords.end.x);
-        const excHeight = Math.abs(coords.start.y - coords.end.y);
-        return {
-            x: coords.start.x,
-            y: coords.start.y,
-            width: excWidth,
-            height: excHeight,
-        };
-    }
-}
-exports.default = CropService;

package/dist/services/download.service.d.ts

@@ -1,4 +0,0 @@
-export default class DownloadService {
-    static getDataUrl(): string;
-    static download(filename?: string): void;
-}

package/dist/services/download.service.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const canvas_component_1 = require("../components/canvas.component");
-class DownloadService {
-    static getDataUrl() {
-        return canvas_component_1.default.canvas.toDataURL();
-    }
-    static download(filename) {
-        const link = document.createElement('a');
-        link.download = `${filename || 'image'}.png`;
-        link.href = DownloadService.getDataUrl();
-        link.click();
-    }
-}
-exports.default = DownloadService;

package/dist/services/draw.service.d.ts

@@ -1,17 +0,0 @@
-import type { IDrawImageArgs, IDrawImageProcessor, IFilterOptions, IImageLoggingDataVague, IImageOptions } from "../types/image";
-import { Project } from "../types/project";
-export default class DrawService {
-    static imageProcessor: IDrawImageProcessor;
-    static drawImage(ctx: CanvasRenderingContext2D, src: string, options: IDrawImageArgs): void;
-    static drawProject(ctx: CanvasRenderingContext2D, project: Project): void;
-    static drawSmoothImage(useStore: boolean, options: IDrawImageArgs, filterOptions: IFilterOptions): void;
-    private static updateImageStateAfterVague;
-    private static getFilterArgs;
-}
-export declare class SCImage implements IDrawImageProcessor {
-    private img;
-    private ctx;
-    constructor(src: string, ctx: CanvasRenderingContext2D);
-    draw(options?: IDrawImageArgs): Promise<unknown>;
-    vague(options: IImageOptions, filterOptions: IFilterOptions): Promise<IImageLoggingDataVague>;
-}

package/dist/services/draw.service.js

@@ -1,152 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SCImage = void 0;
-const config_1 = require("../config");
-const filters_1 = require("../filters");
-const store_1 = require("../store/store");
-const filter_1 = require("../utils/filter");
-const event_service_1 = require("./event.service");
-class DrawService {
-    static imageProcessor;
-    static drawImage(ctx, src, options) {
-        DrawService.imageProcessor = new SCImage(src, ctx);
-        DrawService.imageProcessor.draw(options).then(() => {
-            const filter = new filter_1.Filter(ctx);
-            const zeroPosition = {
-                x: 0,
-                y: 0,
-            };
-            const imageData = filter.copy(zeroPosition);
-            store_1.default.store.imageState.reduce({
-                tempImageData: imageData,
-                position: zeroPosition,
-                size: config_1.default.CANVAS_SIZE,
-            }, "Loaded image");
-        });
-    }
-    static drawProject(ctx, project) {
-        // const { imageData, position, size } = project.state.current;
-        const imageData = project.state.current.imageData;
-        const position = project.state.current.position;
-        const size = project.state.current.size;
-        DrawService.imageProcessor = new PCImage(project, ctx);
-        DrawService.imageProcessor.draw();
-        store_1.default.store.imageState.reduce({
-            tempImageData: imageData,
-            position: position,
-            size: size,
-        }, "Loaded project");
-    }
-    static drawSmoothImage(useStore, options, filterOptions) {
-        const filterArgs = DrawService.getFilterArgs(useStore, options);
-        event_service_1.default.dispatch('loading-start');
-        if (!DrawService.imageProcessor) {
-            throw new Error('No valid ImageProcessor instance found');
-        }
-        DrawService.imageProcessor.vague(filterArgs, filterOptions)
-            .then(DrawService.updateImageStateAfterVague)
-            .finally(() => event_service_1.default.dispatch('loading-end'));
-    }
-    static updateImageStateAfterVague(data) {
-        const { imageData, position, size, quality } = data;
-        store_1.default.store.imageState.reduce({
-            tempImageData: imageData,
-            position: position,
-            size: size,
-        }, `[Filter Vague] quality: ${quality}`);
-    }
-    static getFilterArgs(useStore, options) {
-        let filterArgs;
-        const store = store_1.default.store.imageState;
-        if (useStore) {
-            filterArgs = {
-                x: store.position.x,
-                y: store.position.y,
-            };
-            if (!!store.size.width && !!store.size.height) {
-                filterArgs.width = store.size.width;
-                filterArgs.height = store.size.height;
-            }
-        }
-        else {
-            filterArgs = {
-                x: options.position.x,
-                y: options.position.y,
-            };
-            if (options.size !== 'initial') {
-                if (!!options.size?.width && !!options.size?.height) {
-                    filterArgs.width = options.size.width;
-                    filterArgs.height = options.size.height;
-                }
-            }
-        }
-        return filterArgs;
-    }
-}
-exports.default = DrawService;
-class SCImage {
-    img = new Image();
-    ctx;
-    constructor(src, ctx) {
-        this.img.src = src;
-        this.ctx = ctx;
-    }
-    ;
-    draw(options) {
-        const proto = this;
-        const protoImg = this.img;
-        return new Promise((resolve, reject) => {
-            try {
-                protoImg.addEventListener("load", () => {
-                    let drawImageArgs = [options.position.x, options.position.y];
-                    if (options.size !== 'initial') {
-                        if (!!options.size?.width && !!options.size?.height) {
-                            drawImageArgs = drawImageArgs.concat([options.size.width, options.size.height]);
-                        }
-                        else {
-                            drawImageArgs = drawImageArgs.concat([config_1.default.CANVAS_SIZE.width, config_1.default.CANVAS_SIZE.height]);
-                        }
-                    }
-                    // @ts-ignore
-                    this.ctx.drawImage(protoImg, ...drawImageArgs);
-                    this.ctx.save();
-                    resolve(proto);
-                });
-            }
-            catch (error) {
-                reject(error);
-            }
-        });
-    }
-    vague(options, filterOptions) {
-        const filter = new filters_1.VagueFilter(this.ctx, options);
-        return filter.on('pixel', filterOptions);
-    }
-}
-exports.SCImage = SCImage;
-class PCImage {
-    project;
-    ctx;
-    constructor(project, ctx) {
-        this.project = project;
-        this.ctx = ctx;
-    }
-    draw(options) {
-        const { imageData, position } = this.project.state.current;
-        return new Promise((resolve, reject) => {
-            try {
-                const filter = new filter_1.Filter(this.ctx);
-                filter.update(imageData, position);
-                this.ctx.save();
-                resolve(this);
-            }
-            catch (error) {
-                reject(error);
-            }
-        });
-    }
-    vague(options, filterOptions) {
-        const filter = new filters_1.VagueFilter(this.ctx, options);
-        return filter.on('pixel', filterOptions);
-    }
-}

package/dist/services/event.service.d.ts

@@ -1,16 +0,0 @@
-import { IGUID4 } from "../types/general";
-export declare abstract class ControlEvent {
-    name: string;
-    action: (args?: any) => any;
-}
-export declare class EventAtom implements ControlEvent {
-    id: IGUID4;
-    name: string;
-    action: (args?: any) => any;
-}
-export default class EventService {
-    static eventList: EventAtom[];
-    static subcribe(controlEvent: ControlEvent): void;
-    static dispatch(name: ControlEvent['name'], eventArgs?: any): void;
-    static applyEvents(baseElement: HTMLDivElement): void;
-}

package/dist/services/event.service.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EventAtom = exports.ControlEvent = void 0;
-const guid4_1 = require("../utils/guid4");
-class ControlEvent {
-    name;
-    action;
-}
-exports.ControlEvent = ControlEvent;
-class EventAtom {
-    id;
-    name;
-    action;
-}
-exports.EventAtom = EventAtom;
-class EventService {
-    static eventList = [];
-    static subcribe(controlEvent) {
-        const eventAtom = {
-            id: new guid4_1.Guid4().generate(),
-            ...controlEvent
-        };
-        EventService.eventList.push(eventAtom);
-    }
-    static dispatch(name, eventArgs) {
-        const eventAtom = EventService.eventList.find((event) => event.name === name);
-        eventAtom.action(eventArgs);
-    }
-    static applyEvents(baseElement) {
-        EventService.eventList?.forEach((event) => {
-            baseElement.addEventListener(event.name, event.action);
-        });
-    }
-}
-exports.default = EventService;