npm - @node-projects/web-component-designer - Versions diffs - 0.1.0 → 0.1.2 - Mend

@node-projects/web-component-designer 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (647) hide show

package/dist/elements/services/copyPasteService/ICopyPasteService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/demoProviderService/IDemoProviderService.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
+import { ServiceContainer } from "../ServiceContainer.js";
+export interface IDemoProviderService {
+    provideDemo(container: HTMLElement, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, code: string, style: string): any;
+}

package/dist/elements/services/demoProviderService/IDemoProviderService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/demoProviderService/IframeDemoProviderService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
+import { ServiceContainer } from "../ServiceContainer.js";
+import { IDemoProviderService } from "./IDemoProviderService.js";
+export declare class IframeDemoProviderService implements IDemoProviderService {
+    provideDemo(container: HTMLElement, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, code: string, style: string): Promise<void>;
+}

package/dist/elements/services/demoProviderService/IframeDemoProviderService.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper.js';
+export class IframeDemoProviderService {
+    provideDemo(container, serviceContainer, instanceServiceContainer, code, style) {
+        return new Promise(resolve => {
+            const iframe = document.createElement('iframe');
+            iframe.style.width = '100%';
+            iframe.style.height = '100%';
+            iframe.style.border = 'none';
+            iframe.style.display = 'none';
+            DomHelper.removeAllChildnodes(container);
+            container.appendChild(iframe);
+            iframe.onload = () => {
+                iframe.style.display = 'block';
+                resolve();
+            };
+            const doc = iframe.contentWindow.document;
+            doc.open();
+            doc.write('<script type="module">');
+            if (instanceServiceContainer.designContext.npmPackages?.length) {
+                doc.write("import { NpmPackageLoader } from '../../helper/NpmPackageLoader.js'");
+                doc.write("let loader =  new NpmPackageLoader();");
+                for (let p of instanceServiceContainer.designContext.npmPackages) {
+                    doc.write("loader.loadNpmPackage('" + p + "', null, null, true);");
+                }
+            }
+            if (instanceServiceContainer.designContext.imports?.length) {
+                for (let i of instanceServiceContainer.designContext.imports) {
+                    doc.write("import '" + i + "';");
+                }
+            }
+            doc.write("document.body.style.display='';");
+            doc.write('</script>');
+            doc.write('<style>' + (style ?? '') + '</style>');
+            doc.write('<body style="display:none; width: 100%; height: 100%; margin: 0; padding: 0; position: absolute;">' + code + '</body>');
+            doc.close();
+        });
+    }
+}

package/dist/elements/services/demoProviderService/SimpleDemoProviderService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IDemoProviderService } from "./IDemoProviderService.js";
+import { ServiceContainer } from "../ServiceContainer.js";
+import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
+export declare class SimpleDemoProviderService implements IDemoProviderService {
+    provideDemo(container: HTMLElement, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, code: string): Promise<void>;
+}

package/dist/elements/services/demoProviderService/SimpleDemoProviderService.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { DomHelper, cssFromString } from "@node-projects/base-custom-webcomponent";
+export class SimpleDemoProviderService {
+    async provideDemo(container, serviceContainer, instanceServiceContainer, code) {
+        const contentDiv = document.createElement('div');
+        let shadowRoot = contentDiv.attachShadow({ mode: 'open' });
+        contentDiv.style.width = '100%';
+        contentDiv.style.height = '100%';
+        contentDiv.style.border = 'none';
+        contentDiv.style.display = 'none';
+        contentDiv.style.overflow = 'auto';
+        contentDiv.style.position = 'absolute';
+        container.style.position = 'relative';
+        DomHelper.removeAllChildnodes(container);
+        container.appendChild(contentDiv);
+        let styles = [];
+        if (instanceServiceContainer.designerCanvas.additionalStyles)
+            styles.push(...instanceServiceContainer.designerCanvas.additionalStyles);
+        if (instanceServiceContainer.stylesheetService) {
+            styles.push(...instanceServiceContainer.stylesheetService
+                .getStylesheets()
+                .map(x => cssFromString(x.content)));
+        }
+        shadowRoot.adoptedStyleSheets = styles;
+        shadowRoot.innerHTML = code;
+        contentDiv.style.display = '';
+    }
+}

package/dist/elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+import { IStringPosition } from "../htmlWriterService/IStringPosition.js";
+import { IDesignItemDocumentPositionService } from "./IDesignItemDocumentPositionService.js";
+export declare class DesignItemDocumentPositionService implements IDesignItemDocumentPositionService {
+    private _designItemsAssignmentList?;
+    constructor(designerCanvas: IDesignerCanvas);
+    setPosition(designItem: IDesignItem, position: IStringPosition): void;
+    getPosition(designItem: IDesignItem): IStringPosition;
+}

package/dist/elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.js ADDED Viewed

@@ -0,0 +1,10 @@
+export class DesignItemDocumentPositionService {
+    _designItemsAssignmentList = new WeakMap();
+    constructor(designerCanvas) { }
+    setPosition(designItem, position) {
+        this._designItemsAssignmentList.set(designItem, position);
+    }
+    getPosition(designItem) {
+        return this._designItemsAssignmentList.get(designItem);
+    }
+}

package/dist/elements/services/designItemDocumentPositionService/IDesignItemDocumentPositionService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IStringPosition } from "../htmlWriterService/IStringPosition.js";
+export interface IDesignItemDocumentPositionService {
+    setPosition(designItem: IDesignItem, position: IStringPosition): any;
+    getPosition(designItem: IDesignItem): IStringPosition;
+}

package/dist/elements/services/designItemDocumentPositionService/IDesignItemDocumentPositionService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/designItemService/DesignItemService.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
+import { ServiceContainer } from "../ServiceContainer.js";
+import { IDesignItemService } from "./IDesignItemService.js";
+export declare class DesignItemService implements IDesignItemService {
+    createDesignItem(node: Node, parsedNode: any, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer): IDesignItem;
+}

package/dist/elements/services/designItemService/DesignItemService.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { DesignItem } from "../../item/DesignItem.js";
+export class DesignItemService {
+    createDesignItem(node, parsedNode, serviceContainer, instanceServiceContainer) {
+        return new DesignItem(node, parsedNode, serviceContainer, instanceServiceContainer);
+    }
+}

package/dist/elements/services/designItemService/IDesignItemService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
+import { ServiceContainer } from "../ServiceContainer.js";
+export interface IDesignItemService {
+    createDesignItem(node: Node, parsedNode: any, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer): IDesignItem;
+}

package/dist/elements/services/designItemService/IDesignItemService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/designerAddons/IDesignerAddonJson.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export interface IDesignerAddonJson {
+    services: Record<string, string>;
+}

package/dist/elements/services/designerAddons/IDesignerAddonJson.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/dragDropService/DragDropService.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+import { IDragDropService } from "./IDragDropService.js";
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IPlacementService } from "../placementService/IPlacementService.js";
+export declare class DragDropService implements IDragDropService {
+    private _dragOverExtensionItem;
+    private _oldX;
+    private _oldY;
+    dragEnter(designerCanvas: IDesignerCanvas, event: DragEvent): void;
+    dragLeave(designerCanvas: IDesignerCanvas, event: DragEvent): void;
+    dragOver(designerCanvas: IDesignerCanvas, event: DragEvent): void;
+    drop(designerCanvas: IDesignerCanvas, event: DragEvent): Promise<void>;
+    getPossibleContainerForDragDrop(designerCanvas: IDesignerCanvas, event: DragEvent): [newContainerElementDesignItem: IDesignItem, newContainerService: IPlacementService];
+}

package/dist/elements/services/dragDropService/DragDropService.js ADDED Viewed

@@ -0,0 +1,89 @@
+import { DesignItem } from '../../item/DesignItem.js';
+import { ExtensionType } from "../../widgets/designerView/extensions/ExtensionType.js";
+import { dragDropFormatNameElementDefinition } from "../../../Constants.js";
+export class DragDropService {
+    _dragOverExtensionItem;
+    _oldX;
+    _oldY;
+    dragEnter(designerCanvas, event) {
+    }
+    dragLeave(designerCanvas, event) {
+        if (this._dragOverExtensionItem) {
+            designerCanvas.extensionManager.removeExtension(this._dragOverExtensionItem, ExtensionType.ContainerExternalDragOverAndCanBeEntered);
+            this._dragOverExtensionItem = null;
+        }
+    }
+    dragOver(designerCanvas, event) {
+        let [newContainer] = this.getPossibleContainerForDragDrop(designerCanvas, event);
+        if (this._dragOverExtensionItem != newContainer) {
+            designerCanvas.extensionManager.removeExtension(this._dragOverExtensionItem, ExtensionType.ContainerExternalDragOverAndCanBeEntered);
+            designerCanvas.extensionManager.applyExtension(newContainer, ExtensionType.ContainerExternalDragOverAndCanBeEntered, event);
+            this._dragOverExtensionItem = newContainer;
+        }
+        else {
+            if (event.x != this._oldX && event.y != this._oldY) {
+                this._oldX = event.x;
+                this._oldY = event.y;
+                designerCanvas.extensionManager.refreshExtension(newContainer, ExtensionType.ContainerExternalDragOverAndCanBeEntered, event);
+            }
+        }
+    }
+    async drop(designerCanvas, event) {
+        if (this._dragOverExtensionItem) {
+            designerCanvas.extensionManager.removeExtension(this._dragOverExtensionItem, ExtensionType.ContainerExternalDragOverAndCanBeEntered);
+            this._dragOverExtensionItem = null;
+        }
+        let [newContainer] = this.getPossibleContainerForDragDrop(designerCanvas, event);
+        if (!newContainer)
+            newContainer = designerCanvas.rootDesignItem;
+        const transferData = event.dataTransfer.getData(dragDropFormatNameElementDefinition);
+        const elementDefinition = JSON.parse(transferData);
+        const di = await designerCanvas.serviceContainer.forSomeServicesTillResult("instanceService", (service) => service.getElement(elementDefinition, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer));
+        const grp = di.openGroup("Insert of &lt;" + di.name + "&gt;");
+        di.setStyle('position', 'absolute');
+        const containerService = designerCanvas.serviceContainer.getLastServiceWhere('containerService', x => x.serviceForContainer(newContainer, getComputedStyle(newContainer.element)));
+        containerService.enterContainer(newContainer, [di]);
+        const containerPos = designerCanvas.getNormalizedElementCoordinates(newContainer.element);
+        const evCoord = designerCanvas.getNormalizedEventCoordinates(event);
+        const pos = { x: evCoord.x - containerPos.x, y: evCoord.y - containerPos.y };
+        containerService.place(event, designerCanvas, newContainer, { x: 0, y: 0 }, { x: 0, y: 0 }, pos, [di]);
+        containerService.finishPlace(event, designerCanvas, newContainer, { x: 0, y: 0 }, { x: 0, y: 0 }, pos, [di]);
+        requestAnimationFrame(() => {
+            designerCanvas.instanceServiceContainer.selectionService.setSelectedElements([di]);
+            grp.commit();
+        });
+    }
+    getPossibleContainerForDragDrop(designerCanvas, event) {
+        let newContainerElementDesignItem = null;
+        let newContainerService = null;
+        const elementsFromPoint = designerCanvas.elementsFromPoint(event.x, event.y);
+        for (let e of elementsFromPoint) {
+            if (e == designerCanvas.rootDesignItem.element) {
+                newContainerElementDesignItem = designerCanvas.rootDesignItem;
+                const containerStyle = getComputedStyle(newContainerElementDesignItem.element);
+                newContainerService = designerCanvas.serviceContainer.getLastServiceWhere('containerService', x => x.serviceForContainer(newContainerElementDesignItem, containerStyle));
+                break;
+            }
+            else if (false) {
+                //check we don't try to move a item over one of its children..
+            }
+            else {
+                newContainerElementDesignItem = DesignItem.GetOrCreateDesignItem(e, e, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
+                const containerStyle = getComputedStyle(newContainerElementDesignItem.element);
+                newContainerService = designerCanvas.serviceContainer.getLastServiceWhere('containerService', x => x.serviceForContainer(newContainerElementDesignItem, containerStyle));
+                if (newContainerService) {
+                    //TODO: Maybe the check for SVG Elemnt should be in "canEnterByDrop"?
+                    if (newContainerService.isEnterableContainer(newContainerElementDesignItem) && !(newContainerElementDesignItem.element instanceof SVGElement)) {
+                        break;
+                    }
+                    else {
+                        newContainerElementDesignItem = null;
+                        newContainerService = null;
+                        continue;
+                    }
+                }
+            }
+        }
+        return [newContainerElementDesignItem, newContainerService];
+    }
+}

package/dist/elements/services/dragDropService/ExternalDragDropService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+import { IExternalDragDropService } from "./IExternalDragDropService.js";
+export declare class ExternalDragDropService implements IExternalDragDropService {
+    dragOver(event: DragEvent): 'none' | 'copy' | 'link' | 'move';
+    drop(designerCanvas: IDesignerCanvas, event: DragEvent): Promise<void>;
+}

package/dist/elements/services/dragDropService/ExternalDragDropService.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { DesignItem } from '../../item/DesignItem.js';
+import { InsertAction } from "../undoService/transactionItems/InsertAction.js";
+export class ExternalDragDropService {
+    dragOver(event) {
+        if (event.dataTransfer.items[0].type.startsWith('image/'))
+            return 'copy';
+        return 'none';
+    }
+    async drop(designerCanvas, event) {
+        if (event.dataTransfer.files[0].type.startsWith('image/')) {
+            let di = await DesignItem.createDesignItemFromImageBlob(designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer, event.dataTransfer.files[0]);
+            let grp = di.openGroup("Insert of &lt;img&gt;");
+            di.setStyle('position', 'absolute');
+            const targetRect = event.target.getBoundingClientRect();
+            di.setStyle('top', event.offsetY + targetRect.top - designerCanvas.containerBoundingRect.y + 'px');
+            di.setStyle('left', event.offsetX + targetRect.left - designerCanvas.containerBoundingRect.x + 'px');
+            designerCanvas.instanceServiceContainer.undoService.execute(new InsertAction(designerCanvas.rootDesignItem, designerCanvas.rootDesignItem.childCount, di));
+            grp.commit();
+            requestAnimationFrame(() => designerCanvas.instanceServiceContainer.selectionService.setSelectedElements([di]));
+        }
+    }
+}

package/dist/elements/services/dragDropService/IDragDropService.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+import { IPlacementService } from "../placementService/IPlacementService.js";
+export interface IDragDropService {
+    dragEnter(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+    dragLeave(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+    dragOver(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+    drop(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+    getPossibleContainerForDragDrop(designerCanvas: IDesignerCanvas, event: DragEvent): [newContainerElementDesignItem: IDesignItem, newContainerService: IPlacementService];
+}

package/dist/elements/services/dragDropService/IDragDropService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/dragDropService/IExternalDragDropService.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+export interface IExternalDragDropService {
+    dragOver(event: DragEvent): 'none' | 'copy' | 'link' | 'move';
+    drop(designerCanvas: IDesignerCanvas, event: DragEvent): any;
+}

package/dist/elements/services/dragDropService/IExternalDragDropService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/dragDropService/IPropertyGridDragDropService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IProperty } from "../propertiesService/IProperty.js";
+export interface IPropertyGridDragDropService {
+    dragOverOnProperty?(event: DragEvent, property: IProperty, designItems: IDesignItem[]): 'none' | 'copy' | 'link' | 'move';
+    dropOnProperty?(event: DragEvent, property: IProperty, dropObject: any, designItems: IDesignItem[]): void;
+}

package/dist/elements/services/dragDropService/IPropertyGridDragDropService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/elementAtPointService/ElementAtPointService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IElementAtPointService } from './IElementAtPointService.js';
+import { IPoint } from '../../../interfaces/IPoint.js';
+import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
+export declare class ElementAtPointService implements IElementAtPointService {
+    getElementAtPoint(designerView: IDesignerCanvas, point: IPoint): any;
+}

package/dist/elements/services/elementAtPointService/ElementAtPointService.js ADDED Viewed

@@ -0,0 +1,5 @@
+export class ElementAtPointService {
+    getElementAtPoint(designerView, point) {
+        return designerView.getElementAtPoint(point);
+    }
+}

package/dist/elements/services/elementAtPointService/IElementAtPointService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IService } from '../IService.js';
+import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
+import { IPoint } from '../../../interfaces/IPoint.js';
+export interface IElementAtPointService extends IService {
+    getElementAtPoint(designerView: IDesignerCanvas, point: IPoint): any;
+}

package/dist/elements/services/elementAtPointService/IElementAtPointService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/elementInteractionService/IElementInteractionService.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+import { IService } from '../IService.js';
+export interface IElementInteractionService extends IService {
+    stopEventHandling(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): boolean;
+}

package/dist/elements/services/elementInteractionService/IElementInteractionService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/elementsService/IElementDefinition.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import { IBinding } from '../../item/IBinding.js';
+export interface IElementDefinition {
+    tag: string;
+    name?: string;
+    description?: string;
+    import?: string;
+    className?: string;
+    type?: string;
+    defaultContent?: any;
+    defaultAttributes?: {
+        [key: string]: string;
+    };
+    defaultStyles?: {
+        [key: string]: string;
+    };
+    defaultWidth?: string;
+    defaultHeight?: string;
+    ghostElement?: Element;
+    /**
+     * every component normal get's the property '_inNodeProjectsDesignerView' set. if it should not be the case on this component set this to true
+     * a component could have special logic when this is true
+     * TODO: maybe remove this, if someone needs such a function, he could use it's own instance provider...
+     */
+    doNotSetInNodeProjectsDesignerViewOnInstance?: boolean;
+    /**
+     * Name of the Tool activated when selecting the element.
+     * If none, the DrawElementTool is used
+     */
+    tool?: string;
+    defaultBinding?: IBinding;
+}

package/dist/elements/services/elementsService/IElementDefinition.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/elementsService/IElementsJson.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { IElementDefinition } from './IElementDefinition.js';
+export interface IElementsJson {
+    "imports"?: string[];
+    "elements": (string | IElementDefinition)[];
+}

package/dist/elements/services/elementsService/IElementsJson.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/elementsService/IElementsService.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IService } from '../IService.js';
+import { IElementDefinition } from './IElementDefinition.js';
+export interface IElementsService extends IService {
+    readonly name: string;
+    getElements(): Promise<IElementDefinition[]>;
+}

package/dist/elements/services/elementsService/IElementsService.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/elements/services/elementsService/JsonFileElementsService.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { IElementsService } from './IElementsService.js';
+import { IElementDefinition } from './IElementDefinition.js';
+export declare class JsonFileElementsService implements IElementsService {
+    private _name;
+    get name(): string;
+    private _elementList;
+    private _resolveStored;
+    private _rejectStored;
+    getElements(): Promise<IElementDefinition[]>;
+    constructor(name: string, file: string);
+    private isIElementDefintion;
+}

package/dist/elements/services/elementsService/JsonFileElementsService.js ADDED Viewed

@@ -0,0 +1,45 @@
+import { LazyLoader } from '@node-projects/base-custom-webcomponent';
+// Reads a Json File and provides the Elements listed there
+export class JsonFileElementsService {
+    _name;
+    get name() { return this._name; }
+    _elementList;
+    _resolveStored;
+    _rejectStored;
+    getElements() {
+        if (this._elementList)
+            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); });
+    }
+    constructor(name, file) {
+        this._name = name;
+        LazyLoader.LoadText(file).then(data => {
+            let parsed = JSON.parse(data);
+            this._elementList = [];
+            parsed.elements.forEach(element => {
+                if (this.isIElementDefintion(element))
+                    this._elementList.push(element);
+                else
+                    this._elementList.push({ tag: element });
+            });
+            if (this._resolveStored) {
+                this._resolveStored.forEach(x => x(this._elementList));
+                this._resolveStored = null;
+                this._rejectStored = null;
+            }
+        }).catch(err => {
+            if (this._rejectStored) {
+                this._rejectStored.forEach(x => x(err));
+                this._resolveStored = null;
+                this._rejectStored = null;
+            }
+        });
+    }
+    isIElementDefintion(object) {
+        return object != null && object.tag != null;
+    }
+}

package/dist/elements/services/elementsService/PreDefinedElementsService.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { IElementsService } from './IElementsService.js';
+import { IElementsJson } from './IElementsJson.js';
+import { IElementDefinition } from './IElementDefinition.js';
+export declare class PreDefinedElementsService implements IElementsService {
+    private _name;
+    get name(): string;
+    private _elementList;
+    getElements(): Promise<IElementDefinition[]>;
+    constructor(name: string, data: IElementsJson);
+    private isIElementDefintion;
+}

package/dist/elements/services/elementsService/PreDefinedElementsService.js ADDED Viewed

@@ -0,0 +1,21 @@
+export class PreDefinedElementsService {
+    _name;
+    get name() { return this._name; }
+    _elementList;
+    getElements() {
+        return Promise.resolve(this._elementList);
+    }
+    constructor(name, data) {
+        this._name = name;
+        this._elementList = [];
+        data.elements.forEach(element => {
+            if (this.isIElementDefintion(element))
+                this._elementList.push(element);
+            else
+                this._elementList.push({ tag: element });
+        });
+    }
+    isIElementDefintion(object) {
+        return object != null && object.tag != null;
+    }
+}

package/dist/elements/services/elementsService/WebcomponentManifestElementsService.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { IElementDefinition } from "./IElementDefinition.js";
+import { IElementsService } from "./IElementsService.js";
+export declare class WebcomponentManifestElementsService implements IElementsService {
+    private _name;
+    get name(): string;
+    private _importPrefix;
+    private _elementList;
+    private _resolveStored;
+    private _rejectStored;
+    constructor(name: string, importPrefix: string, manifest: any);
+    private _parseManifest;
+    getElements(): Promise<IElementDefinition[]>;
+}

package/dist/elements/services/elementsService/WebcomponentManifestElementsService.js ADDED Viewed

@@ -0,0 +1,45 @@
+import { removeLeading, removeTrailing } from "../../helper/Helper.js";
+export class WebcomponentManifestElementsService {
+    _name;
+    get name() { return this._name; }
+    _importPrefix;
+    _elementList;
+    _resolveStored;
+    _rejectStored;
+    constructor(name, importPrefix, manifest) {
+        this._name = name;
+        this._importPrefix = importPrefix;
+        this._parseManifest(manifest);
+    }
+    _parseManifest(manifest) {
+        this._elementList = [];
+        for (let m of manifest.modules) {
+            for (let e of m.exports) {
+                if (e.kind == 'custom-element-definition') {
+                    let elDef = { tag: e.name, import: removeTrailing(this._importPrefix, '/') + '/' + removeLeading(e.declaration.module, '/'), defaultWidth: "200px", defaultHeight: "200px", className: e.declaration.name };
+                    this._elementList.push(elDef);
+                }
+            }
+            for (let d of m.declarations) {
+                if (d.tagName) {
+                    let elDef = { tag: d.tagName, import: removeTrailing(this._importPrefix, '/') + '/' + removeLeading(m.path, '/'), defaultWidth: "200px", defaultHeight: "200px", className: d.name };
+                    this._elementList.push(elDef);
+                }
+            }
+            if (this._resolveStored) {
+                this._resolveStored.forEach(x => x(this._elementList));
+                this._resolveStored = null;
+                this._rejectStored = null;
+            }
+        }
+    }
+    async getElements() {
+        if (this._elementList)
+            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); });
+    }
+}