@node-projects/web-component-designer 0.0.255 → 0.0.256

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -83,6 +83,7 @@ import { DesignItemDocumentPositionService } from './designItemDocumentPositionS
 import { TransformToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TransformToolButtonProvider.js';
 import { MultipleSelectionRectExtensionProvider } from '../widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js';
 import { DragDropService } from './dragDropService/DragDropService.js';
+import { EventsService } from './eventsService/EventsService.js';
 export function createDefaultServiceContainer() {
     let serviceContainer = new ServiceContainer();
     let defaultPlacementService = new DefaultPlacementService();
@@ -107,11 +108,11 @@ export function createDefaultServiceContainer() {
     serviceContainer.register("copyPasteService", new CopyPasteService());
     serviceContainer.register("modelCommandService", new DefaultModelCommandService());
     serviceContainer.register("demoProviderService", new DemoProviderService());
+    serviceContainer.register("eventsService", new EventsService());
     serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
     serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
     serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
     serviceContainer.register("designItemDocumentPositionService", (designerCanvas) => new DesignItemDocumentPositionService(designerCanvas));
-    //serviceContainer.register("stylesheetService", new DemoProviderService());
     serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
         // new ResizeExtensionProvider(false),
         new InvisibleElementExtensionProvider(),

package/dist/elements/services/ServiceContainer.d.ts

@@ -41,6 +41,7 @@ import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
 import { IDesignItemDocumentPositionService } from './designItemDocumentPositionService/IDesignItemDocumentPositionService.js';
 import { IDragDropService } from './dragDropService/IDragDropService.js';
 import { IDesignItemService } from './designItemService/IDesignItemService.js';
+import { IEventsService } from './eventsService/IEventsService.js';
 interface ServiceNameMap {
     "propertyService": IPropertiesService;
     "containerService": IPlacementService;
@@ -63,6 +64,7 @@ interface ServiceNameMap {
     "propertyGroupsService": IPropertyTabsService;
     "dragDropService": IDragDropService;
     "designItemService": IDesignItemService;
+    "eventsService": IEventsService;
     "undoService": (designerCanvas: IDesignerCanvas) => IUndoService;
     "selectionService": (designerCanvas: IDesignerCanvas) => ISelectionService;
     "contentService": (designerCanvas: IDesignerCanvas) => IContentService;
@@ -96,6 +98,7 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     get containerServices(): IPlacementService[];
     get snaplinesProviderService(): ISnaplinesProviderService;
     get elementsServices(): IElementsService[];
+    get eventsService(): IEventsService[];
     get instanceServices(): IInstanceService[];
     get editorTypesServices(): IEditorTypesService[];
     get htmlWriterService(): IHtmlWriterService;

package/dist/elements/services/ServiceContainer.js

@@ -55,6 +55,9 @@ export class ServiceContainer extends BaseServiceContainer {
     get elementsServices() {
         return this.getServices('elementsService');
     }
+    get eventsService() {
+        return this.getServices('eventsService');
+    }
     get instanceServices() {
         return this.getServices('instanceService');
     }

package/dist/elements/services/eventsService/EventsService.d.ts

@@ -0,0 +1,17 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IEvent } from "./IEvent.js";
+import { IEventsService } from "./IEventsService.js";
+export declare class EventsService implements IEventsService {
+    protected _windowEvents: string[];
+    protected _allElements: string[];
+    protected _focusableEvents: string[];
+    protected _form: string[];
+    protected _mouseEvents: string[];
+    protected _pointerEvents: string[];
+    protected _touchEvents: string[];
+    protected _dragEvents: string[];
+    protected _clipboard: string[];
+    protected _details: string[];
+    isHandledElement(designItem: IDesignItem): boolean;
+    getPossibleEvents(designItem: IDesignItem): IEvent[];
+}

package/dist/elements/services/eventsService/EventsService.js

@@ -0,0 +1,91 @@
+export class EventsService {
+    _windowEvents = [
+        "afterprint",
+        "beforeprint",
+        "beforeunload",
+        "error",
+        "hashchange",
+        "load",
+        "message",
+        "offline",
+        "online",
+        "pageshow",
+        "popstate",
+        "resize",
+        "storage",
+        "unload"
+    ];
+    _allElements = [
+        "contextmenu",
+    ];
+    _focusableEvents = [
+        "blur",
+        "focus",
+        "keydown",
+        "keypress",
+        "keyup"
+    ];
+    _form = [
+        "change",
+        "input",
+        "invalid",
+        "reset",
+        "search",
+        "select",
+        "submit"
+    ];
+    _mouseEvents = [
+        "click",
+        "dblclick",
+        "mousedown",
+        "mouseup",
+        "mousemove",
+        "mouseover",
+        "mouseout",
+        "mousewheel",
+        "wheel"
+    ];
+    _pointerEvents = [
+        "pointerdown",
+        "pointerup",
+        "pointerenter",
+        "pointerleave",
+        "pointermove",
+        "pointerover",
+        "pointerout",
+        "pointercancel"
+    ];
+    _touchEvents = [
+        "touchstart",
+        "touchend",
+        "touchmove",
+        "touchcancel"
+    ];
+    _dragEvents = [
+        "drag",
+        "dragend",
+        "dragenter",
+        "dragleave",
+        "dragover",
+        "dragstart",
+        "drop",
+        "scroll"
+    ];
+    _clipboard = [
+        "copy",
+        "cut",
+        "paste"
+    ];
+    _details = [
+        "toggle"
+    ];
+    isHandledElement(designItem) {
+        return true;
+    }
+    getPossibleEvents(designItem) {
+        //Todo: create corret events list for all std. elements
+        let lst = [...this._mouseEvents, ...this._allElements, ...this._focusableEvents];
+        let events = lst.map(x => ({ name: x, propertyName: 'on' + x }));
+        return events;
+    }
+}

package/dist/elements/services/eventsService/IEvent.d.ts

@@ -0,0 +1,4 @@
+export interface IEvent {
+    name: string;
+    propertyName: string;
+}

package/dist/elements/services/eventsService/IEvent.js

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

package/dist/elements/services/eventsService/IEventsService copy.d.ts

@@ -0,0 +1,2 @@
+export interface IEventsService {
+}

package/dist/elements/services/eventsService/IEventsService copy.js

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

package/dist/elements/services/eventsService/IEventsService.d.ts

@@ -0,0 +1,6 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+import { IEvent } from "./IEvent.js";
+export interface IEventsService {
+    isHandledElement(designItem: IDesignItem): boolean;
+    getPossibleEvents(designItem: IDesignItem): IEvent[];
+}

package/dist/elements/services/eventsService/IEventsService.js

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

package/dist/index.d.ts

@@ -58,6 +58,9 @@ export type { IElementsService } from "./elements/services/elementsService/IElem
 export * from "./elements/services/elementsService/JsonFileElementsService.js";
 export * from "./elements/services/elementsService/PreDefinedElementsService.js";
 export * from "./elements/services/elementsService/WebcomponentManifestElementsService.js";
+export type { IEvent } from "./elements/services/eventsService/IEvent.js";
+export type { IEventsService } from "./elements/services/eventsService/IEventsService.js";
+export * from "./elements/services/eventsService/EventsService.js";
 export type { IHtmlWriterService } from "./elements/services/htmlWriterService/IHtmlWriterService.js";
 export type { IHtmlWriterOptions } from "./elements/services/htmlWriterService/IHtmlWriterOptions.js";
 export * from "./elements/services/htmlWriterService/AbstractHtmlWriterService.js";

package/dist/index.js

@@ -35,6 +35,7 @@ export * from "./elements/services/dragDropService/DragDropService.js";
 export * from "./elements/services/elementsService/JsonFileElementsService.js";
 export * from "./elements/services/elementsService/PreDefinedElementsService.js";
 export * from "./elements/services/elementsService/WebcomponentManifestElementsService.js";
+export * from "./elements/services/eventsService/EventsService.js";
 export * from "./elements/services/htmlWriterService/AbstractHtmlWriterService.js";
 export * from "./elements/services/htmlWriterService/FormatingHtmlWriterService.js";
 export * from "./elements/services/htmlWriterService/HtmlWriterService.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.255",
+  "version": "0.0.256",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",