canvas-editor-engine 2.0.12 → 2.0.14

package/dist/index.d.ts

@@ -1,26 +1,21 @@
-export interface ILayer {
-    name: string;
-    index: number;
-}
-export declare abstract class ConfigStore {
-    static _WEB_COMPONENT_TAG_NAME: string;
-    static _CANVAS_SIZE: ICanvasSize;
-    static _LAYERS: ILayer[];
-}
-export declare class ConfigFabric implements ConfigStore {
-    protected static _WEB_COMPONENT_TAG_NAME: string;
-    protected static _CANVAS_SIZE: ICanvasSize;
-    protected static _LAYERS: ILayer[];
-}
-export default class AppConfig extends ConfigFabric {
-    static get WEB_COMPONENT_TAG_NAME(): string;
-    static set WEB_COMPONENT_TAG_NAME(value: string | undefined);
-    static get CANVAS_SIZE(): ICanvasSize;
-    static set CANVAS_SIZE(value: ICanvasSize | undefined);
-    static get LAYERS(): ILayer[];
-    static set LAYERS(value: ILayer[]);
-}
-
+import AppConfig from "./config";
+import WebComponent from "./web-component";
+import CanvasComponent from "./components/canvas.component";
+import PipetteComponent from "./components/pipette.component";
+import ExcretionComponent from "./components/excretions.component";
+import SlotComponent from "./components/slot.component";
+import LoadingComponent from "./components/loading.component";
+import DrawService from "./services/draw.service";
+import ToolService from "./services/tool.service";
+import LoggerService from "./services/logger.service";
+import CropService from "./services/crop.service";
+import DownloadService from "./services/download.service";
+import ToolLayerService from "./services/tool-layers.service";
+import EventService from "./services/event.service";
+import ThroughHistoryService from "./services/through-history.service";
+import ProjectsService from "./services/projects.service";
+import PullProjectService from "./services/pull-project.service";
+import AppStore from "./store/store";
 declare class CanvasEditorEngine {
     constructor(webComponentTagName?: string);
     getInitial(): {
@@ -38,554 +33,3 @@ declare class VueCanvasEditorEngine extends CanvasEditorEngine {
     getCanvas(): HTMLCanvasElement;
 }
 export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, ThroughHistoryService, ProjectsService, PullProjectService, StaticCanvasEditorEngine, VueCanvasEditorEngine, AppStore, };
-
-export declare class WebComponentWrapper {
-    baseElement: HTMLDivElement;
-    editorWrapElement: HTMLDivElement;
-    stylesWrapElement: HTMLDivElement;
-    toolsWrapElement: HTMLDivElement;
-    constructor();
-    get base(): {
-        add: (component: TComponent, style?: HTMLStyleElement) => HTMLDivElement;
-    };
-    get editorWrap(): {
-        add: (component: TComponent, style?: HTMLStyleElement) => HTMLDivElement;
-    };
-    get stylesWrap(): {
-        add: (component: TComponent, style?: HTMLStyleElement) => HTMLDivElement;
-    };
-    get toolsWrap(): {
-        add: (component: TComponent, style?: HTMLStyleElement) => HTMLDivElement;
-    };
-    private _methods;
-    private _add;
-    private _baseStyle;
-}
-declare global {
-    interface HTMLElement {
-    }
-}
-export default class WebComponent extends HTMLElement {
-    constructor();
-}
-
-export default class CanvasComponent extends ComponentService {
-    private static template;
-    private static css;
-    static eventListener: HTMLDivElement;
-    static canvas: HTMLCanvasElement;
-    static ctx: CanvasRenderingContext2D | null;
-    private static subscriptions;
-    private static _cursorStyle;
-    static getComponent(): {
-        canvasTemplate: HTMLElement;
-        canvasStyle: HTMLStyleElement;
-    };
-    static getCanvasSelector(): string;
-    static set cursorStyle(styleName: TCursorStyleName | undefined | null);
-    static getCursorPosition(event: MouseEvent): ICursorPosition;
-    static subscribe(eventName: TSubscriptionTypes, action: TSubscribeAction): void;
-    static simulateSubscriptions(): void;
-}
-
-export default class ExcretionsComponent extends ComponentService {
-    private static template;
-    private static templateExcretion;
-    private static _excretionDefaultStyle;
-    private static css;
-    static excretionWrap: HTMLElement;
-    private static _excretions;
-    private static _excretionState;
-    private static _excretionActivity;
-    private static _excretionToolState;
-    private static _tempCoords;
-    static excretionsCoords: IExcretionsCoords[];
-    private static _additionStyle;
-    static get additionStyle(): TExcretionStyle;
-    static set additionStyle(value: TExcretionStyle);
-    private static applyExcretionStyle;
-    private static determineCropStyle;
-    private static determineDefaultStyle;
-    private static tool;
-    static getComponent(): {
-        excretionsTemplate: HTMLElement;
-        excretionsStyle: HTMLStyleElement;
-    };
-    private static set excretionState(value);
-    static setToolState(toolState: TExcretionToolState): void;
-    static clearExcretionsCoords(): void;
-    private static getTempCoords;
-    private static endExcretion;
-    private static emmit;
-}
-
-export default class LoadingComponent extends ComponentService {
-    private static template;
-    private static css;
-    static loading: HTMLElement;
-    static getComponent(): {
-        loadingTemplate: HTMLElement;
-        loadingStyle: HTMLStyleElement;
-    };
-    static hide(): void;
-    static view(): void;
-    private static subscribeLoadingStart;
-    private static subscribeLoadingEnd;
-}
-
-export default class PipetteComponent extends ComponentService {
-    static template: string;
-    static css: string;
-    static pipette: HTMLElement;
-    private static _pipetteColor;
-    static set pipetteColor(color: THEXColor);
-    static get pipetteColor(): THEXColor;
-    private static _pipetteColorElement;
-    private static _pipetteState;
-    private static tool;
-    static getComponent(): {
-        pipetteTemplate: HTMLElement;
-        pipetteStyle: HTMLStyleElement;
-    };
-    static setState(state: TPipetteState): void;
-    static emmit(): void;
-    private static setColorFromChoosenPixel;
-    private static show;
-    private static hide;
-}
-
-export default class SlotComponent extends ComponentService {
-    private static template;
-    private static css;
-    static slot: HTMLSlotElement;
-    static getComponent(slotName: string): {
-        slotTemplate: HTMLElement;
-        slotStyle: HTMLStyleElement;
-    };
-}
-
-export { VagueFilter, };
-
-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;
-}
-
-export default class ComponentService {
-    protected static getTemplate(template: string, wrapOptions?: IWrapOptions): HTMLElement | null;
-    protected static getStyle(css: string): HTMLStyleElement | null;
-}
-
-export default class CropService {
-    static setup(): void;
-    static crop(ctx: CanvasRenderingContext2D): void;
-    static viewCropButton(): void;
-    static get options(): IImageOptions;
-}
-
-export default class DownloadService {
-    static getDataUrl(): string;
-    static download(filename?: string): void;
-}
-
-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>;
-}
-
-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;
-}
-
-export default class LoggerService {
-    static log: ILog<ComponentService, any, any>;
-    static get components(): {
-        add<TLogPrototype>(logItem: ILogItem<TLogPrototype>): void;
-        get<TLogPrototype>(field: keyof ILog<ComponentService, any, any>, name: string): void;
-    };
-    static get services(): {
-        add<TLogPrototype>(logItem: ILogItem<TLogPrototype>): void;
-        get<TLogPrototype>(field: keyof ILog<ComponentService, any, any>, name: string): void;
-    };
-    static get planed(): {
-        add<TLogPrototype>(logItem: ILogItem<TLogPrototype>): void;
-        get<TLogPrototype>(field: keyof ILog<ComponentService, any, any>, name: string): void;
-    };
-    private static getMethods;
-    private static _add;
-    private static _get;
-}
-
-export default class ProjectsService {
-    private static _modules;
-    private static _serializer;
-    static on(moduleName: TProjectModuleName): {
-        getSerializerInstance: (file: any) => ProjectFileSerializer;
-        instance: IProjectModule;
-    };
-    private static _addModule;
-}
-
-export default class PullProjectService {
-    private static _project;
-    static get project(): Project;
-    static refreshProject(): void;
-    static updateProject(project: IUpdateProject): void;
-    static pull(name: Project['name'], description: Project['description']): void;
-}
-
-export declare abstract class StateService {
-    abstract reset(): void;
-}
-export declare abstract class StoreService {
-    abstract reset(): void;
-}
-
-export default class ThroughHistoryService {
-    static cache: IHistoryLine[];
-    static current(): IHistoryLine;
-    static prev(): IHistoryLine;
-    static undo(ctx: CanvasRenderingContext2D): void;
-    static redo(ctx: CanvasRenderingContext2D): void;
-    static clearCache(): void;
-    static recovery(project: Project): void;
-    private static updateCanvas;
-}
-
-export default class ToolLayerService {
-    static multiplier: number;
-    static getLayerIndex(layerName: string): number;
-}
-
-export default class ToolService {
-    static before: ITool | null;
-    static active: ITool | null;
-    static registry: ITool[];
-    static add(tool: ITool): boolean;
-    static setActive(id: ITool['id']): void;
-    static offActive(id?: ITool['id']): void;
-    private static off;
-}
-
-export interface IHistoryState {
-    historyLines: IHistoryLine[];
-}
-export declare class HistoryState implements StateService {
-    private default;
-    private _emergeCompleteIt;
-    private _historyLines;
-    get historyLines(): IHistoryState['historyLines'];
-    constructor();
-    reduce(name: TReducerNames, payload?: IHistoryLine | IHistoryState): void;
-    emerge(completeIt: (history: IHistoryState['historyLines']) => void): void;
-    reset(): void;
-}
-
-export interface IImageState {
-    position: IPosition;
-    size: ISize;
-    tempImageData: ImageData | null;
-}
-export interface IImageStateReduce {
-    position?: IImageState['position'];
-    size?: IImageState['size'];
-    tempImageData?: IImageState['tempImageData'];
-}
-export declare class ImageState implements StateService {
-    private default;
-    private _position;
-    private _size;
-    private _tempImageData;
-    get position(): IImageState['position'];
-    get size(): IImageState['size'];
-    get tempImageData(): IImageState['tempImageData'];
-    constructor();
-    reduce(payload: IImageStateReduce, title?: string): void;
-    reset(): void;
-    getEntry(): {
-        position: IPosition;
-        size: ISize;
-        imageData: ImageData;
-    };
-    addToHistory(title: string): void;
-}
-
-export declare class Store implements StoreService {
-    imageState: ImageState;
-    historyState: HistoryState;
-    constructor(imageState: ImageState, historyState: HistoryState);
-    reset(): void;
-}
-export default class AppStore {
-    static store: Store;
-    static subscribe(to: 'history', completeIt: (...args: any) => void): void;
-}
-
-export interface ICanvasSize {
-    width: number;
-    height: number;
-}
-export type TSubscriptionTypes = 'click' | 'mousemove' | 'mousedown' | 'mouseup';
-export type TSubscribeAction = (event: MouseEvent, cursorPosition?: ICursorPosition) => void;
-export type TSubscriptions = {
-    [key in TSubscriptionTypes]: TSubscribeAction[];
-};
-
-export interface ICursorPosition {
-    x: number;
-    y: number;
-}
-export interface ICursorStyle {
-    before: TCursorStyleName | null;
-    current: TCursorStyleName | null;
-}
-export type TCursorStyleName = 'default' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'copy' | 'alias' | 'move' | 'not-allowed' | 'grab' | 'grabbing' | 'zoom-in' | 'zoom-out';
-
-export interface IExcretionsCoords {
-    start?: {
-        x: number;
-        y: number;
-    };
-    end?: {
-        x: number;
-        y: number;
-    };
-}
-export interface IExcretionTempStart {
-    start: {
-        x: number;
-        y: number;
-    };
-}
-export interface IExcretionTempEnd {
-    end: {
-        x: number;
-        y: number;
-    };
-}
-export type TExcretionTempCoords = (IExcretionTempStart | IExcretionTempEnd)[];
-export type TExcretionToolState = 'taken' | 'abandoned';
-export type TExcretionState = 'create' | 'add' | 'remove' | 'abandoned';
-export type TExcretionActivity = 'active' | 'end' | 'abandoned';
-export type TExcretionStyle = 'default' | 'crop';
-
-export type THEXColor = `#${string}`;
-export type TComponent = HTMLElement | HTMLDivElement | HTMLCanvasElement;
-export interface IWrapOptions {
-    tag?: string;
-    className?: string;
-    id?: string;
-}
-export interface ITool {
-    id: number;
-    name: string;
-    onAction?: (...args: any) => void;
-    offAction?: (...args: any) => void;
-    support?: (...args: any) => void;
-}
-export type IGUID4 = `${number}-${number}-${number}-${number}`;
-export interface IPosition {
-    x: number;
-    y: number;
-}
-export interface ISize {
-    width: number;
-    height: number;
-}
-export type TStringMatrix = string[][];
-
-export interface IHistoryLine {
-    stateName: string;
-    stateValue: IImageState;
-    view: string;
-}
-export type TReducerNames = 'SET_HISTORY' | 'UPDATE_HISTORY' | 'UNDO' | 'REDO';
-
-export interface IOptionImageSize {
-    width?: number;
-    height?: number;
-}
-export interface IImageOptions extends IPosition, IOptionImageSize {
-}
-export interface IDrawImageArgs {
-    position: IArgumentImagePosition;
-    size?: TArgumentImageSize;
-}
-export interface IArgumentImagePosition extends IPosition {
-}
-export interface IPixelPosition extends IPosition {
-}
-export type TArgumentImageSize = IOptionImageSize | 'initial';
-export interface IImageSize extends ISize {
-}
-export type TRGBABuff = TByteRGBColor[];
-export type TByteRGBColor = [number, number, number, number];
-export type TBuff<T> = T[][];
-export type TQualityBuff = TStringMatrix;
-export type TRangeCommit = IPixelPosition[][];
-export type TFilterMethod = 'pixel';
-export interface IFilterOptions {
-    quality: number;
-}
-export declare const enum E_RGBA {
-    r = 0,
-    g = 1,
-    b = 2,
-    a = 3
-}
-export interface IExtendedImageDataModel {
-    imageData: ImageData;
-    size: ISize;
-}
-export interface IImageLoggingData {
-    imageData: ImageData;
-    size: ISize;
-    position: IPosition;
-}
-export interface IImageLoggingDataVague extends IImageLoggingData, IFilterOptions {
-}
-export interface IDrawImageProcessor {
-    draw(options?: IDrawImageArgs): Promise<any>;
-    vague(options: IImageOptions, filterOptions: IFilterOptions): Promise<IImageLoggingDataVague>;
-}
-
-export interface ILog<A, R, P> {
-    components: ILogItem<A>[];
-    services: ILogItem<R>[];
-    planed: ILogItem<P>[];
-}
-export interface ILogItem<TLogPrototype> {
-    info: ILogItemInfo;
-    prototype: TLogPrototype;
-}
-export interface ILogItemInfo {
-    name: string;
-    description: string;
-}
-
-export type TPipetteState = 'taken' | 'abandoned' | 'selected-color';
-
-export declare class Project {
-    id: string;
-    name: string;
-    description: string;
-    state: {
-        current: IImageLoggingData;
-        history: IHistoryLine[];
-        cache: IHistoryLine[];
-    };
-    createdAt: string;
-    updatedAt: string;
-}
-export interface IUpdateProject {
-    id?: string;
-    name?: string;
-    description?: string;
-    state?: {
-        current: IImageLoggingData;
-        history: IHistoryLine[];
-        cache: IHistoryLine[];
-    };
-    updatedAt?: string;
-}
-export interface IProjectModule {
-    getProjects(): Project[];
-    getProject(projectId: string): Project;
-    saveProjects(projects: Project[]): void;
-    saveProject(project: Project): void;
-    removeProject(projectId: string): void;
-    updateProject(project: Project): void;
-}
-export type TProjectModule = {
-    name: string;
-    instance: IProjectModule;
-};
-export type TProjectModuleName = 'LocalStorage' | 'File';
-
-export declare class Convert {
-    static byteRGBToHEX(color: TByteRGBColor): THEXColor;
-    static rgbToHex(r: number, g: number, b: number): THEXColor;
-    static hexToRgb(hex: string): {
-        r: number;
-        g: number;
-        b: number;
-    };
-    private static componentToHEX;
-}
-
-export declare class Filter {
-    ctx: CanvasRenderingContext2D;
-    imageSize: IImageSize;
-    constructor(ctx: CanvasRenderingContext2D);
-    setImageSize(size: IImageSize): void;
-    copy(options: IImageOptions): ImageData;
-    copyExtendedModel(options: IImageOptions): IExtendedImageDataModel;
-    update(imgData: ImageData, options: IImageOptions): void;
-    clearEmptyPixels(imageData: ImageData): IExtendedImageDataModel;
-    getSizeOfSparseMatrix(RGBAMatrix: TBuff<number[]>, tempSize: ISize): ISize;
-    getBuffCollection(imageData: ImageData): {
-        rowRGBABuff: TRGBABuff;
-        hexBuff: `#${string}`[];
-        buff: TBuff<string>;
-    };
-    getBuff(hexBuff: THEXColor[]): TBuff<string>;
-    getRGBAMatrix(rowRGBABuff: TRGBABuff, size?: ISize): TBuff<number[]>;
-    getRowRGBABuff(imageData: ImageData): TRGBABuff;
-}
-
-export declare class Guid4 {
-    stack: IGUID4[];
-    guid4: IGUID4;
-    constructor();
-    generate(): `${number}-${number}-${number}-${number}`;
-    get finite(): IGUID4;
-    private generateWithFactor;
-    private getFactor;
-    private get attempt();
-    private get Guid4();
-    private formating;
-}
-
-export declare class ProjectFileSerializer {
-    private file;
-    private projects;
-    constructor(file: any);
-    private load;
-    saveProjects(projects: Project[]): void;
-    getProjects(): Project[];
-    getProject(projectId: string): Project;
-    saveProject(project: Project): void;
-    removeProject(projectId: string): void;
-    updateProject(project: Project): void;
-}
-