@node-projects/web-component-designer 0.0.45 → 0.0.46

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.
@@ -1,6 +1,8 @@
1
1
  import { CssStyleChangeAction } from '../services/undoService/transactionItems/CssStyleChangeAction';
2
2
  import { NodeType } from './NodeType';
3
3
  import { AttributeChangeAction } from '../services/undoService/transactionItems/AttributeChangeAction';
4
+ //import { PropertyChangeAction } from '../services/undoService/transactionItems/PropertyChangeAction';
5
+ import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType';
4
6
  import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper';
5
7
  import { CssAttributeParser } from '../helper/CssAttributeParser.js';
6
8
  const hideAtDesignTimeAttributeName = 'node-projects-hide-at-design-time';
@@ -66,6 +68,9 @@ export class DesignItem {
66
68
  return this.getOrCreateDesignItem(this.element.parentNode);
67
69
  }
68
70
  insertChild(designItem, index) {
71
+ //todo... via undoredo system....
72
+ if (designItem.parent && this.instanceServiceContainer.selectionService.primarySelection == designItem)
73
+ designItem.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(designItem.parent, ExtensionType.PrimarySelectionContainer);
69
74
  if (designItem.parent) {
70
75
  designItem.parent.removeChild(designItem);
71
76
  }
@@ -79,8 +84,13 @@ export class DesignItem {
79
84
  this.node.insertBefore(designItem.node, el.element);
80
85
  this._childArray.splice(index, 0, designItem);
81
86
  }
87
+ if (this.instanceServiceContainer.selectionService.primarySelection == designItem)
88
+ designItem.instanceServiceContainer.designerCanvas.extensionManager.applyExtension(designItem.parent, ExtensionType.PrimarySelectionContainer);
82
89
  }
83
90
  removeChild(designItem) {
91
+ //todo... via undoredo system....
92
+ if (designItem.parent && this.instanceServiceContainer.selectionService.primarySelection == designItem)
93
+ designItem.instanceServiceContainer.designerCanvas.extensionManager.removeExtension(designItem.parent, ExtensionType.PrimarySelectionContainer);
84
94
  const index = this._childArray.indexOf(designItem);
85
95
  if (index > -1) {
86
96
  this._childArray.splice(index, 1);
@@ -3,6 +3,7 @@ import { IUndoService } from './undoService/IUndoService';
3
3
  import { BaseServiceContainer } from './BaseServiceContainer';
4
4
  import { IContentService } from './contentService/IContentService';
5
5
  import { IDesignContext } from '../widgets/designerView/IDesignContext';
6
+ import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
6
7
  interface InstanceServiceNameMap {
7
8
  "undoService": IUndoService;
8
9
  "selectionService": ISelectionService;
@@ -10,6 +11,8 @@ interface InstanceServiceNameMap {
10
11
  }
11
12
  export declare class InstanceServiceContainer extends BaseServiceContainer<InstanceServiceNameMap> {
12
13
  designContext: IDesignContext;
14
+ readonly designerCanvas: IDesignerCanvas;
15
+ constructor(designerCanvas: IDesignerCanvas);
13
16
  get undoService(): IUndoService;
14
17
  get selectionService(): ISelectionService;
15
18
  get contentService(): IContentService;
@@ -2,6 +2,11 @@ import { BaseServiceContainer } from './BaseServiceContainer';
2
2
  import { DesignContext } from '../widgets/designerView/DesignContext';
3
3
  export class InstanceServiceContainer extends BaseServiceContainer {
4
4
  designContext = new DesignContext();
5
+ designerCanvas;
6
+ constructor(designerCanvas) {
7
+ super();
8
+ this.designerCanvas = designerCanvas;
9
+ }
5
10
  get undoService() {
6
11
  return this.getLastService('undoService');
7
12
  }
@@ -115,7 +115,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
115
115
  this._canvas = this._getDomElement('node-projects-designer-canvas-canvas');
116
116
  this._canvasContainer = this._getDomElement('node-projects-designer-canvas-canvasContainer');
117
117
  this._outercanvas2 = this._getDomElement('node-projects-designer-canvas-outercanvas2');
118
- this.instanceServiceContainer = new InstanceServiceContainer();
118
+ this.instanceServiceContainer = new InstanceServiceContainer(this);
119
119
  this.instanceServiceContainer.register("undoService", new UndoService(this));
120
120
  this.instanceServiceContainer.register("selectionService", new SelectionService);
121
121
  this.extensionManager = new ExtensionManager(this);
@@ -163,7 +163,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
163
163
  async executeCommand(command) {
164
164
  const modelCommandService = this.serviceContainer.modelCommandService;
165
165
  if (modelCommandService) {
166
- let handeled = modelCommandService.executeCommand(this, command);
166
+ let handeled = await modelCommandService.executeCommand(this, command);
167
167
  if (handeled != null)
168
168
  return;
169
169
  }
@@ -24,7 +24,6 @@ export class RectangleSelectorTool {
24
24
  break;
25
25
  case EventNames.PointerMove:
26
26
  if (this._initialPoint) {
27
- console.warn(currentPoint);
28
27
  let w = currentPoint.x - this._initialPoint.x;
29
28
  let h = currentPoint.y - this._initialPoint.y;
30
29
  if (w >= 0) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "description": "A UI designer for Polymer apps",
3
3
  "name": "@node-projects/web-component-designer",
4
- "version": "0.0.45",
4
+ "version": "0.0.46",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "author": "",