@node-projects/web-component-designer 0.2.29 → 0.2.31

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 (71) hide show
  1. package/README.md +6 -0
  2. package/THEMING.md +185 -0
  3. package/dist/elements/controls/ColorEditor.js +12 -12
  4. package/dist/elements/controls/DesignerTabControl.js +10 -10
  5. package/dist/elements/controls/ImageButtonListSelector.js +6 -6
  6. package/dist/elements/controls/MetricsEditor.js +6 -6
  7. package/dist/elements/controls/NumericStyleInput.js +2 -2
  8. package/dist/elements/controls/PlainScrollbar.js +12 -12
  9. package/dist/elements/controls/PlainScrollbar.js.map +1 -1
  10. package/dist/elements/controls/ThicknessEditor.js +2 -2
  11. package/dist/elements/helper/contextMenu/ContextMenu.js +18 -18
  12. package/dist/elements/item/DesignItem.d.ts +1 -1
  13. package/dist/elements/services/ServiceContainer.d.ts +2 -0
  14. package/dist/elements/services/ServiceContainer.js.map +1 -1
  15. package/dist/elements/services/propertiesService/propertyEditors/CssPropertyEditor.js +1 -1
  16. package/dist/elements/services/propertiesService/propertyEditors/CssPropertyEditor.js.map +1 -1
  17. package/dist/elements/services/resizeService/IElementResizeStrategy.d.ts +29 -0
  18. package/dist/elements/services/resizeService/IElementResizeStrategy.js +2 -0
  19. package/dist/elements/services/resizeService/IElementResizeStrategy.js.map +1 -0
  20. package/dist/elements/widgets/debugView/debug-view.js +5 -5
  21. package/dist/elements/widgets/demoView/demoView.js +4 -4
  22. package/dist/elements/widgets/designerView/ZoomHelper.d.ts +11 -0
  23. package/dist/elements/widgets/designerView/ZoomHelper.js +35 -0
  24. package/dist/elements/widgets/designerView/ZoomHelper.js.map +1 -0
  25. package/dist/elements/widgets/designerView/designerCanvas.js +9 -9
  26. package/dist/elements/widgets/designerView/designerCanvas.js.map +1 -1
  27. package/dist/elements/widgets/designerView/designerView.d.ts +7 -0
  28. package/dist/elements/widgets/designerView/designerView.js +68 -25
  29. package/dist/elements/widgets/designerView/designerView.js.map +1 -1
  30. package/dist/elements/widgets/designerView/extensions/ElementDragTitleExtensionProvider.js +1 -1
  31. package/dist/elements/widgets/designerView/extensions/ResizeExtension.d.ts +6 -1
  32. package/dist/elements/widgets/designerView/extensions/ResizeExtension.js +103 -13
  33. package/dist/elements/widgets/designerView/extensions/ResizeExtension.js.map +1 -1
  34. package/dist/elements/widgets/designerView/extensions/ResizeExtensionProvider.js +4 -1
  35. package/dist/elements/widgets/designerView/extensions/ResizeExtensionProvider.js.map +1 -1
  36. package/dist/elements/widgets/designerView/extensions/SelectionDefaultExtensionProvider.js +1 -1
  37. package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js +4 -4
  38. package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js.map +1 -1
  39. package/dist/elements/widgets/designerView/extensions/grid/GridChildResizeExtensionProvider.js +1 -1
  40. package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtensionProvider.js +5 -5
  41. package/dist/elements/widgets/designerView/extensions/transforms/ProjectiveTransformExtensionProvider.js +3 -3
  42. package/dist/elements/widgets/designerView/extensions/transforms/RotateExtensionProvider.js +2 -2
  43. package/dist/elements/widgets/designerView/extensions/transforms/RotateExtensionProvider.js.map +1 -1
  44. package/dist/elements/widgets/designerView/extensions/transforms/RotateGroupExtensionProvider.js +3 -3
  45. package/dist/elements/widgets/designerView/extensions/transforms/SkewExtensionProvider.js +2 -2
  46. package/dist/elements/widgets/designerView/extensions/transforms/TransformOriginExtensionProvider.js +1 -1
  47. package/dist/elements/widgets/designerView/overlayLayerView.js +8 -8
  48. package/dist/elements/widgets/designerView/overlayLayerView.js.map +1 -1
  49. package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbarButton.js +1 -1
  50. package/dist/elements/widgets/designerView/tools/toolBar/popups/AbstractBaseToolPopup.js +5 -5
  51. package/dist/elements/widgets/designerView/tools/toolBar/popups/BorderRadiusEditorWindow.js +23 -23
  52. package/dist/elements/widgets/designerView/tools/toolBar/popups/BoxShadowEditorWindow.js +26 -26
  53. package/dist/elements/widgets/designerView/tools/toolBar/popups/DraggableToolWindow.js +8 -8
  54. package/dist/elements/widgets/designerView/tools/toolBar/popups/GradientEditorWindow.js +27 -27
  55. package/dist/elements/widgets/designerView/tools/toolBar/popups/TextShadowEditorWindow.js +23 -23
  56. package/dist/elements/widgets/designerView/tools/toolBar/popups/TransformToolPopup.js +3 -3
  57. package/dist/elements/widgets/layerDepthView/layerDepthView.js +5 -5
  58. package/dist/elements/widgets/miniatureView/miniatureView.js +1 -1
  59. package/dist/elements/widgets/paletteView/paletteElements.js +3 -3
  60. package/dist/elements/widgets/paletteView/paletteView.js +7 -0
  61. package/dist/elements/widgets/paletteView/paletteView.js.map +1 -1
  62. package/dist/elements/widgets/propertyGrid/PropertyGrid.js +2 -2
  63. package/dist/elements/widgets/propertyGrid/PropertyGridPropertyList.js +10 -10
  64. package/dist/elements/widgets/propertyGrid/PropertyGridWithHeader.js +6 -6
  65. package/dist/elements/widgets/treeView/treeView.js +10 -10
  66. package/dist/index-min.js +15 -15
  67. package/dist/index-min.js.map +4 -4
  68. package/dist/index.d.ts +1 -0
  69. package/dist/index.js +1 -0
  70. package/dist/index.js.map +1 -1
  71. package/package.json +1 -1
package/dist/elements/helper/contextMenu/ContextMenu.js CHANGED
@@ -14,10 +14,10 @@ export class ContextMenu {
14
14
  transform-origin: top left;
15
15
  padding: 0;
16
16
  z-index: 2147483647;
17
- color: var(--context-menu-color, black);
18
- font-family: var(--context-menu-font-family, inherit);
19
- font-size: var(--context-menu-font-size, inherit);
20
- font-weight: var(--context-menu-font-weight, inherit);
17
+ color: var(--wcd-context-menu-color, var(--context-menu-color, black));
18
+ font-family: var(--wcd-context-menu-font-family, var(--context-menu-font-family, inherit));
19
+ font-size: var(--wcd-context-menu-font-size, var(--context-menu-font-size, inherit));
20
+ font-weight: var(--wcd-context-menu-font-weight, var(--context-menu-font-weight, inherit));
21
21
  }
22
22
 
23
23
  .context_menu.context_menu_display {
@@ -36,12 +36,12 @@ export class ContextMenu {
36
36
 
37
37
  .context_menu ul {
38
38
  list-style-type: none;
39
- padding: var(--context-menu-padding, 3px);
39
+ padding: var(--wcd-context-menu-padding, var(--context-menu-padding, 3px));
40
40
  margin: 0;
41
- border: var(--context-menu-border, none);
42
- border-radius: var(--context-menu-border-radius, 0);
43
- background-color: var(--context-menu-background, #f5f7f7);
44
- box-shadow: var(--context-menu-shadow, 0 0 5px #333);
41
+ border: var(--wcd-context-menu-border, var(--context-menu-border, none));
42
+ border-radius: var(--wcd-context-menu-border-radius, var(--context-menu-border-radius, 0));
43
+ background-color: var(--wcd-context-menu-background, var(--context-menu-background, #f5f7f7));
44
+ box-shadow: var(--wcd-context-menu-shadow, var(--context-menu-shadow, 0 0 5px #333));
45
45
  max-inline-size: calc(100vw - 8px);
46
46
  max-block-size: calc(100vh - 8px);
47
47
  overflow: auto;
@@ -52,12 +52,12 @@ export class ContextMenu {
52
52
  .context_menu ul[popover] {
53
53
  inset: auto;
54
54
  margin: 0;
55
- border: var(--context-menu-border, none);
56
- border-radius: var(--context-menu-border-radius, 0);
55
+ border: var(--wcd-context-menu-border, var(--context-menu-border, none));
56
+ border-radius: var(--wcd-context-menu-border-radius, var(--context-menu-border-radius, 0));
57
57
  }
58
58
 
59
59
  .context_menu li {
60
- padding: var(--context-menu-item-padding-y, 0) 1.7em var(--context-menu-item-padding-y, 0) 0;
60
+ padding: var(--wcd-context-menu-item-padding-y, var(--context-menu-item-padding-y, 0)) 1.7em var(--wcd-context-menu-item-padding-y, var(--context-menu-item-padding-y, 0)) 0;
61
61
  cursor: pointer;
62
62
  white-space: nowrap;
63
63
  display: flex;
@@ -65,18 +65,18 @@ export class ContextMenu {
65
65
  }
66
66
 
67
67
  .context_menu li:hover {
68
- background-color: var(--context-menu-hover-background, #bbb);
68
+ background-color: var(--wcd-context-menu-hover-background, var(--context-menu-hover-background, #bbb));
69
69
  }
70
70
 
71
71
  .context_menu li .context_menu_icon_span {
72
- width: var(--context-menu-icon-column-width, 28px);
72
+ width: var(--wcd-context-menu-icon-column-width, var(--context-menu-icon-column-width, 28px));
73
73
  display: inline-flex;
74
74
  align-items: center;
75
75
  justify-content: center;
76
76
  }
77
77
 
78
78
  .context_menu li .context_menu_icon_span img {
79
- height: var(--context-menu-icon-size, 18px);
79
+ height: var(--wcd-context-menu-icon-size, var(--context-menu-icon-size, 18px));
80
80
  }
81
81
 
82
82
  .context_menu li .context_menu_text {
@@ -114,7 +114,7 @@ export class ContextMenu {
114
114
  }
115
115
 
116
116
  .context_menu li.context_menu_divider {
117
- border-bottom: 1px solid var(--context-menu-divider-color, #aaa);
117
+ border-bottom: 1px solid var(--wcd-context-menu-divider-color, var(--context-menu-divider-color, #aaa));
118
118
  margin: 5px;
119
119
  padding: 0;
120
120
  cursor: default;
@@ -125,7 +125,7 @@ export class ContextMenu {
125
125
  }
126
126
 
127
127
  .context_menu li[disabled=""] {
128
- color: var(--context-menu-disabled-color, #777);
128
+ color: var(--wcd-context-menu-disabled-color, var(--context-menu-disabled-color, #777));
129
129
  cursor: default;
130
130
  }
131
131
 
@@ -134,7 +134,7 @@ export class ContextMenu {
134
134
  }
135
135
 
136
136
  .context_menu li.context_menu_marked {
137
- background-color: var(--context-menu-marked-background, #5ebdec);
137
+ background-color: var(--wcd-context-menu-marked-background, var(--context-menu-marked-background, #5ebdec));
138
138
  }`;
139
139
  static count = 0;
140
140
  static _openedContextMenus = new Set();
package/dist/elements/item/DesignItem.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare class DesignItem implements IDesignItem {
26
26
  nodeReplaced: TypedEvent<void>;
27
27
  get window(): Window & typeof globalThis;
28
28
  get document(): Document;
29
- get usableContainer(): Element | Document | ShadowRoot;
29
+ get usableContainer(): Element | ShadowRoot | Document;
30
30
  clone(): Promise<IDesignItem>;
31
31
  allMatching(selectors: string): Generator<IDesignItem, void, any>;
32
32
  replaceNode(newNode: Node): void;
package/dist/elements/services/ServiceContainer.d.ts CHANGED
@@ -54,6 +54,7 @@ import { ICollaborationService } from './collaborationService/ICollaborationServ
54
54
  import { IEditorTypeService } from './propertiesService/IEditorTypeService.js';
55
55
  import { ISourceMapProvider } from './sourceMapService/ISourceMapProvider.js';
56
56
  import { IRenderedDesignItemService } from './renderedDesignItemService/IRenderedDesignItemService.js';
57
+ import { IElementResizeStrategy } from './resizeService/IElementResizeStrategy.js';
57
58
  interface ServiceNameMap {
58
59
  "propertyService": IPropertiesService;
59
60
  "attachedPropertyService": IPropertiesService;
@@ -88,6 +89,7 @@ interface ServiceNameMap {
88
89
  "searchService": ISearchService;
89
90
  "editorTypeService": IEditorTypeService;
90
91
  "renderedDesignItemService": IRenderedDesignItemService;
92
+ "elementResizeStrategy": IElementResizeStrategy;
91
93
  "undoService": (designerCanvas: IDesignerCanvas) => IUndoService;
92
94
  "selectionService": (designerCanvas: IDesignerCanvas) => ISelectionService;
93
95
  "stylesheetService": (designerCanvas: IDesignerCanvas) => IStylesheetService;
package/dist/elements/services/ServiceContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ServiceContainer.js","sourceRoot":"","sources":["../../../src/elements/services/ServiceContainer.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ServiceContainer.js","sourceRoot":"","sources":["../../../src/elements/services/ServiceContainer.ts"],"names":[],"mappings":"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"}
package/dist/elements/services/propertiesService/propertyEditors/CssPropertyEditor.js CHANGED
@@ -24,7 +24,7 @@ export class CssPropertyEditor {
24
24
  this._importantButton.style.height = '18px';
25
25
  this._importantButton.style.margin = '-2px 0 0 -2px';
26
26
  this._importantButton.style.padding = '0';
27
- this._importantButton.style.border = '1px solid var(--input-border-color, #596c7a)';
27
+ this._importantButton.style.border = '1px solid var(--wcd-input-border-color, var(--input-border-color, var(--wcd-color-border, #596c7a)))';
28
28
  this._importantButton.style.background = 'transparent';
29
29
  this._importantButton.style.color = 'lightslategray';
30
30
  this._importantButton.style.fontWeight = 'bold';
package/dist/elements/services/propertiesService/propertyEditors/CssPropertyEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CssPropertyEditor.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/CssPropertyEditor.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CssPropertyEditor.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/CssPropertyEditor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIxF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,OAAO,iBAAiB;IACrB,OAAO,CAAiB;IACxB,QAAQ,CAAY;IACpB,WAAW,CAAgB;IAE1B,YAAY,CAAkB;IAC9B,gBAAgB,CAAoB;IACpC,MAAM,CAAM;IACZ,0BAA0B,GAAG,KAAK,CAAC;IAE3C,YAAY,QAAmB,EAAE,iBAA2D;QAC1F,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,MAAM,aAAa,GAAG;YACpB,GAAG,QAAQ;YACX,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,OAAO,CAAC;SACpD,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAErD,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,QAAQ,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,GAAG,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,YAAY,CAAC;QAC3C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,KAAK,IAAI,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC3C,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5C,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC1C,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,GAAG,sGAAsG,CAAC;QAC5I,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,gBAAgB,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAChD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAChD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;QAC/C,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,KAAK,IAAI,EAAE;YACzC,IAAI,IAAI,CAAC,0BAA0B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE;gBAC3G,OAAO;YAET,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;YACzC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;YAC1G,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,cAAc,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtH,CAAC,CAAC;QAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;QAC/D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,CAAC;IAEO,mBAAmB,CAAC,OAA2B;QACrD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,KAAK,CAAC,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CACtD,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC7E,KAAK,CAAC,YAAY,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAC1D,OAAO,CAAC,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QACnF,KAAK,CAAC,kBAAkB,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,CACzD,OAAO,CAAC,kBAAkB,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,KAAK,CAAC,UAAU,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CACtD,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC5D,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,gBAAgB,CAAC,KAAU;QACjC,IAAI,OAAO,KAAK,KAAK,QAAQ;YAC3B,OAAO,KAAK,CAAC;QAEf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,OAAO,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACxD,CAAC;IAEM,kBAAkB,CAAC,WAA0B;QAClD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACpD,CAAC;IAEO,iBAAiB,CAAC,SAAoB,EAAE,KAAU;QACxD,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACvG,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,IAAI,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK,IAAI,IAAI,IAAI,WAAW,CAAC,KAAK,KAAK,EAAE,CAAC;QACzJ,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9F,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,KAAK,MAAM,CAAC;IAC1D,CAAC;IAEO,aAAa,CAAC,SAAkB;QACtC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACrE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC;QAC9E,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC7E,CAAC;IAED,YAAY,CAAC,SAAoB,EAAE,KAAU;QAC3C,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAEM,+BAA+B,CAAC,SAAoB,EAAE,KAAU;QACrE,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI;YAC7B,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;;YAE1C,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAE/C,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;QACvC,IAAI,CAAC;YACH,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,YAAY,CAAC,+BAA+B,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5E,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;QACD,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;IAC1C,CAAC;CACF"}
package/dist/elements/services/resizeService/IElementResizeStrategy.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { ISize } from '../../../interfaces/ISize.js';
2
+ import { IDesignItem } from '../../item/IDesignItem.js';
3
+ import { IService } from '../IService.js';
4
+ export type ResizeHandle = 'nw-resize' | 'n-resize' | 'ne-resize' | 'w-resize' | 'sw-resize' | 's-resize' | 'e-resize' | 'se-resize';
5
+ export interface ElementResizeContext {
6
+ readonly designItem: IDesignItem;
7
+ readonly handle: ResizeHandle;
8
+ readonly initialSize: ISize;
9
+ readonly currentSize: ISize;
10
+ }
11
+ /** A strategy may remap the active handle after normalising signed geometry.
12
+ * This keeps the original fixed point anchored when a dragged corner crosses
13
+ * it on either axis. */
14
+ export interface ElementResizePreview extends ISize {
15
+ readonly anchorHandle?: ResizeHandle;
16
+ }
17
+ /**
18
+ * Maps a visual resize gesture to element-specific model properties. The
19
+ * ResizeExtension owns pointer geometry and the undo group; a strategy owns
20
+ * property quantisation and may return the size produced by its preview.
21
+ */
22
+ export interface IElementResizeStrategy extends IService {
23
+ isHandledElement(designItem: IDesignItem): boolean;
24
+ getEnabledHandles(designItem: IDesignItem): readonly ResizeHandle[];
25
+ begin(context: ElementResizeContext): unknown;
26
+ preview(context: ElementResizeContext, state: unknown): ElementResizePreview | void;
27
+ commit(context: ElementResizeContext, state: unknown): void;
28
+ cancel(context: ElementResizeContext, state: unknown): void;
29
+ }
package/dist/elements/services/resizeService/IElementResizeStrategy.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=IElementResizeStrategy.js.map
package/dist/elements/services/resizeService/IElementResizeStrategy.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IElementResizeStrategy.js","sourceRoot":"","sources":["../../../../src/elements/services/resizeService/IElementResizeStrategy.ts"],"names":[],"mappings":""}
package/dist/elements/widgets/debugView/debug-view.js CHANGED
@@ -156,22 +156,22 @@ export class DebugView extends BaseCustomWebComponentConstructorAppend {
156
156
  }
157
157
 
158
158
  table td, table th {
159
- border: 1px solid #ddd;
159
+ border: 1px solid var(--wcd-debug-view-cell-border-color, #ddd);
160
160
  padding: 2px 4px;
161
161
  }
162
162
 
163
163
  table tr:nth-child(even){background-color: #f2f2f2;}
164
164
 
165
- table tr:hover {background-color: #ddd;}
165
+ table tr:hover {background-color: var(--wcd-debug-view-row-hover-background, #ddd);}
166
166
 
167
167
  table th {
168
168
  text-align: left;
169
- background-color: #989898;
170
- color: white;
169
+ background-color: var(--wcd-debug-view-header-background, #989898);
170
+ color: var(--wcd-color-text, white);
171
171
  }
172
172
 
173
173
  .lnk {
174
- color: blue;
174
+ color: var(--wcd-debug-view-link-color, blue);
175
175
  }
176
176
  .lnk:hover {
177
177
  text-decoration: underline;
package/dist/elements/widgets/demoView/demoView.js CHANGED
@@ -6,7 +6,7 @@ export class DemoView extends BaseCustomWebComponentLazyAppend {
6
6
  :host {
7
7
  display: block;
8
8
  overflow: hidden;
9
- background: white;
9
+ background: var(--wcd-demo-view-background, white);
10
10
  height: 100%;
11
11
  width: 100%;
12
12
  position: relative;
@@ -28,12 +28,12 @@ export class DemoView extends BaseCustomWebComponentLazyAppend {
28
28
  top: 0;
29
29
  height: 100%;
30
30
  width: 24px;
31
- border-right: solid white 1px;
31
+ border-right: solid var(--wcd-demo-view-toolbar-border-color, white) 1px;
32
32
  box-sizing: border-box;
33
- background: black;
33
+ background: var(--wcd-demo-view-toolbar-background, black);
34
34
  }
35
35
  span {
36
- color: white;
36
+ color: var(--wcd-color-text, white);
37
37
  rotate: 270deg;
38
38
  display: block;
39
39
  position: absolute;
package/dist/elements/widgets/designerView/ZoomHelper.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { IPoint } from '../../../interfaces/IPoint.js';
2
+ export declare function getCanvasPointAtViewportCenter(viewportWidth: number, viewportHeight: number, zoomFactor: number, canvasOffset: IPoint): IPoint;
3
+ export declare class ZoomHoldRepeater {
4
+ private _repeatDelay;
5
+ private _repeatRate;
6
+ private _repeatTimeout;
7
+ private _repeatInterval;
8
+ constructor(_repeatDelay?: number, _repeatRate?: number);
9
+ start(initialAction: () => void, repeatAction?: () => void): void;
10
+ stop(): void;
11
+ }
package/dist/elements/widgets/designerView/ZoomHelper.js ADDED
@@ -0,0 +1,35 @@
1
+ export function getCanvasPointAtViewportCenter(viewportWidth, viewportHeight, zoomFactor, canvasOffset) {
2
+ return {
3
+ x: viewportWidth / zoomFactor / 2 - canvasOffset.x,
4
+ y: viewportHeight / zoomFactor / 2 - canvasOffset.y
5
+ };
6
+ }
7
+ export class ZoomHoldRepeater {
8
+ _repeatDelay;
9
+ _repeatRate;
10
+ _repeatTimeout;
11
+ _repeatInterval;
12
+ constructor(_repeatDelay = 350, _repeatRate = 100 / 6) {
13
+ this._repeatDelay = _repeatDelay;
14
+ this._repeatRate = _repeatRate;
15
+ }
16
+ start(initialAction, repeatAction = initialAction) {
17
+ this.stop();
18
+ initialAction();
19
+ this._repeatTimeout = setTimeout(() => {
20
+ repeatAction();
21
+ this._repeatInterval = setInterval(repeatAction, this._repeatRate);
22
+ }, this._repeatDelay);
23
+ }
24
+ stop() {
25
+ if (this._repeatTimeout != null) {
26
+ clearTimeout(this._repeatTimeout);
27
+ this._repeatTimeout = null;
28
+ }
29
+ if (this._repeatInterval != null) {
30
+ clearInterval(this._repeatInterval);
31
+ this._repeatInterval = null;
32
+ }
33
+ }
34
+ }
35
+ //# sourceMappingURL=ZoomHelper.js.map
package/dist/elements/widgets/designerView/ZoomHelper.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ZoomHelper.js","sourceRoot":"","sources":["../../../../src/elements/widgets/designerView/ZoomHelper.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,8BAA8B,CAAC,aAAqB,EAAE,cAAsB,EAAE,UAAkB,EAAE,YAAoB;IACpI,OAAO;QACL,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC;QAClD,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC;KACpD,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,gBAAgB;IAIP;IAA4B;IAHxC,cAAc,CAAgC;IAC9C,eAAe,CAAiC;IAExD,YAAoB,eAAe,GAAG,EAAU,cAAc,GAAG,GAAG,CAAC;QAAjD,iBAAY,GAAZ,YAAY,CAAM;QAAU,gBAAW,GAAX,WAAW,CAAU;IACrE,CAAC;IAED,KAAK,CAAC,aAAyB,EAAE,eAA2B,aAAa;QACvE,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,aAAa,EAAE,CAAC;QAChB,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,YAAY,EAAE,CAAC;YACf,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACrE,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACxB,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC;YAChC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAClC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;QACD,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,EAAE,CAAC;YACjC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC;CACF"}
package/dist/elements/widgets/designerView/designerCanvas.js CHANGED
@@ -152,7 +152,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
152
152
  touch-action: none;
153
153
  }
154
154
  #node-projects-designer-canvas-canvasContainer {
155
- background: var(--node-projects-web-component-designer-background, border-box fixed 0px 0px repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAFXmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QmFja2dyb3VuZGdyaWRfMTBweDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTEyLTA4VDA5OjE1OjQ4KzAxOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4fvgn+AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GjRhRLCiLl7BCftTExmLkV2ExnvJr8+bNvBk1b+b13kiyVbaKEhu/FvwFbJW1UkRKlrImNug5b2ZqJplzO/d87vfec7r3XPCpSd10KnrATGXs8FhImZtfUPwvBKjCTx/Nmu5YUzOjKiXt854yL952ebVKn/vXaqIxR4eyKuEh3bIzwuPCk6sZy+Md4UY9oUWFz4Q7bbmg8J2nR3L86nE8x98e22p4GHz1wkq8iCNFrCdsU1heTpuZXNHz9/FeEoilZmcktoq34BBmjBAKE4wwTJBeBmUO0iX96ZYVJfJ7svnTpCVXl9liDZtl4iTI0CnqilSPSTREj8lIsub1/29fHaO/L1c9EILKZ9d9bwf/Nvxsue7Xkev+HEP5E1ymCvnpQxj4EH2roLUdQN0GnF8VtMguXGxC06Ol2VpWKhf3GQa8nULtPDTcQPVirmf5fU4eQF2Xr7qGvX3okPN1S790cWfsRnax1QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAC9JREFUOI1jfPr0KQNuICUlhUeWCY8cQTCqeWRoZvz//z8e6WfPntHK5lHNI0MzAMChCNMTuPcnAAAAAElFTkSuQmCC));
155
+ background: var(--wcd-canvas-background, var(--node-projects-web-component-designer-background, border-box fixed 0px 0px repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAFXmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjIwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMjAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIyMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjMwMC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIzMDAvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMi0wOFQwOToxNTo0OCswMTowMCI+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+QmFja2dyb3VuZGdyaWRfMTBweDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC42IgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTEyLTA4VDA5OjE1OjQ4KzAxOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz4fvgn+AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz8GjRhRLCiLl7BCftTExmLkV2ExnvJr8+bNvBk1b+b13kiyVbaKEhu/FvwFbJW1UkRKlrImNug5b2ZqJplzO/d87vfec7r3XPCpSd10KnrATGXs8FhImZtfUPwvBKjCTx/Nmu5YUzOjKiXt854yL952ebVKn/vXaqIxR4eyKuEh3bIzwuPCk6sZy+Md4UY9oUWFz4Q7bbmg8J2nR3L86nE8x98e22p4GHz1wkq8iCNFrCdsU1heTpuZXNHz9/FeEoilZmcktoq34BBmjBAKE4wwTJBeBmUO0iX96ZYVJfJ7svnTpCVXl9liDZtl4iTI0CnqilSPSTREj8lIsub1/29fHaO/L1c9EILKZ9d9bwf/Nvxsue7Xkev+HEP5E1ymCvnpQxj4EH2roLUdQN0GnF8VtMguXGxC06Ol2VpWKhf3GQa8nULtPDTcQPVirmf5fU4eQF2Xr7qGvX3okPN1S790cWfsRnax1QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAC9JREFUOI1jfPr0KQNuICUlhUeWCY8cQTCqeWRoZvz//z8e6WfPntHK5lHNI0MzAMChCNMTuPcnAAAAAElFTkSuQmCC)));
156
156
  }
157
157
  #node-projects-designer-canvas-canvas {
158
158
  image-rendering: pixelated;
@@ -164,7 +164,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
164
164
  }
165
165
 
166
166
  #node-projects-designer-canvas-canvas.dragFileActive {
167
- outline: blue 4px solid;
167
+ outline: var(--wcd-canvas-drag-file-outline-color, blue) 4px solid;
168
168
  outline-offset: -4px;
169
169
  }
170
170
 
@@ -219,19 +219,19 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
219
219
  width: auto;
220
220
  right: 10px;
221
221
  top: 0;
222
- background:rgb(242, 242, 242);
222
+ background: var(--wcd-canvas-search-container-background, rgb(242, 242, 242));
223
223
  padding: 5px 6px;
224
224
  border-bottom-left-radius: 5px;
225
225
  border-bottom-right-radius: 5px;
226
226
  }
227
227
 
228
228
  #node-projects-designer-search-container > #node-projects-designer-search-bar {
229
- border: 1px solid black;
229
+ border: 1px solid var(--wcd-canvas-search-border-color, black);
230
230
  padding: 0;
231
231
  display: grid;
232
232
  grid-template-columns: 1fr auto;
233
233
  align-items: center;
234
- background-color: white;
234
+ background-color: var(--wcd-canvas-search-background, white);
235
235
  padding: 1px 2px;
236
236
  }
237
237
 
@@ -246,12 +246,12 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
246
246
  #node-projects-designer-search-container > div > #node-projects-designer-search-start {
247
247
  height:22px;
248
248
  border: none;
249
- background-color: white;
249
+ background-color: var(--wcd-canvas-search-background, white);
250
250
  font-size: 13px;
251
251
  }
252
252
 
253
253
  #node-projects-designer-search-container > div > #node-projects-designer-search-start:hover {
254
- background-color: #D3D3D3;
254
+ background-color: var(--wcd-canvas-search-button-hover-background, #D3D3D3);
255
255
  transition: 0.9s;
256
256
  border-radius: 2px;
257
257
  }
@@ -276,7 +276,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
276
276
  top: 50%;
277
277
  left: 50%;
278
278
  width: 60%;
279
- background-color: black;
279
+ background-color: var(--wcd-canvas-loading-background, black);
280
280
  height: 1px;
281
281
  }
282
282
 
@@ -553,7 +553,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
553
553
  }
554
554
  }
555
555
  disableBackgroud() {
556
- this._canvasContainer.style.background = 'var(--node-projects-web-component-designer-screenshot-background, white)';
556
+ this._canvasContainer.style.background = 'var(--wcd-screenshot-background, var(--node-projects-web-component-designer-screenshot-background, white))';
557
557
  }
558
558
  enableBackground() {
559
559
  this._canvasContainer.style.background = '';