@node-projects/web-component-designer 0.1.217 → 0.1.219
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/commandHandling/IUiCommand.d.ts +1 -0
- package/dist/elements/helper/Helper.d.ts +1 -0
- package/dist/elements/helper/Helper.js +3 -0
- package/dist/elements/helper/Helper.js.map +1 -1
- package/dist/elements/helper/KeyboardHelper.d.ts +1 -0
- package/dist/elements/helper/KeyboardHelper.js +7 -0
- package/dist/elements/helper/KeyboardHelper.js.map +1 -0
- package/dist/elements/services/placementService/AbsolutePlacementService.js +3 -2
- package/dist/elements/services/placementService/AbsolutePlacementService.js.map +1 -1
- package/dist/elements/services/placementService/DefaultPlacementService.js +3 -2
- package/dist/elements/services/placementService/DefaultPlacementService.js.map +1 -1
- package/dist/elements/widgets/designerView/designerCanvas.js +19 -18
- package/dist/elements/widgets/designerView/designerCanvas.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/RotateExtension.js +2 -1
- package/dist/elements/widgets/designerView/extensions/RotateExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/DrawEllipsisTool.js +2 -1
- package/dist/elements/widgets/designerView/tools/DrawEllipsisTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/DrawRectTool.js +2 -1
- package/dist/elements/widgets/designerView/tools/DrawRectTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/MagicWandSelectorTool.js +3 -2
- package/dist/elements/widgets/designerView/tools/MagicWandSelectorTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/MarginTool.d.ts +1 -0
- package/dist/elements/widgets/designerView/tools/MarginTool.js +15 -1
- package/dist/elements/widgets/designerView/tools/MarginTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/PaddingTool.d.ts +1 -0
- package/dist/elements/widgets/designerView/tools/PaddingTool.js +15 -1
- package/dist/elements/widgets/designerView/tools/PaddingTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/PointerTool.js +10 -9
- package/dist/elements/widgets/designerView/tools/PointerTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/RectangleSelectorTool.js +3 -2
- package/dist/elements/widgets/designerView/tools/RectangleSelectorTool.js.map +1 -1
- package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.js +10 -5
- package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/elements/widgets/bindings/BindingsEditor.d.ts +0 -17
- package/dist/elements/widgets/bindings/BindingsEditor.js +0 -54
- package/dist/elements/widgets/bindings/BindingsEditor.js.map +0 -1
- package/dist/elements/widgets/designerView/tools/MarginTool copy.d.ts +0 -10
- package/dist/elements/widgets/designerView/tools/MarginTool copy.js +0 -35
- package/dist/elements/widgets/designerView/tools/MarginTool copy.js.map +0 -1
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { css, BaseCustomWebComponentConstructorAppend, html } from '@node-projects/base-custom-webcomponent';
|
|
2
|
-
export var targetType;
|
|
3
|
-
(function (targetType) {
|
|
4
|
-
targetType["property"] = "property";
|
|
5
|
-
targetType["style"] = "style";
|
|
6
|
-
targetType["attribute"] = "attribute";
|
|
7
|
-
targetType["event"] = "event";
|
|
8
|
-
})(targetType || (targetType = {}));
|
|
9
|
-
export var valueType;
|
|
10
|
-
(function (valueType) {
|
|
11
|
-
valueType["string"] = "string";
|
|
12
|
-
valueType["number"] = "number";
|
|
13
|
-
valueType["boolean"] = "boolean";
|
|
14
|
-
})(valueType || (valueType = {}));
|
|
15
|
-
export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
|
|
16
|
-
static style = css `
|
|
17
|
-
* { font-size: 16px; }
|
|
18
|
-
.list {
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
gap: 5px;
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
24
|
-
static template = html `
|
|
25
|
-
<div class="list" style="">
|
|
26
|
-
<span>Expression</span>
|
|
27
|
-
<div>
|
|
28
|
-
<input style="width:100%;">
|
|
29
|
-
<button>...</button>
|
|
30
|
-
</div>
|
|
31
|
-
<!--<span>Target</span>
|
|
32
|
-
<select id="target">
|
|
33
|
-
<option>Property</option>
|
|
34
|
-
<option>Attribute</option>
|
|
35
|
-
<option>Style</option>
|
|
36
|
-
<option>Event</option>
|
|
37
|
-
</select>-->
|
|
38
|
-
<div>
|
|
39
|
-
<input id="mode" type="checkbox"><label for="mode">Two Way</label>
|
|
40
|
-
</div>
|
|
41
|
-
<div>
|
|
42
|
-
<input id="inverted" type="checkbox"><label for="inverted">Inverted</label>
|
|
43
|
-
</div>
|
|
44
|
-
<div>
|
|
45
|
-
<input id="nullSafe" type="checkbox"><label for="nullSafe">Null Safe</label>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
`;
|
|
49
|
-
constructor(targetType) {
|
|
50
|
-
super();
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
customElements.define('node-projects-bindings-editor', BindingsEditor);
|
|
54
|
-
//# sourceMappingURL=BindingsEditor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BindingsEditor.js","sourceRoot":"","sources":["../../../../src/elements/widgets/bindings/BindingsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAE7G,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAuB,CAAA;IACvB,6BAAiB,CAAA;IACjB,qCAAyB,CAAA;IACzB,6BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,8BAAmB,CAAA;IACnB,8BAAmB,CAAA;IACnB,gCAAqB,CAAA;AACvB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,OAAO,cAAe,SAAQ,uCAAuC;IAEzE,MAAM,CAAmB,KAAK,GAAG,GAAG,CAAA;;;;;;;KAOjC,CAAC;IAEJ,MAAM,CAAmB,QAAQ,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBvC,CAAC;IAEF,YAAY,UAAsB;QAChC,KAAK,EAAE,CAAC;IACV,CAAC;;AAMH,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ServiceContainer } from '../../../services/ServiceContainer.js';
|
|
2
|
-
import { IDesignerCanvas } from '../IDesignerCanvas.js';
|
|
3
|
-
import { ITool } from './ITool.js';
|
|
4
|
-
export declare class MarginTool implements ITool {
|
|
5
|
-
readonly cursor: string;
|
|
6
|
-
pointerEventHandler(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): void;
|
|
7
|
-
keyboardEventHandler(designerCanvas: IDesignerCanvas, event: KeyboardEvent, currentElement: Element): void;
|
|
8
|
-
activated(serviceContainer: ServiceContainer): void;
|
|
9
|
-
dispose(): void;
|
|
10
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { NamedTools } from './NamedTools.js';
|
|
2
|
-
export class MarginTool {
|
|
3
|
-
cursor = 'pointer';
|
|
4
|
-
pointerEventHandler(designerCanvas, event, currentElement) {
|
|
5
|
-
designerCanvas.serviceContainer.designerTools.get(NamedTools.Pointer).pointerEventHandler(designerCanvas, event, currentElement);
|
|
6
|
-
}
|
|
7
|
-
keyboardEventHandler(designerCanvas, event, currentElement) {
|
|
8
|
-
event.preventDefault();
|
|
9
|
-
const sel = designerCanvas.instanceServiceContainer.selectionService.primarySelection;
|
|
10
|
-
const cs = getComputedStyle(sel.element);
|
|
11
|
-
let nm = "";
|
|
12
|
-
switch (event.key) {
|
|
13
|
-
case "ArrowLeft":
|
|
14
|
-
nm = "margin-left";
|
|
15
|
-
break;
|
|
16
|
-
case "ArrowRight":
|
|
17
|
-
nm = "margin-right";
|
|
18
|
-
break;
|
|
19
|
-
case "ArrowUp":
|
|
20
|
-
nm = "margin-top";
|
|
21
|
-
break;
|
|
22
|
-
case "ArrowDown":
|
|
23
|
-
nm = "margin-bottom";
|
|
24
|
-
break;
|
|
25
|
-
}
|
|
26
|
-
if (nm) {
|
|
27
|
-
sel.setStyle(nm, (parseFloat(cs[nm]) + (event.altKey ? -1 : 1)) + "px");
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
activated(serviceContainer) {
|
|
31
|
-
}
|
|
32
|
-
dispose() {
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
//# sourceMappingURL=MarginTool%20copy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarginTool copy.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/tools/MarginTool copy.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,OAAO,UAAU;IAEZ,MAAM,GAAW,SAAS,CAAC;IAEpC,mBAAmB,CAAC,cAA+B,EAAE,KAAmB,EAAE,cAAuB;QACvF,cAAc,CAAC,gBAAgB,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAE,CAAC,mBAAmB,CAAC,cAAc,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;IAC5I,CAAC;IAED,oBAAoB,CAAC,cAA+B,EAAE,KAAoB,EAAE,cAAuB;QACjG,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,cAAc,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;QACtF,MAAM,EAAE,GAAG,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,EAAE,GAAG,EAAE,CAAA;QACX,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,EAAE,GAAG,aAAa,CAAC;gBACnB,MAAM;YACR,KAAK,YAAY;gBACf,EAAE,GAAG,cAAc,CAAC;gBACpB,MAAM;YACR,KAAK,SAAS;gBACZ,EAAE,GAAG,YAAY,CAAC;gBAClB,MAAM;YACR,KAAK,WAAW;gBACd,EAAE,GAAG,eAAe,CAAC;gBACrB,MAAM;QACV,CAAC;QACD,IAAI,EAAE,EAAE,CAAC;YACP,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAED,SAAS,CAAC,gBAAkC;IAC5C,CAAC;IAED,OAAO;IACP,CAAC;CACF"}
|