@node-projects/web-component-designer 0.0.26 → 0.0.30

package/dist/elements/widgets/designerView/tools/PointerTool.d.ts

@@ -1,5 +1,6 @@
 import { IDesignerCanvas } from "../IDesignerCanvas";
 import { ITool } from "./ITool";
+import { ServiceContainer } from "../../../services/ServiceContainer.js";
 export declare class PointerTool implements ITool {
     readonly cursor: string;
     private _movedSinceStartedAction;
@@ -12,6 +13,7 @@ export declare class PointerTool implements ITool {
     private _dragExtensionItem;
     private _moveItemsOffset;
     constructor();
+    activated(serviceContainer: ServiceContainer): void;
     dispose(): void;
     pointerEventHandler(designerView: IDesignerCanvas, event: PointerEvent, currentElement: Element): void;
     private _pointerActionTypeDrawSelection;

package/dist/elements/widgets/designerView/tools/PointerTool.js

@@ -11,6 +11,8 @@ export class PointerTool {
         this._clickThroughElements = [];
         this._moveItemsOffset = { x: 0, y: 0 };
     }
+    activated(serviceContainer) {
+    }
     dispose() {
     }
     pointerEventHandler(designerView, event, currentElement) {

package/dist/elements/widgets/designerView/tools/RectangleSelectorTool.d.ts

@@ -1,9 +1,11 @@
+import { ServiceContainer } from '../../../services/ServiceContainer.js';
 import { IDesignerCanvas } from '../IDesignerCanvas';
 import { ITool } from './ITool';
 export declare class RectangleSelectorTool implements ITool {
     cursor: string;
     private _rect;
     private _initialPoint;
+    activated(serviceContainer: ServiceContainer): void;
     pointerEventHandler(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): void;
     dispose(): void;
 }

package/dist/elements/widgets/designerView/tools/RectangleSelectorTool.js

@@ -5,6 +5,8 @@ export class RectangleSelectorTool {
     constructor() {
         this.cursor = 'progress';
     }
+    activated(serviceContainer) {
+    }
     pointerEventHandler(designerCanvas, event, currentElement) {
         const currentPoint = designerCanvas.getDesignerMousepoint(event, currentElement, event.type === 'pointerdown' ? null : this._initialPoint);
         switch (event.type) {

package/dist/elements/widgets/designerView/tools/TextTool.d.ts

@@ -1,7 +1,9 @@
+import { ServiceContainer } from '../../../services/ServiceContainer.js';
 import { IDesignerCanvas } from '../IDesignerCanvas';
 import { ITool } from './ITool';
 export declare class TextTool implements ITool {
     constructor();
+    activated(serviceContainer: ServiceContainer): void;
     dispose(): void;
     readonly cursor = "text";
     pointerEventHandler(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): void;

package/dist/elements/widgets/designerView/tools/TextTool.js

@@ -2,6 +2,8 @@ export class TextTool {
     constructor() {
         this.cursor = 'text';
     }
+    activated(serviceContainer) {
+    }
     dispose() {
     }
     pointerEventHandler(designerCanvas, event, currentElement) {

package/dist/elements/widgets/designerView/tools/ZoomTool.d.ts

@@ -1,7 +1,9 @@
+import { ServiceContainer } from '../../../services/ServiceContainer.js';
 import { IDesignerCanvas } from '../IDesignerCanvas';
 import { ITool } from './ITool';
 export declare class ZoomTool implements ITool {
     readonly cursor: string;
+    activated(serviceContainer: ServiceContainer): void;
     pointerEventHandler(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): void;
     dispose(): void;
 }

package/dist/elements/widgets/designerView/tools/ZoomTool.js

@@ -2,6 +2,8 @@ export class ZoomTool {
     constructor() {
         this.cursor = 'zoom-in';
     }
+    activated(serviceContainer) {
+    }
     pointerEventHandler(designerCanvas, event, currentElement) {
     }
     dispose() {

package/dist/index.d.ts

@@ -16,6 +16,9 @@ export type { IDesignItem } from "./elements/item/IDesignItem.js";
 export * from "./elements/services/bindableObjectsService/BindableObjectType.js";
 export type { IBindableObject } from "./elements/services/bindableObjectsService/IBindableObject.js";
 export type { IBindableObjectsService } from "./elements/services/bindableObjectsService/IBindableObjectsService.js";
+export type { IBindingService } from "./elements/services/bindingsService/IBindingService.js";
+export * from "./elements/services/bindingsService/BaseCustomWebcomponentBindingsService.js";
+export * from "./elements/services/bindingsService/SpecialTagsBindingService.js";
 export * from "./elements/services/placementService/DefaultPlacementService.js";
 export * from "./elements/services/placementService/FlexBoxPlacementService.js";
 export * from "./elements/services/placementService/GridPlacementService.js";
@@ -77,7 +80,8 @@ export type { IServiceContainer } from "./elements/services/IServiceContainer.js
 export * from "./elements/services/ServiceContainer.js";
 export * from "./elements/widgets/propertyGrid/PropertyGrid.js";
 export * from "./elements/widgets/propertyGrid/PropertyGridPropertyList.js";
-export type { IDesignerCanvas as IDesignerView } from "./elements/widgets/designerView/IDesignerCanvas.js";
+export type { IDesignerCanvas } from "./elements/widgets/designerView/IDesignerCanvas.js";
+export type { IPlacementView } from "./elements/widgets/designerView/IPlacementView.js";
 export * from "./elements/widgets/designerView/designerView.js";
 export * from "./elements/widgets/designerView/overlayLayerView.js";
 export * from "./elements/widgets/designerView/defaultConfiguredDesignerView.js";

package/dist/index.js

@@ -12,6 +12,8 @@ export * from "./elements/helper/contextMenu/ContextMenuHelper.js";
 export * from "./elements/helper/Helper.js";
 export * from "./elements/item/DesignItem.js";
 export * from "./elements/services/bindableObjectsService/BindableObjectType.js";
+export * from "./elements/services/bindingsService/BaseCustomWebcomponentBindingsService.js";
+export * from "./elements/services/bindingsService/SpecialTagsBindingService.js";
 export * from "./elements/services/placementService/DefaultPlacementService.js";
 export * from "./elements/services/placementService/FlexBoxPlacementService.js";
 export * from "./elements/services/placementService/GridPlacementService.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.26",
+  "version": "0.0.30",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",
@@ -11,26 +11,25 @@
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js"
   },
   "dependencies": {
-    "@node-projects/base-custom-webcomponent": "^0.1.7",
+    "@node-projects/base-custom-webcomponent": "^0.2.0",
     "construct-style-sheets-polyfill": "^3.0.4"
   },
   "devDependencies": {
     "@node-projects/lean-he-esm": "^3.3.0",
-    "@node-projects/node-html-parser-esm": "^2.3.0",
+    "@node-projects/node-html-parser-esm": "^2.4.1",
     "@types/codemirror": "^5.60.5",
     "@types/jquery": "^3.5.8",
     "@types/jquery.fancytree": "0.0.7",
     "ace-builds": "^1.4.13",
-    "codemirror": "^5.63.3",
+    "codemirror": "^5.64.0",
     "esprima-next": "^5.7.0",
     "html2canvas": "*",
     "jest": "^27.3.1",
     "jquery": "^3.6.0",
     "jquery.fancytree": "^2.38.0",
-    "monaco-editor": "^0.29.1",
-    "node-html-parser": "^5.0.0",
+    "monaco-editor": "^0.30.1",
     "ts-jest": "^27.0.7",
-    "typescript": "^4.4.4",
+    "typescript": "^4.5.2",
     "typescript-lit-html-plugin": "^0.9.0"
   },
   "repository": {