@node-projects/web-component-designer 0.0.125 → 0.0.127

package/dist/elements/services/propertiesService/services/WebcomponentManifestParserService.js

@@ -1,94 +0,0 @@
-import { BindingTarget } from "../../item/BindingTarget";
-import { PropertyType } from "../propertiesService/PropertyType";
-import { UnkownElementPropertiesService } from "../propertiesService/services/UnkownElementPropertiesService";
-export class WebcomponentManifestParserService extends UnkownElementPropertiesService {
-    _name;
-    get name() { return this._name; }
-    _packageData;
-    _elementList;
-    _propertiesList;
-    _resolveStored;
-    _rejectStored;
-    _importPrefix = '';
-    constructor(name, fileOrObject, importPrefix = '') {
-        super();
-        this._name = name;
-        this._importPrefix = importPrefix;
-        if (typeof fileOrObject === 'string') {
-            this._importPrefix = this._importPrefix ?? fileOrObject.split('/').slice(0, -1).join('/');
-            import(fileOrObject, { assert: { type: 'json' } }).then(module => {
-                this._packageData = module.default;
-                this._parseManifest();
-            }).catch(err => {
-                if (this._rejectStored) {
-                    this._rejectStored.forEach(x => x(err));
-                    this._resolveStored = null;
-                    this._rejectStored = null;
-                }
-            });
-        }
-        else {
-            this._packageData = fileOrObject;
-            this._parseManifest();
-        }
-    }
-    _parseManifest() {
-        this._elementList = [];
-        this._propertiesList = {};
-        for (let m of this._packageData.modules) {
-            for (let e of m.exports) {
-                if (e.kind == 'custom-element-definition') {
-                    this._elementList.push({ tag: e.name, import: this._importPrefix + '/' + e.declaration.module });
-                    let properties = [];
-                    let declaration = m.declarations.find(x => x.name == e.declaration.name);
-                    for (let d of declaration.members) {
-                        if (d.kind == 'field') {
-                            let pType = PropertyType.property;
-                            if (declaration.attributes)
-                                pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                            properties.push({ name: d.name, service: this, propertyType: pType, type: this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text) });
-                        }
-                    }
-                    this._propertiesList[e.name] = properties;
-                }
-            }
-            if (this._resolveStored) {
-                this._resolveStored.forEach(x => x(this._elementList));
-                this._resolveStored = null;
-                this._rejectStored = null;
-            }
-        }
-    }
-    manifestClassPropertyTypeToEditorPropertyType(type) {
-        if (type) {
-            if (type.toLowerCase() === 'boolean')
-                return 'boolean';
-            if (type.toLowerCase() === 'number')
-                return 'number';
-        }
-        return type;
-    }
-    async getElements() {
-        if (this._packageData)
-            return Promise.resolve(this._elementList);
-        if (!this._resolveStored) {
-            this._resolveStored = [];
-            this._rejectStored = [];
-        }
-        return new Promise((resolve, reject) => { this._resolveStored.push(resolve); this._rejectStored.push(reject); });
-    }
-    isHandledElement(designItem) {
-        if (this._elementList)
-            return this._elementList.find(x => x.tag == designItem.name) != null;
-        return false;
-    }
-    getProperties(designItem) {
-        return this._propertiesList[designItem.name];
-    }
-    getProperty(designItem, name) {
-        return this._propertiesList[designItem.name].find(x => x.name == name);
-    }
-    getPropertyTarget(designItem, property) {
-        return this._propertiesList[designItem.name].find(x => x.name == property.name).propertyType == PropertyType.attribute ? BindingTarget.attribute : BindingTarget.property;
-    }
-}

package/dist/elements/services/undoService/transactionItems/MoveElementInDomAction.d.ts

@@ -1,16 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem';
-import { IDesignItem } from '../../../item/IDesignItem';
-export declare class MoveElementInDomAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, newTarget: IDesignItem, newPosition: InsertPosition, oldTarget: IDesignItem, oldPosition: InsertPosition);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    newTarget: IDesignItem;
-    newPosition: InsertPosition;
-    oldTarget: IDesignItem;
-    oldPosition: InsertPosition;
-    newItem: IDesignItem;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/MoveElementInDomAction.js

@@ -1,31 +0,0 @@
-export class MoveElementInDomAction {
-    constructor(designItem, newTarget, newPosition, oldTarget, oldPosition) {
-        this.title = "Move Item";
-        this.designItem = designItem;
-        this.newTarget = newTarget;
-        this.newPosition = newPosition;
-        this.oldTarget = oldTarget;
-        this.oldPosition = oldPosition;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem, this.newTarget, this.oldTarget];
-    }
-    undo() {
-        this.oldTarget.element.insertAdjacentElement(this.oldPosition, this.designItem.element);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-    }
-    do() {
-        this.newTarget.element.insertAdjacentElement(this.newPosition, this.designItem.element);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-    }
-    designItem;
-    newTarget;
-    newPosition;
-    oldTarget;
-    oldPosition;
-    newItem;
-    mergeWith(other) {
-        return false;
-    }
-}

package/dist/elements/widgets/designerView/DesignerViewUseOverlayScollbars.d.ts

@@ -1,7 +0,0 @@
-import { IDesignerCanvas } from "./IDesignerCanvas.js";
-import { IDesignViewConfigButtonsProvider } from "./IDesignViewConfigButtonsProvider.js";
-import { DesignerView } from './designerView';
-export declare class DesignerViewUseOverlayScollbars implements IDesignViewConfigButtonsProvider {
-    constructor();
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

package/dist/elements/widgets/designerView/DesignerViewUseOverlayScollbars.js

@@ -1,13 +0,0 @@
-//todo, element moving does not work atm, needs to be fixed
-export class DesignerViewUseOverlayScollbars {
-    constructor() {
-    }
-    provideButtons(designerView, designerCanvas) {
-        let externalCss = document.createElement('style');
-        externalCss.innerHTML = '@import url("./node_modules/overlayscrollbars/css/OverlayScrollbars.min.css");';
-        designerCanvas.shadowRoot.appendChild(externalCss);
-        //@ts-ignore
-        setTimeout(() => OverlayScrollbars([designerCanvas._outercanvas2], {}), 5000);
-        return [];
-    }
-}

package/dist/elements/widgets/designerView/designerCanvas.ts.BASE.d.ts

@@ -1,92 +0,0 @@
-import { ServiceContainer } from '../../services/ServiceContainer';
-import { InstanceServiceContainer } from '../../services/InstanceServiceContainer';
-import { IDesignItem } from '../../item/IDesignItem';
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from './IDesignerCanvas';
-import { Snaplines } from './Snaplines';
-import { ContextMenuHelper } from '../../helper/contextMenu/ContextMenuHelper';
-import { IPlacementView } from './IPlacementView';
-import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler';
-import { IUiCommand } from '../../../commandHandling/IUiCommand';
-import { IExtensionManager } from "./extensions/IExtensionManger";
-import { IPoint } from "../../../interfaces/IPoint";
-import { OverlayLayer } from "./extensions/OverlayLayer";
-import { OverlayLayerView } from './overlayLayerView';
-import { IRect } from "../../../interfaces/IRect.js";
-export declare class DesignerCanvas extends BaseCustomWebComponentLazyAppend implements IDesignerCanvas, IPlacementView, IUiCommandHandler {
-    serviceContainer: ServiceContainer;
-    instanceServiceContainer: InstanceServiceContainer;
-    containerBoundingRect: DOMRect;
-    outerRect: DOMRect;
-    gridSize: number;
-    alignOnGrid: boolean;
-    alignOnSnap: boolean;
-    snapLines: Snaplines;
-    overlayLayer: OverlayLayerView;
-    rootDesignItem: IDesignItem;
-    eatEvents: Element;
-    transformHelperElement: HTMLDivElement;
-    private _zoomFactor;
-    private _scaleFactor;
-    private _canvasOffset;
-    get zoomFactor(): number;
-    set zoomFactor(value: number);
-    get scaleFactor(): number;
-    get canvasOffset(): IPoint;
-    set canvasOffset(value: IPoint);
-    onContentChanged: TypedEvent<void>;
-    private _canvas;
-    private _canvasContainer;
-    private _outercanvas2;
-    private _lastHoverDesignItem;
-    private _onContextMenuBound;
-    private _pointerEventHandlerBound;
-    private _firstConnect;
-    private _onKeyDownBound;
-    private _onKeyUpBound;
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    extensionManager: IExtensionManager;
-    private _pointerextensions;
-    private _onDblClickBound;
-    constructor();
-    get designerWidth(): string;
-    set designerWidth(value: string);
-    get designerHeight(): string;
-    set designerHeight(value: string);
-    get designerOffsetWidth(): number;
-    get designerOffsetHeight(): number;
-    set additionalStyle(value: CSSStyleSheet);
-    executeCommand(command: IUiCommand): Promise<void>;
-    canExecuteCommand(command: IUiCommand): boolean;
-    handleSelectAll(): void;
-    handleCopyCommand(): Promise<void>;
-    handlePasteCommand(): Promise<void>;
-    handleDeleteCommand(): void;
-    initialize(serviceContainer: ServiceContainer): void;
-    elementFromPoint(x: number, y: number): Element;
-    connectedCallback(): void;
-    zoomFactorChanged(): void;
-    _updateTransform(): void;
-    setDesignItems(designItems: IDesignItem[]): void;
-    addDesignItems(designItems: IDesignItem[]): void;
-    private _onDragEnter;
-    private _onDragLeave;
-    private _onDragOver;
-    private _onDrop;
-    private _onContextMenu;
-    showDesignItemContextMenu(designItem: IDesignItem, event: MouseEvent): ContextMenuHelper;
-    private _onDblClick;
-    private onKeyUp;
-    private onKeyDown;
-    getNormalizedEventCoordinates(event: MouseEvent): IPoint;
-    getNormalizedElementCoordinates(element: Element): IRect;
-    getNormalizedOffsetInElement(event: MouseEvent, element: Element): IPoint;
-    getElementAtPoint(point: IPoint, ignoreElementCallback?: (element: HTMLElement) => boolean): HTMLElement;
-    _rect: SVGRectElement;
-    private _pointerEventHandler;
-    private _fillCalculationrects;
-    addOverlay(element: SVGGraphicsElement, overlayLayer?: OverlayLayer): void;
-    removeOverlay(element: SVGGraphicsElement): void;
-    getItemsBelowMouse(event: MouseEvent): Element[];
-}