@node-projects/web-component-designer 0.0.48 → 0.0.52

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 (125) hide show
  1. package/dist/elements/helper/GridHelper.d.ts +16 -0
  2. package/dist/elements/helper/GridHelper.js +107 -0
  3. package/dist/elements/helper/Helper.d.ts +3 -0
  4. package/dist/elements/helper/Helper.js +3 -0
  5. package/dist/elements/helper/LayoutHelper.d.ts +3 -0
  6. package/dist/elements/helper/LayoutHelper.js +47 -1
  7. package/dist/elements/helper/TransformHelper.d.ts +1 -0
  8. package/dist/elements/helper/TransformHelper.js +12 -0
  9. package/dist/elements/item/DesignItem.d.ts +4 -2
  10. package/dist/elements/item/DesignItem.js +6 -3
  11. package/dist/elements/item/IDesignItem.d.ts +4 -2
  12. package/dist/elements/services/htmlWriterService/HtmlWriterService.js +1 -6
  13. package/dist/elements/services/placementService/DefaultPlacementService.js +20 -8
  14. package/dist/elements/services/placementService/FlexBoxPlacementService.js +15 -1
  15. package/dist/elements/services/placementService/GridPlacementService.js +52 -1
  16. package/dist/elements/services/undoService/transactionItems/CssStyleChangeAction.d.ts +2 -2
  17. package/dist/elements/widgets/designerView/DomConverter.d.ts +1 -1
  18. package/dist/elements/widgets/designerView/DomConverter.js +2 -0
  19. package/dist/elements/widgets/designerView/IDesignerCanvas.d.ts +2 -0
  20. package/dist/elements/widgets/designerView/designerCanvas.d.ts +2 -1
  21. package/dist/elements/widgets/designerView/designerCanvas.js +2 -2
  22. package/dist/elements/widgets/designerView/extensions/GridExtension.js +11 -97
  23. package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.js +2 -2
  24. package/dist/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.d.ts +2 -2
  25. package/dist/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js +1 -1
  26. package/dist/elements/widgets/designerView/extensions/contextMenu/IContextMenuExtension.d.ts +2 -1
  27. package/dist/elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.d.ts +2 -2
  28. package/dist/elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js +4 -3
  29. package/dist/elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.d.ts +2 -2
  30. package/dist/elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js +1 -1
  31. package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.d.ts +2 -2
  32. package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js +1 -1
  33. package/dist/elements/widgets/propertyGrid/PropertyGridWithHeader.js +1 -1
  34. package/dist/elements/widgets/treeView/treeViewExtended.d.ts +2 -0
  35. package/dist/elements/widgets/treeView/treeViewExtended.js +13 -0
  36. package/dist/index.d.ts +1 -1
  37. package/package.json +1 -1
  38. package/dist/elements/controls/ImageButtonListSelector copy.d.ts +0 -17
  39. package/dist/elements/controls/ImageButtonListSelector copy.js +0 -82
  40. package/dist/elements/controls/NumericInput.d.ts +0 -0
  41. package/dist/elements/controls/NumericInput.js +0 -1
  42. package/dist/elements/controls/ThicknessEditor copy.d.ts +0 -33
  43. package/dist/elements/controls/ThicknessEditor copy.js +0 -145
  44. package/dist/elements/helper/CssPropertiesList.d.ts +0 -0
  45. package/dist/elements/helper/CssPropertiesList.js +0 -1
  46. package/dist/elements/item/Binding.d.ts +0 -14
  47. package/dist/elements/item/Binding.js +0 -4
  48. package/dist/elements/item/IBinding copy.d.ts +0 -14
  49. package/dist/elements/item/IBinding copy.js +0 -1
  50. package/dist/elements/services/bindingsService/BaseCustomeWebcomponentBindingsService copy.d.ts +0 -9
  51. package/dist/elements/services/bindingsService/BaseCustomeWebcomponentBindingsService copy.js +0 -31
  52. package/dist/elements/services/bindingsService/BaseCustomeWebcomponentBindingsService.d.ts +0 -11
  53. package/dist/elements/services/bindingsService/BaseCustomeWebcomponentBindingsService.js +0 -34
  54. package/dist/elements/services/bindingsService/BindingMode.d.ts +0 -4
  55. package/dist/elements/services/bindingsService/BindingMode.js +0 -5
  56. package/dist/elements/services/bindingsService/BindingTarget.d.ts +0 -6
  57. package/dist/elements/services/bindingsService/BindingTarget.js +0 -7
  58. package/dist/elements/services/bindingsService/IBinding.d.ts +0 -14
  59. package/dist/elements/services/bindingsService/IBinding.js +0 -1
  60. package/dist/elements/services/bindingsService/PolymerBindingsService copy.d.ts +0 -9
  61. package/dist/elements/services/bindingsService/PolymerBindingsService copy.js +0 -31
  62. package/dist/elements/services/bindingsService/PolymerBindingsService.d.ts +0 -0
  63. package/dist/elements/services/bindingsService/PolymerBindingsService.js +0 -38
  64. package/dist/elements/services/copyPasteService/ICopyPasteService copy.d.ts +0 -0
  65. package/dist/elements/services/copyPasteService/ICopyPasteService copy.js +0 -1
  66. package/dist/elements/services/htmlParserService/NodeHtmlParserService.ts.BASE.d.ts +0 -9
  67. package/dist/elements/services/htmlParserService/NodeHtmlParserService.ts.BASE.js +0 -100
  68. package/dist/elements/services/htmlParserService/NodeHtmlParserService.ts.LOCAL.d.ts +0 -11
  69. package/dist/elements/services/htmlParserService/NodeHtmlParserService.ts.LOCAL.js +0 -84
  70. package/dist/elements/services/htmlParserService/NodeHtmlParserService.ts.REMOTE.d.ts +0 -9
  71. package/dist/elements/services/htmlParserService/NodeHtmlParserService.ts.REMOTE.js +0 -83
  72. package/dist/elements/services/modelCommandService/DefaultInstanceService.d.ts +0 -8
  73. package/dist/elements/services/modelCommandService/DefaultInstanceService.js +0 -14
  74. package/dist/elements/services/modelCommandService/IInstanceService.d.ts +0 -8
  75. package/dist/elements/services/modelCommandService/IInstanceService.js +0 -1
  76. package/dist/elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor copy.d.ts +0 -8
  77. package/dist/elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor copy.js +0 -40
  78. package/dist/elements/services/propertiesService/services/CommonPropertiesService copy.d.ts +0 -16
  79. package/dist/elements/services/propertiesService/services/CommonPropertiesService copy.js +0 -94
  80. package/dist/elements/widgets/designerView/IDesignerView.d.ts +0 -30
  81. package/dist/elements/widgets/designerView/IDesignerView.js +0 -1
  82. package/dist/elements/widgets/designerView/designerView copy.d.ts +0 -82
  83. package/dist/elements/widgets/designerView/designerView copy.js +0 -671
  84. package/dist/elements/widgets/designerView/extensions/AbstractExtension copy.d.ts +0 -22
  85. package/dist/elements/widgets/designerView/extensions/AbstractExtension copy.js +0 -52
  86. package/dist/elements/widgets/designerView/extensions/CanvasExtension copy.d.ts +0 -10
  87. package/dist/elements/widgets/designerView/extensions/CanvasExtension copy.js +0 -29
  88. package/dist/elements/widgets/designerView/extensions/CanvasExtensionProvider copy.d.ts +0 -10
  89. package/dist/elements/widgets/designerView/extensions/CanvasExtensionProvider copy.js +0 -15
  90. package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtension.d.ts +0 -14
  91. package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtension.js +0 -42
  92. package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtensionProvider.d.ts +0 -9
  93. package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtensionProvider.js +0 -9
  94. package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtension.d.ts +0 -27
  95. package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtension.js +0 -61
  96. package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtensionProvider.d.ts +0 -9
  97. package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtensionProvider.js +0 -9
  98. package/dist/elements/widgets/designerView/extensions/PermamentCursorExtension.d.ts +0 -10
  99. package/dist/elements/widgets/designerView/extensions/PermamentCursorExtension.js +0 -29
  100. package/dist/elements/widgets/designerView/extensions/PermamentCursorExtensionProvider copy.d.ts +0 -10
  101. package/dist/elements/widgets/designerView/extensions/PermamentCursorExtensionProvider copy.js +0 -15
  102. package/dist/elements/widgets/designerView/extensions/PermamentCursorExtensionProvider.d.ts +0 -10
  103. package/dist/elements/widgets/designerView/extensions/PermamentCursorExtensionProvider.js +0 -15
  104. package/dist/elements/widgets/designerView/extensions/pointerExtensions/AbstractExtension.d.ts +0 -22
  105. package/dist/elements/widgets/designerView/extensions/pointerExtensions/AbstractExtension.js +0 -78
  106. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension copy.d.ts +0 -13
  107. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension copy.js +0 -27
  108. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectangleExtension.d.ts +0 -7
  109. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectangleExtension.js +0 -20
  110. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension copy.d.ts +0 -13
  111. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension copy.js +0 -27
  112. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension.d.ts +0 -7
  113. package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension.js +0 -20
  114. package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtension.d.ts +0 -5
  115. package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtension.js +0 -1
  116. package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtensionProvider.d.ts +0 -9
  117. package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtensionProvider.js +0 -1
  118. package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerExtension.d.ts +0 -7
  119. package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerExtension.js +0 -20
  120. package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerPointerExtension.d.ts +0 -7
  121. package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerPointerExtension.js +0 -20
  122. package/dist/elements/widgets/propertyGrid/PropertyGrid copy.d.ts +0 -17
  123. package/dist/elements/widgets/propertyGrid/PropertyGrid copy.js +0 -143
  124. package/dist/interfaces/IDesignerMousePoint.d.ts +0 -11
  125. package/dist/interfaces/IDesignerMousePoint.js +0 -1
@@ -1,94 +0,0 @@
1
- import { ValueType } from "../ValueType";
2
- export class CommonPropertiesService {
3
- constructor() {
4
- //@ts-ignore
5
- this.commonProperties = [
6
- {
7
- name: "id",
8
- type: "string",
9
- service: this
10
- }, {
11
- name: "class",
12
- type: "string",
13
- service: this
14
- }, {
15
- name: "title",
16
- type: "string",
17
- service: this
18
- }, {
19
- name: "tabindex",
20
- type: "number",
21
- service: this
22
- }
23
- ];
24
- this.name = "common";
25
- }
26
- isHandledElement(designItem) {
27
- return true;
28
- }
29
- getProperty(designItem, name) {
30
- return this.commonProperties[name];
31
- }
32
- getProperties(designItem) {
33
- return this.commonProperties;
34
- }
35
- setValue(designItems, property, value) {
36
- for (let d of designItems) {
37
- if (property.type == 'boolean' && !value) {
38
- d.attributes.delete(property.name);
39
- d.element.removeAttribute(property.name);
40
- }
41
- else if (property.type == 'boolean' && value) {
42
- d.attributes.set(property.name, "");
43
- d.element.setAttribute(property.name, "");
44
- }
45
- else {
46
- d.attributes.set(property.name, value);
47
- d.element.setAttribute(property.name, value);
48
- }
49
- }
50
- }
51
- clearValue(designItems, property) {
52
- for (let d of designItems) {
53
- d.attributes.delete(property.name);
54
- d.element.removeAttribute(property.name);
55
- }
56
- }
57
- isSet(designItems, property) {
58
- let all = true;
59
- let some = false;
60
- if (designItems != null && designItems.length !== 0) {
61
- let attributeName = property.name;
62
- designItems.forEach((x) => {
63
- let has = x.attributes.has(attributeName);
64
- all = all && has;
65
- some = some || has;
66
- });
67
- }
68
- else
69
- return ValueType.none;
70
- return all ? ValueType.all : some ? ValueType.some : ValueType.none;
71
- }
72
- getValue(designItems, property) {
73
- if (designItems != null && designItems.length !== 0) {
74
- let attributeName = property.name;
75
- if (property.type == 'boolean')
76
- return designItems[0].attributes.has(attributeName);
77
- let lastValue = designItems[0].attributes.get(attributeName);
78
- /*
79
- for (const x of designItems) {
80
- let value = x.attributes.get(attributeName);
81
- if (value != lastValue) {
82
- lastValue = null;
83
- break;
84
- }
85
- }
86
- */
87
- return lastValue;
88
- }
89
- return null;
90
- }
91
- getUnsetValue(designItems, property) {
92
- return property.defaultValue;
93
- }
94
- }
@@ -1,30 +0,0 @@
1
- import { IDesignItem } from "../../item/IDesignItem";
2
- import { InstanceServiceContainer } from "../../services/InstanceServiceContainer";
3
- import { IStringPosition } from "../../services/htmlWriterService/IStringPosition";
4
- import { ServiceContainer } from "../../services/ServiceContainer";
5
- import { Snaplines } from "./Snaplines";
6
- import { IDesignerMousePoint } from "../../../interfaces/IDesignerMousePoint";
7
- import { IPlacementView } from './IPlacementView';
8
- import { IExtensionManager } from "./extensions/IExtensionManger";
9
- import { IUiCommandHandler } from "../../../commandHandling/IUiCommandHandler";
10
- import { IPoint } from "../../../interfaces/IPoint";
11
- import { OverlayLayerView } from "./overlayLayerView";
12
- export interface IDesignerView extends IPlacementView, IUiCommandHandler {
13
- readonly serviceContainer: ServiceContainer;
14
- readonly instanceServiceContainer: InstanceServiceContainer;
15
- readonly containerBoundingRect: DOMRect;
16
- readonly rootDesignItem: IDesignItem;
17
- readonly overlayLayer: OverlayLayerView;
18
- readonly extensionManager: IExtensionManager;
19
- readonly snapLines: Snaplines;
20
- readonly shadowRoot: ShadowRoot;
21
- readonly alignOnGrid: boolean;
22
- readonly alignOnSnap: boolean;
23
- eatEvents: Element;
24
- initialize(serviceContainer: ServiceContainer): any;
25
- getDesignerMousepoint(event: MouseEvent, target: Element, startPoint?: IDesignerMousePoint): IDesignerMousePoint;
26
- getElementAtPoint(point: IPoint, ignoreElementCallback?: (element: HTMLElement) => boolean): any;
27
- elementFromPoint(x: number, y: number): Element;
28
- getHTML(designItemsAssignmentList?: Map<IDesignItem, IStringPosition>): string;
29
- parseHTML(html: string): void;
30
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,82 +0,0 @@
1
- import { ServiceContainer } from '../../services/ServiceContainer';
2
- import { InstanceServiceContainer } from '../../services/InstanceServiceContainer';
3
- import { IDesignItem } from '../../item/IDesignItem';
4
- import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
5
- import { IDesignerView } from './IDesignerView';
6
- import { Snaplines } from './Snaplines';
7
- import { IDesignerMousePoint } from '../../../interfaces/IDesignerMousePoint';
8
- import { ContextMenuHelper } from '../../helper/contextMenu/ContextMenuHelper';
9
- import { IPlacementView } from './IPlacementView';
10
- import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
11
- import { CommandType } from '../../../commandHandling/CommandType';
12
- import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler';
13
- import { IUiCommand } from '../../../commandHandling/IUiCommand';
14
- import { IExtensionManager } from "./extensions/IExtensionManger";
15
- import { IPoint } from "../../../interfaces/IPoint";
16
- import { OverlayLayer } from "./extensions/OverlayLayer";
17
- import { OverlayLayerView } from './overlayLayerView';
18
- export declare class DesignerView extends BaseCustomWebComponentLazyAppend implements IDesignerView, IPlacementView, IUiCommandHandler {
19
- serviceContainer: ServiceContainer;
20
- instanceServiceContainer: InstanceServiceContainer;
21
- containerBoundingRect: DOMRect;
22
- gridSize: number;
23
- alignOnGrid: boolean;
24
- alignOnSnap: boolean;
25
- snapLines: Snaplines;
26
- overlayLayer: OverlayLayerView;
27
- rootDesignItem: IDesignItem;
28
- eatEvents: Element;
29
- private _zoomFactor;
30
- private _canvas;
31
- private _canvasContainer;
32
- private _outercanvas2;
33
- private _lastHoverDesignItem;
34
- private _zoomInput;
35
- private _onContextMenuBound;
36
- private _pointerEventHandlerBound;
37
- private _firstConnect;
38
- private _onKeyDownBound;
39
- private _onKeyUpBound;
40
- static readonly style: CSSStyleSheet;
41
- static readonly template: HTMLTemplateElement;
42
- extensionManager: IExtensionManager;
43
- private _onDblClickBound;
44
- constructor();
45
- get designerWidth(): string;
46
- set designerWidth(value: string);
47
- get designerHeight(): string;
48
- set designerHeight(value: string);
49
- set additionalStyle(value: CSSStyleSheet);
50
- executeCommand(command: IUiCommand): Promise<void>;
51
- canExecuteCommand(command: IUiCommand): boolean;
52
- handleCopyCommand(): void;
53
- handlePasteCommand(): Promise<void>;
54
- handleDeleteCommand(): void;
55
- handleMoveCommand(command: CommandType): void;
56
- initialize(serviceContainer: ServiceContainer): void;
57
- elementFromPoint(x: number, y: number): Element;
58
- static wrapInDesigner(elements: HTMLCollection | HTMLElement[], serviceContainer: ServiceContainer): DesignerView;
59
- connectedCallback(): void;
60
- zoomFactorChanged(): void;
61
- getHTML(designItemsAssignmentList?: Map<IDesignItem, IStringPosition>): string;
62
- parseHTML(html: string): Promise<void>;
63
- setDesignItems(designItems: IDesignItem[]): void;
64
- private _addDesignItems;
65
- private _onDragEnter;
66
- private _onDragLeave;
67
- private _onDragOver;
68
- private _onDrop;
69
- private _onWheel;
70
- private _onContextMenu;
71
- showDesignItemContextMenu(designItem: IDesignItem, event: MouseEvent): ContextMenuHelper;
72
- private _onDblClick;
73
- private onKeyUp;
74
- private onKeyDown;
75
- getDesignerMousepoint(event: MouseEvent, target: Element, startPoint?: IDesignerMousePoint): IDesignerMousePoint;
76
- static getHost(node: Node): Element;
77
- getElementAtPoint(point: IPoint, ignoreElementCallback?: (element: HTMLElement) => boolean): HTMLElement;
78
- private _pointerEventHandler;
79
- private _fillCalculationrects;
80
- addOverlay(element: SVGGraphicsElement, overlayLayer?: OverlayLayer): void;
81
- removeOverlay(element: SVGGraphicsElement): void;
82
- }