@node-projects/web-component-designer 0.2.17 → 0.2.19
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.
- package/dist/elements/documentContainer.d.ts +4 -1
- package/dist/elements/documentContainer.js +23 -7
- package/dist/elements/documentContainer.js.map +1 -1
- package/dist/elements/helper/getBoxQuads.js +125 -6
- package/dist/elements/helper/getBoxQuads.js.map +1 -1
- package/dist/elements/item/DesignItem.d.ts +1 -1
- package/dist/elements/services/DefaultServiceBootstrap.js +5 -0
- package/dist/elements/services/DefaultServiceBootstrap.js.map +1 -1
- package/dist/elements/services/ServiceContainer.d.ts +2 -0
- package/dist/elements/services/ServiceContainer.js +1 -0
- package/dist/elements/services/ServiceContainer.js.map +1 -1
- package/dist/elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.d.ts +10 -0
- package/dist/elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.js +47 -0
- package/dist/elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.js.map +1 -1
- package/dist/elements/services/designItemDocumentPositionService/IDesignItemDocumentPositionService.d.ts +7 -0
- package/dist/elements/services/htmlParserService/DefaultHtmlParserService.js +6 -1
- package/dist/elements/services/htmlParserService/DefaultHtmlParserService.js.map +1 -1
- package/dist/elements/services/htmlWriterService/AbstractHtmlWriterService.d.ts +3 -1
- package/dist/elements/services/htmlWriterService/AbstractHtmlWriterService.js +40 -5
- package/dist/elements/services/htmlWriterService/AbstractHtmlWriterService.js.map +1 -1
- package/dist/elements/services/htmlWriterService/HtmlWriterService.js +3 -1
- package/dist/elements/services/htmlWriterService/HtmlWriterService.js.map +1 -1
- package/dist/elements/services/propertiesService/services/AttributesPropertiesService.d.ts +2 -0
- package/dist/elements/services/propertiesService/services/AttributesPropertiesService.js +24 -0
- package/dist/elements/services/propertiesService/services/AttributesPropertiesService.js.map +1 -1
- package/dist/elements/services/selectionService/ISelectionChangedEvent.d.ts +3 -0
- package/dist/elements/services/selectionService/ISelectionRefreshEvent.d.ts +2 -0
- package/dist/elements/services/selectionService/ISelectionService.d.ts +4 -1
- package/dist/elements/services/selectionService/SelectionService.d.ts +7 -2
- package/dist/elements/services/selectionService/SelectionService.js +28 -6
- package/dist/elements/services/selectionService/SelectionService.js.map +1 -1
- package/dist/elements/services/sourceMapService/ISourceMapProvider.d.ts +15 -0
- package/dist/elements/services/sourceMapService/ISourceMapProvider.js +2 -0
- package/dist/elements/services/sourceMapService/ISourceMapProvider.js.map +1 -0
- package/dist/elements/services/sourceMapService/ISourcePart.d.ts +16 -0
- package/dist/elements/services/sourceMapService/ISourcePart.js +2 -0
- package/dist/elements/services/sourceMapService/ISourcePart.js.map +1 -0
- package/dist/elements/services/sourceMapService/SvgPathDataSourceMap.d.ts +8 -0
- package/dist/elements/services/sourceMapService/SvgPathDataSourceMap.js +120 -0
- package/dist/elements/services/sourceMapService/SvgPathDataSourceMap.js.map +1 -0
- package/dist/elements/services/sourceMapService/SvgPathSourceMapProvider.d.ts +7 -0
- package/dist/elements/services/sourceMapService/SvgPathSourceMapProvider.js +29 -0
- package/dist/elements/services/sourceMapService/SvgPathSourceMapProvider.js.map +1 -0
- package/dist/elements/widgets/designerView/extensions/contextMenu/ToolWindowsContextMenu.d.ts +8 -0
- package/dist/elements/widgets/designerView/extensions/contextMenu/ToolWindowsContextMenu.js +54 -0
- package/dist/elements/widgets/designerView/extensions/contextMenu/ToolWindowsContextMenu.js.map +1 -0
- package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.d.ts +5 -0
- package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.js +63 -4
- package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtensionProvider.js +5 -0
- package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtensionProvider.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.js +7 -1
- package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/toolBar/popups/BorderRadiusEditorWindow.d.ts +82 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/BorderRadiusEditorWindow.js +1260 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/BorderRadiusEditorWindow.js.map +1 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/BoxShadowEditorWindow.d.ts +38 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/BoxShadowEditorWindow.js +518 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/BoxShadowEditorWindow.js.map +1 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/DraggableToolWindow.d.ts +39 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/DraggableToolWindow.js +181 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/DraggableToolWindow.js.map +1 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/GradientEditorWindow.d.ts +53 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/GradientEditorWindow.js +753 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/GradientEditorWindow.js.map +1 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/TextShadowEditorWindow.d.ts +36 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/TextShadowEditorWindow.js +449 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/TextShadowEditorWindow.js.map +1 -0
- package/dist/elements/widgets/designerView/tools/toolBar/popups/TransformToolPopup.d.ts +8 -6
- package/dist/elements/widgets/designerView/tools/toolBar/popups/TransformToolPopup.js +56 -72
- package/dist/elements/widgets/designerView/tools/toolBar/popups/TransformToolPopup.js.map +1 -1
- package/dist/index-min.js +544 -7
- package/dist/index-min.js.map +4 -4
- package/dist/index.d.ts +10 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoxShadowEditorWindow.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/tools/toolBar/popups/BoxShadowEditorWindow.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
|
|
2
|
+
/**
|
|
3
|
+
* A reusable draggable tool window with a title bar and close button.
|
|
4
|
+
* Subclasses override `title` and provide content via the `windowContent` slot
|
|
5
|
+
* by overriding `windowTemplate` and `windowStyle`.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* - Extend this class and override `windowTitle`, `windowTemplate`, and `windowStyle`.
|
|
9
|
+
* - The subclass template is inserted into the `.window-content` slot area.
|
|
10
|
+
* - To show: call `DraggableToolWindow.show(instance, anchorElement?)` or append to document.body.
|
|
11
|
+
*/
|
|
12
|
+
export declare abstract class DraggableToolWindow extends BaseCustomWebComponentConstructorAppend {
|
|
13
|
+
static readonly style: CSSStyleSheet;
|
|
14
|
+
static readonly template: HTMLTemplateElement;
|
|
15
|
+
/** Override in subclass to set the window title. */
|
|
16
|
+
protected abstract get windowTitle(): string;
|
|
17
|
+
/** Override in subclass to return the inner content template. */
|
|
18
|
+
protected abstract get windowTemplate(): HTMLTemplateElement | string;
|
|
19
|
+
/** Override in subclass to return additional styles for the content. */
|
|
20
|
+
protected get windowContentStyle(): CSSStyleSheet | null;
|
|
21
|
+
private _dragging;
|
|
22
|
+
private _dragOffsetX;
|
|
23
|
+
private _dragOffsetY;
|
|
24
|
+
private _titleBar;
|
|
25
|
+
private _titleText;
|
|
26
|
+
private _closeBtn;
|
|
27
|
+
private _contentArea;
|
|
28
|
+
constructor();
|
|
29
|
+
connectedCallback(): void;
|
|
30
|
+
private _close;
|
|
31
|
+
private _onPointerDown;
|
|
32
|
+
private _onPointerMove;
|
|
33
|
+
private _onPointerUp;
|
|
34
|
+
/**
|
|
35
|
+
* Show the tool window anchored near a reference element, or centered if none.
|
|
36
|
+
* Appends to document.body.
|
|
37
|
+
*/
|
|
38
|
+
static showWindow(instance: DraggableToolWindow, anchor?: Element): void;
|
|
39
|
+
}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { BaseCustomWebComponentConstructorAppend, css, html } from '@node-projects/base-custom-webcomponent';
|
|
2
|
+
/**
|
|
3
|
+
* A reusable draggable tool window with a title bar and close button.
|
|
4
|
+
* Subclasses override `title` and provide content via the `windowContent` slot
|
|
5
|
+
* by overriding `windowTemplate` and `windowStyle`.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* - Extend this class and override `windowTitle`, `windowTemplate`, and `windowStyle`.
|
|
9
|
+
* - The subclass template is inserted into the `.window-content` slot area.
|
|
10
|
+
* - To show: call `DraggableToolWindow.show(instance, anchorElement?)` or append to document.body.
|
|
11
|
+
*/
|
|
12
|
+
export class DraggableToolWindow extends BaseCustomWebComponentConstructorAppend {
|
|
13
|
+
static style = css `
|
|
14
|
+
:host {
|
|
15
|
+
position: fixed;
|
|
16
|
+
display: block;
|
|
17
|
+
z-index: 9999;
|
|
18
|
+
min-width: 200px;
|
|
19
|
+
user-select: none;
|
|
20
|
+
touch-action: none;
|
|
21
|
+
}
|
|
22
|
+
.window-frame {
|
|
23
|
+
background: #2c2c2c;
|
|
24
|
+
border: 1px solid #111;
|
|
25
|
+
border-radius: 4px;
|
|
26
|
+
box-shadow: 0 4px 24px rgba(0,0,0,0.7);
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
}
|
|
31
|
+
.title-bar {
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: center;
|
|
34
|
+
justify-content: space-between;
|
|
35
|
+
background: #1a1a1a;
|
|
36
|
+
padding: 2px 5px;
|
|
37
|
+
cursor: move;
|
|
38
|
+
flex-shrink: 0;
|
|
39
|
+
height: 18px;
|
|
40
|
+
box-sizing: border-box;
|
|
41
|
+
}
|
|
42
|
+
.title-text {
|
|
43
|
+
color: #ccc;
|
|
44
|
+
font-size: 11px;
|
|
45
|
+
font-family: sans-serif;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
flex: 1;
|
|
48
|
+
white-space: nowrap;
|
|
49
|
+
overflow: hidden;
|
|
50
|
+
text-overflow: ellipsis;
|
|
51
|
+
}
|
|
52
|
+
.close-btn {
|
|
53
|
+
width: 14px;
|
|
54
|
+
height: 14px;
|
|
55
|
+
background: none;
|
|
56
|
+
border: none;
|
|
57
|
+
color: #888;
|
|
58
|
+
font-size: 12px;
|
|
59
|
+
line-height: 1;
|
|
60
|
+
cursor: pointer;
|
|
61
|
+
padding: 0;
|
|
62
|
+
display: flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
justify-content: center;
|
|
65
|
+
border-radius: 2px;
|
|
66
|
+
flex-shrink: 0;
|
|
67
|
+
}
|
|
68
|
+
.close-btn:hover {
|
|
69
|
+
background: #c0392b;
|
|
70
|
+
color: #fff;
|
|
71
|
+
}
|
|
72
|
+
.window-content {
|
|
73
|
+
overflow: auto;
|
|
74
|
+
}
|
|
75
|
+
`;
|
|
76
|
+
static template = html `
|
|
77
|
+
<div class="window-frame">
|
|
78
|
+
<div class="title-bar" id="title-bar">
|
|
79
|
+
<span class="title-text" id="title-text"></span>
|
|
80
|
+
<button class="close-btn" id="close-btn" title="Close">✕</button>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="window-content" id="window-content"></div>
|
|
83
|
+
</div>
|
|
84
|
+
`;
|
|
85
|
+
/** Override in subclass to return additional styles for the content. */
|
|
86
|
+
get windowContentStyle() { return null; }
|
|
87
|
+
_dragging = false;
|
|
88
|
+
_dragOffsetX = 0;
|
|
89
|
+
_dragOffsetY = 0;
|
|
90
|
+
_titleBar;
|
|
91
|
+
_titleText;
|
|
92
|
+
_closeBtn;
|
|
93
|
+
_contentArea;
|
|
94
|
+
constructor() {
|
|
95
|
+
super();
|
|
96
|
+
this._titleBar = this._getDomElement('title-bar');
|
|
97
|
+
this._titleText = this._getDomElement('title-text');
|
|
98
|
+
this._closeBtn = this._getDomElement('close-btn');
|
|
99
|
+
this._contentArea = this._getDomElement('window-content');
|
|
100
|
+
//@ts-ignore
|
|
101
|
+
this._titleText.textContent = this.windowTitle;
|
|
102
|
+
// Inject content
|
|
103
|
+
//@ts-ignore
|
|
104
|
+
const tpl = this.windowTemplate;
|
|
105
|
+
if (typeof tpl === 'string') {
|
|
106
|
+
const temp = document.createElement('template');
|
|
107
|
+
temp.innerHTML = tpl;
|
|
108
|
+
this._contentArea.appendChild(temp.content.cloneNode(true));
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
this._contentArea.appendChild(tpl.content.cloneNode(true));
|
|
112
|
+
}
|
|
113
|
+
// Apply optional extra styles to shadow root
|
|
114
|
+
const extraStyle = this.windowContentStyle;
|
|
115
|
+
if (extraStyle) {
|
|
116
|
+
this.shadowRoot.adoptedStyleSheets = [...this.shadowRoot.adoptedStyleSheets, extraStyle];
|
|
117
|
+
}
|
|
118
|
+
this._closeBtn.onclick = () => this._close();
|
|
119
|
+
// Drag via pointer events on title bar
|
|
120
|
+
this._titleBar.addEventListener('pointerdown', (e) => this._onPointerDown(e));
|
|
121
|
+
}
|
|
122
|
+
connectedCallback() {
|
|
123
|
+
// Default position near top-left if not already placed
|
|
124
|
+
if (!this.style.left && !this.style.top) {
|
|
125
|
+
this.style.left = '100px';
|
|
126
|
+
this.style.top = '100px';
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
_close() {
|
|
130
|
+
this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
|
|
131
|
+
this.remove();
|
|
132
|
+
}
|
|
133
|
+
_onPointerDown(e) {
|
|
134
|
+
if (e.button !== 0)
|
|
135
|
+
return;
|
|
136
|
+
if (e.target === this._closeBtn)
|
|
137
|
+
return;
|
|
138
|
+
e.preventDefault();
|
|
139
|
+
this._dragging = true;
|
|
140
|
+
const rect = this.getBoundingClientRect();
|
|
141
|
+
this._dragOffsetX = e.clientX - rect.left;
|
|
142
|
+
this._dragOffsetY = e.clientY - rect.top;
|
|
143
|
+
this._titleBar.setPointerCapture(e.pointerId);
|
|
144
|
+
this._titleBar.addEventListener('pointermove', this._onPointerMove);
|
|
145
|
+
this._titleBar.addEventListener('pointerup', this._onPointerUp);
|
|
146
|
+
}
|
|
147
|
+
_onPointerMove = (e) => {
|
|
148
|
+
if (!this._dragging)
|
|
149
|
+
return;
|
|
150
|
+
let x = e.clientX - this._dragOffsetX;
|
|
151
|
+
let y = e.clientY - this._dragOffsetY;
|
|
152
|
+
// Keep within viewport
|
|
153
|
+
x = Math.max(0, Math.min(x, window.innerWidth - 40));
|
|
154
|
+
y = Math.max(0, Math.min(y, window.innerHeight - 30));
|
|
155
|
+
this.style.left = x + 'px';
|
|
156
|
+
this.style.top = y + 'px';
|
|
157
|
+
};
|
|
158
|
+
_onPointerUp = (e) => {
|
|
159
|
+
this._dragging = false;
|
|
160
|
+
this._titleBar.releasePointerCapture(e.pointerId);
|
|
161
|
+
this._titleBar.removeEventListener('pointermove', this._onPointerMove);
|
|
162
|
+
this._titleBar.removeEventListener('pointerup', this._onPointerUp);
|
|
163
|
+
};
|
|
164
|
+
/**
|
|
165
|
+
* Show the tool window anchored near a reference element, or centered if none.
|
|
166
|
+
* Appends to document.body.
|
|
167
|
+
*/
|
|
168
|
+
static showWindow(instance, anchor) {
|
|
169
|
+
if (anchor) {
|
|
170
|
+
const rect = anchor.getBoundingClientRect();
|
|
171
|
+
instance.style.left = (rect.right + 8) + 'px';
|
|
172
|
+
instance.style.top = rect.top + 'px';
|
|
173
|
+
}
|
|
174
|
+
else {
|
|
175
|
+
instance.style.left = Math.max(0, (window.innerWidth - 260) / 2) + 'px';
|
|
176
|
+
instance.style.top = '120px';
|
|
177
|
+
}
|
|
178
|
+
document.body.appendChild(instance);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
//# sourceMappingURL=DraggableToolWindow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DraggableToolWindow.js","sourceRoot":"","sources":["../../../../../../../src/elements/widgets/designerView/tools/toolBar/popups/DraggableToolWindow.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { DraggableToolWindow } from './DraggableToolWindow.js';
|
|
2
|
+
import { IDesignerCanvas } from '../../../IDesignerCanvas.js';
|
|
3
|
+
export declare class GradientEditorWindow extends DraggableToolWindow {
|
|
4
|
+
private _designerCanvas;
|
|
5
|
+
private _config;
|
|
6
|
+
private _selectedStopIndex;
|
|
7
|
+
private _previewStrip;
|
|
8
|
+
private _stopTrack;
|
|
9
|
+
private _typeSelect;
|
|
10
|
+
private _repeatingCheck;
|
|
11
|
+
private _linearGroup;
|
|
12
|
+
private _radialGroup;
|
|
13
|
+
private _conicGroup;
|
|
14
|
+
private _angleInput;
|
|
15
|
+
private _angleVal;
|
|
16
|
+
private _conicAngleInput;
|
|
17
|
+
private _conicAngleVal;
|
|
18
|
+
private _shapeSelect;
|
|
19
|
+
private _sizeSelect;
|
|
20
|
+
private _posXInput;
|
|
21
|
+
private _posXVal;
|
|
22
|
+
private _posYInput;
|
|
23
|
+
private _posYVal;
|
|
24
|
+
private _conicPosXInput;
|
|
25
|
+
private _conicPosXVal;
|
|
26
|
+
private _conicPosYInput;
|
|
27
|
+
private _conicPosYVal;
|
|
28
|
+
private _stopColorInput;
|
|
29
|
+
private _stopOpacityInput;
|
|
30
|
+
private _stopOpacityVal;
|
|
31
|
+
private _stopPositionInput;
|
|
32
|
+
private _stopPositionVal;
|
|
33
|
+
private _removeStopBtn;
|
|
34
|
+
private _propertySelect;
|
|
35
|
+
private _cssOutput;
|
|
36
|
+
private _loadBtn;
|
|
37
|
+
private _copyBtn;
|
|
38
|
+
private _applyBtn;
|
|
39
|
+
protected get windowTitle(): string;
|
|
40
|
+
protected get windowContentStyle(): CSSStyleSheet;
|
|
41
|
+
protected get windowTemplate(): string;
|
|
42
|
+
constructor(designerCanvas?: IDesignerCanvas);
|
|
43
|
+
private _loadFromPrimarySelection;
|
|
44
|
+
private _currentStop;
|
|
45
|
+
private _addStop;
|
|
46
|
+
private _removeStop;
|
|
47
|
+
private _updateTypeVisibility;
|
|
48
|
+
private _syncControls;
|
|
49
|
+
private _renderStopTrack;
|
|
50
|
+
private _refreshOutput;
|
|
51
|
+
private _refresh;
|
|
52
|
+
private _applyToSelection;
|
|
53
|
+
}
|