@node-projects/web-component-designer-zpl 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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ExtensionType, DefaultModelCommandService, DefaultHtmlParserService, JsonFileElementsService, ServiceContainer, CanvasExtensionProvider, PositionExtensionProvider, SelectionDefaultExtensionProvider, GrayOutExtensionProvider, AltToEnterContainerExtensionProvider, NamedTools, PointerTool, RectangleSelectorTool, ZoomTool, PanTool, MagicWandSelectorTool, ZMoveContextMenu, CopyPasteContextMenu, MultipleItemsSelectedContextMenu, ItemsBelowContextMenu, ElementDragTitleExtensionProvider, PointerToolButtonProvider, SeperatorToolProvider, SelectorToolButtonProvider, ZoomToolButtonProvider, HighlightElementExtensionProvider, ContentService, SelectionService, UndoService, GrayOutDragOverContainerExtensionProvider, ElementAtPointService, SnaplinesProviderService, DefaultInstanceService, PropertyGroupsService, DesignItemDocumentPositionService, DragDropService } from '@node-projects/web-component-designer';
|
|
1
|
+
import { ExtensionType, DefaultModelCommandService, DefaultHtmlParserService, JsonFileElementsService, ServiceContainer, CanvasExtensionProvider, PositionExtensionProvider, SelectionDefaultExtensionProvider, GrayOutExtensionProvider, AltToEnterContainerExtensionProvider, NamedTools, PointerTool, RectangleSelectorTool, ZoomTool, PanTool, MagicWandSelectorTool, ZMoveContextMenu, CopyPasteContextMenu, MultipleItemsSelectedContextMenu, ItemsBelowContextMenu, ElementDragTitleExtensionProvider, PointerToolButtonProvider, SeperatorToolProvider, SelectorToolButtonProvider, ZoomToolButtonProvider, HighlightElementExtensionProvider, ContentService, SelectionService, UndoService, GrayOutDragOverContainerExtensionProvider, ElementAtPointService, SnaplinesProviderService, DefaultInstanceService, PropertyGroupsService, DesignItemDocumentPositionService, DragDropService, BaseCustomWebComponentPropertiesService } from '@node-projects/web-component-designer';
|
|
2
2
|
import { CodeViewMonaco } from '@node-projects/web-component-designer-codeview-monaco';
|
|
3
3
|
import { ZplLayoutPlacementService } from './services/ZplLayoutPlacementService.js';
|
|
4
4
|
import { ZplParserService } from './services/ZplParserService.js';
|
|
@@ -19,6 +19,7 @@ export function createZplDesignerServiceContainer() {
|
|
|
19
19
|
serviceContainer.register("copyPasteService", new ZplLayoutCopyPasteService());
|
|
20
20
|
serviceContainer.register("modelCommandService", new DefaultModelCommandService());
|
|
21
21
|
serviceContainer.register("propertyGroupsService", new PropertyGroupsService());
|
|
22
|
+
serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService(true));
|
|
22
23
|
serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
|
|
23
24
|
serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
|
|
24
25
|
serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
|
|
@@ -61,6 +62,6 @@ export function createZplDesignerServiceContainer() {
|
|
|
61
62
|
new ItemsBelowContextMenu()
|
|
62
63
|
];
|
|
63
64
|
serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider());
|
|
64
|
-
serviceContainer.register('elementsService', new JsonFileElementsService('zpl', '/dist/widgets/elements.json'));
|
|
65
|
+
serviceContainer.register('elementsService', new JsonFileElementsService('zpl', '/node_modules/@node-projects/web-component-designer-zpl/dist/widgets/elements.json'));
|
|
65
66
|
return serviceContainer;
|
|
66
67
|
}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
{
|
|
2
|
+
"elements": [
|
|
3
|
+
{
|
|
4
|
+
"name": "barcode",
|
|
5
|
+
"tag": "zpl-barcode",
|
|
6
|
+
"type": "polymer",
|
|
7
|
+
"defaultAttributes": {
|
|
8
|
+
"content": "barcode",
|
|
9
|
+
"type": "CODE128",
|
|
10
|
+
"width": "2",
|
|
11
|
+
"ratio": "20",
|
|
12
|
+
"height": "200"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "qr-code",
|
|
17
|
+
"tag": "zpl-barcode",
|
|
18
|
+
"type": "polymer",
|
|
19
|
+
"defaultAttributes": {
|
|
20
|
+
"content": "barcode",
|
|
21
|
+
"type": "QR",
|
|
22
|
+
"width": "0",
|
|
23
|
+
"ratio": "0",
|
|
24
|
+
"height": "5"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"name": "graphic box",
|
|
29
|
+
"tag": "zpl-graphic-box",
|
|
30
|
+
"type": "polymer",
|
|
31
|
+
"defaultWidth": "300px",
|
|
32
|
+
"defaultHeight": "100px",
|
|
33
|
+
"defaultAttributes": {
|
|
34
|
+
"stroke-width": "5",
|
|
35
|
+
"stroke-color": "black",
|
|
36
|
+
"corner-rounding": "0"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "graphic circle",
|
|
41
|
+
"tag": "zpl-graphic-circle",
|
|
42
|
+
"type": "polymer",
|
|
43
|
+
"defaultWidth": "200px",
|
|
44
|
+
"defaultHeight": "200px",
|
|
45
|
+
"defaultAttributes": {
|
|
46
|
+
"stroke-width": "5",
|
|
47
|
+
"stroke-color": "black"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"name": "graphic diagonal line",
|
|
52
|
+
"tag": "zpl-graphic-diagonal-line",
|
|
53
|
+
"type": "polymer",
|
|
54
|
+
"defaultWidth": "300px",
|
|
55
|
+
"defaultHeight": "100px",
|
|
56
|
+
"defaultAttributes": {
|
|
57
|
+
"stroke-width": "5",
|
|
58
|
+
"stroke-color": "black",
|
|
59
|
+
"orientation": "R"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"name": "text",
|
|
64
|
+
"tag": "zpl-text",
|
|
65
|
+
"type": "polymer",
|
|
66
|
+
"defaultAttributes": {
|
|
67
|
+
"content": "Text...",
|
|
68
|
+
"font-name": "0",
|
|
69
|
+
"font-height": "30",
|
|
70
|
+
"font-width": "30"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "image",
|
|
75
|
+
"tag": "zpl-image",
|
|
76
|
+
"type": "polymer",
|
|
77
|
+
"defaultAttributes": {
|
|
78
|
+
"image-name": "",
|
|
79
|
+
"hex-image": "",
|
|
80
|
+
"scale-x": "1",
|
|
81
|
+
"scale-y": "1"
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
]
|
|
85
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BaseCustomWebComponentConstructorAppend, css, html } from "@node-projects/base-custom-webcomponent";
|
|
2
|
-
import { getZplCoordinates } from "../zplHelper.js";
|
|
3
2
|
import { requestAnimationFramePromise } from "@node-projects/web-component-designer";
|
|
3
|
+
import { getZplCoordinates } from "../zplHelper.js";
|
|
4
4
|
export class ZplImage extends BaseCustomWebComponentConstructorAppend {
|
|
5
5
|
static style = css ` *{
|
|
6
6
|
box-sizing: border-box;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"description": "web-component-designer addon: Widgets and Services for creating a ZPL Designer",
|
|
3
3
|
"name": "@node-projects/web-component-designer-zpl",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"author": "jochen.kuehner@gmx.de",
|