@node-projects/web-component-designer 0.2.21 → 0.2.22
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/controls/SimpleSplitView.d.ts +2 -2
- package/dist/elements/helper/getBoxQuads.js +110 -0
- package/dist/elements/helper/getBoxQuads.js.map +1 -1
- package/dist/elements/item/DesignItem.d.ts +1 -1
- package/dist/elements/widgets/designerView/DomConverter.d.ts +1 -1
- package/dist/index-min.js +13 -13
- package/dist/index-min.js.map +3 -3
- package/package.json +1 -1
- package/.claude/settings.local.json +0 -9
- package/dist/elements/services/propertiesService/DefaultEditorTypesService.d.ts +0 -6
- package/dist/elements/services/propertiesService/DefaultEditorTypesService.js +0 -68
- package/dist/elements/services/propertiesService/DefaultEditorTypesService.js.map +0 -1
- package/dist/elements/services/propertiesService/DefaultInputTypeElementService.d.ts +0 -7
- package/dist/elements/services/propertiesService/DefaultInputTypeElementService.js +0 -21
- package/dist/elements/services/propertiesService/DefaultInputTypeElementService.js.map +0 -1
- package/dist/elements/services/propertiesService/IEditorATypesService.d.ts +0 -5
- package/dist/elements/services/propertiesService/IEditorATypesService.js +0 -2
- package/dist/elements/services/propertiesService/IEditorATypesService.js.map +0 -1
- package/dist/elements/services/propertiesService/IEditorTypesService copy.d.ts +0 -5
- package/dist/elements/services/propertiesService/IEditorTypesService copy.js +0 -2
- package/dist/elements/services/propertiesService/IEditorTypesService copy.js.map +0 -1
- package/dist/elements/services/propertiesService/IEditorTypesService.d.ts +0 -5
- package/dist/elements/services/propertiesService/IEditorTypesService.js +0 -2
- package/dist/elements/services/propertiesService/IEditorTypesService.js.map +0 -1
- package/dist/elements/services/propertiesService/IIEditorTypeService.d.ts +0 -6
- package/dist/elements/services/propertiesService/IIEditorTypeService.js +0 -2
- package/dist/elements/services/propertiesService/IIEditorTypeService.js.map +0 -1
- package/dist/elements/services/propertiesService/IInputTypeElementService.d.ts +0 -6
- package/dist/elements/services/propertiesService/IInputTypeElementService.js +0 -2
- package/dist/elements/services/propertiesService/IInputTypeElementService.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.d.ts +0 -7
- package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.js +0 -30
- package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.d.ts +0 -7
- package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.js +0 -23
- package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension copy.d.ts +0 -13
- package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension copy.js +0 -27
- package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension copy.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider copy.d.ts +0 -7
- package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider copy.js +0 -11
- package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider copy.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/SvgHelper.d.ts +0 -11
- package/dist/elements/widgets/designerView/extensions/svg/SvgHelper.js +0 -566
- package/dist/elements/widgets/designerView/extensions/svg/SvgHelper.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"permissions": {
|
|
3
|
-
"allow": [
|
|
4
|
-
"Bash(npm run:*)",
|
|
5
|
-
"Bash(grep -r \"from.*SpecificityCalculator\\\\|import.*calculateSpecificity\" /Users/jkuehner/Documents/Repos/web-component-designer/packages/web-component-designer/src --include=*.ts --include=*.js)",
|
|
6
|
-
"WebFetch(domain:guybedford.com)"
|
|
7
|
-
]
|
|
8
|
-
}
|
|
9
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { IEditorTypesService } from './IPropertyEditorTypesService.js';
|
|
2
|
-
import { IProperty } from './IProperty.js';
|
|
3
|
-
import { IPropertyEditor } from './IPropertyEditor.js';
|
|
4
|
-
export declare class DefaultEditorTypesService implements IEditorTypesService {
|
|
5
|
-
getEditorForProperty(property: IProperty): IPropertyEditor;
|
|
6
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { ColorPropertyEditor } from './propertyEditors/ColorPropertyEditor.js';
|
|
2
|
-
import { DatePropertyEditor } from './propertyEditors/DatePropertyEditor.js';
|
|
3
|
-
import { JsonPropertyEditor } from './propertyEditors/JsonPropertyEditor.js';
|
|
4
|
-
import { NumberPropertyEditor } from './propertyEditors/NumberPropertyEditor.js';
|
|
5
|
-
import { SelectPropertyEditor } from './propertyEditors/SelectPropertyEditor.js';
|
|
6
|
-
import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor.js';
|
|
7
|
-
import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor.js';
|
|
8
|
-
import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor.js';
|
|
9
|
-
import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
|
|
10
|
-
import { FontPropertyEditor } from './propertyEditors/FontPropertyEditor.js';
|
|
11
|
-
import { UnitPropertyEditor } from './propertyEditors/UnitPropertyEditor.js';
|
|
12
|
-
import { isUnitPropertyType } from './propertyEditors/UnitPropertyEditorConfig.js';
|
|
13
|
-
export class DefaultEditorTypesService {
|
|
14
|
-
getEditorForProperty(property) {
|
|
15
|
-
if (property.createEditor)
|
|
16
|
-
return property.createEditor(property);
|
|
17
|
-
if (isUnitPropertyType(property.type, property.name))
|
|
18
|
-
return new UnitPropertyEditor(property);
|
|
19
|
-
switch (property.type) {
|
|
20
|
-
case "json":
|
|
21
|
-
{
|
|
22
|
-
return new JsonPropertyEditor(property);
|
|
23
|
-
}
|
|
24
|
-
case "color":
|
|
25
|
-
{
|
|
26
|
-
return new ColorPropertyEditor(property);
|
|
27
|
-
}
|
|
28
|
-
case "font":
|
|
29
|
-
{
|
|
30
|
-
return new FontPropertyEditor(property);
|
|
31
|
-
}
|
|
32
|
-
case "date":
|
|
33
|
-
{
|
|
34
|
-
return new DatePropertyEditor(property);
|
|
35
|
-
}
|
|
36
|
-
case "number":
|
|
37
|
-
{
|
|
38
|
-
return new NumberPropertyEditor(property);
|
|
39
|
-
}
|
|
40
|
-
case "list":
|
|
41
|
-
{
|
|
42
|
-
return new SelectPropertyEditor(property);
|
|
43
|
-
}
|
|
44
|
-
case "enum":
|
|
45
|
-
{
|
|
46
|
-
return new SelectPropertyEditor(property);
|
|
47
|
-
}
|
|
48
|
-
case "boolean":
|
|
49
|
-
{
|
|
50
|
-
return new BooleanPropertyEditor(property);
|
|
51
|
-
}
|
|
52
|
-
case "img-list":
|
|
53
|
-
{
|
|
54
|
-
return new ImageButtonListPropertyEditor(property);
|
|
55
|
-
}
|
|
56
|
-
case "thickness":
|
|
57
|
-
{
|
|
58
|
-
return new ThicknessPropertyEditor(property);
|
|
59
|
-
}
|
|
60
|
-
case "string":
|
|
61
|
-
default:
|
|
62
|
-
{
|
|
63
|
-
return new TextPropertyEditor(property);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
//# sourceMappingURL=DefaultEditorTypesService.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultEditorTypesService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/DefaultEditorTypesService.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAEnF,MAAM,OAAO,yBAAyB;IACpC,oBAAoB,CAAC,QAAmB;QACtC,IAAI,QAAQ,CAAC,YAAY;YACvB,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAEzC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;YAClD,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAE1C,QAAqB,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;YACH,KAAK,OAAO;gBACV,CAAC;oBACC,OAAO,IAAI,mBAAmB,CAAC,QAAQ,CAAC,CAAC;gBAC3C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;YACH,KAAK,QAAQ;gBACX,CAAC;oBACC,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBAC5C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBAC5C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBAC5C,CAAC;YACH,KAAK,SAAS;gBACZ,CAAC;oBACC,OAAO,IAAI,qBAAqB,CAAC,QAAQ,CAAC,CAAC;gBAC7C,CAAC;YACH,KAAK,UAAU;gBACb,CAAC;oBACC,OAAO,IAAI,6BAA6B,CAAC,QAAQ,CAAC,CAAC;gBACrD,CAAC;YACH,KAAK,WAAW;gBACd,CAAC;oBACC,OAAO,IAAI,uBAAuB,CAAC,QAAQ,CAAC,CAAC;gBAC/C,CAAC;YACH,KAAK,QAAQ,CAAC;YACd;gBACE,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;QACL,CAAC;IACH,CAAC;CACF"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { IInputTypeElementService } from "./IInputTypeElementService";
|
|
2
|
-
export declare class DefaultInputTypeElementService implements IInputTypeElementService {
|
|
3
|
-
getEditor(type: string, changedCallback: () => void): {
|
|
4
|
-
element: HTMLElement;
|
|
5
|
-
getValue: () => any;
|
|
6
|
-
};
|
|
7
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export class DefaultInputTypeElementService {
|
|
2
|
-
getEditor(type, changedCallback) {
|
|
3
|
-
if (type === 'color') {
|
|
4
|
-
const input = document.createElement('input');
|
|
5
|
-
input.type = 'color';
|
|
6
|
-
input.addEventListener('change', changedCallback);
|
|
7
|
-
return {
|
|
8
|
-
element: input,
|
|
9
|
-
getValue: () => input.value
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
const input = document.createElement('input');
|
|
13
|
-
input.type = type;
|
|
14
|
-
input.addEventListener('change', changedCallback);
|
|
15
|
-
return {
|
|
16
|
-
element: input,
|
|
17
|
-
getValue: () => input.value
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=DefaultInputTypeElementService.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultInputTypeElementService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/DefaultInputTypeElementService.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,8BAA8B;IACvC,SAAS,CAAC,IAAY,EAAE,eAA2B;QAC/C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;YACrB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YAClD,OAAO;gBACH,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK;aAC9B,CAAC;QACN,CAAC;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QAClB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAClD,OAAO;YACH,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK;SAC9B,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IEditorATypesService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IEditorATypesService.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IEditorTypesService copy.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IEditorTypesService copy.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IEditorTypesService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IEditorTypesService.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IIEditorTypeService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IIEditorTypeService.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IInputTypeElementService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IInputTypeElementService.ts"],"names":[],"mappings":""}
|
package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { IProperty } from '../IProperty.js';
|
|
2
|
-
import { BasePropertyEditor } from './BasePropertyEditor.js';
|
|
3
|
-
import { ValueType } from '../ValueType.js';
|
|
4
|
-
export declare class ColorPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
|
|
5
|
-
constructor(property: IProperty);
|
|
6
|
-
refreshValue(valueType: ValueType, value: any): void;
|
|
7
|
-
}
|
package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { BasePropertyEditor } from './BasePropertyEditor.js';
|
|
2
|
-
import { w3color } from '../../../helper/w3color.js';
|
|
3
|
-
export class ColorPropertyEditor extends BasePropertyEditor {
|
|
4
|
-
constructor(property) {
|
|
5
|
-
super(property);
|
|
6
|
-
let element = document.createElement('input');
|
|
7
|
-
element.type = 'color';
|
|
8
|
-
if (property.readonly)
|
|
9
|
-
element.readOnly = true;
|
|
10
|
-
element.onchange = async (e) => {
|
|
11
|
-
let w3Col = w3color.toColorObject(element.value);
|
|
12
|
-
await this.property.service.removePreviewValue?.(this.designItems, this.property);
|
|
13
|
-
this._valueChanged(w3Col.toNameOrHexString());
|
|
14
|
-
};
|
|
15
|
-
element.oninput = async (e) => {
|
|
16
|
-
let w3Col = w3color.toColorObject(element.value);
|
|
17
|
-
await this.property.service.previewValue?.(this.designItems, this.property, w3Col.toNameOrHexString());
|
|
18
|
-
};
|
|
19
|
-
this.element = element;
|
|
20
|
-
}
|
|
21
|
-
refreshValue(valueType, value) {
|
|
22
|
-
if (!value)
|
|
23
|
-
this.element.value = '#000000';
|
|
24
|
-
else {
|
|
25
|
-
let w3Col = w3color.toColorObject(value);
|
|
26
|
-
this.element.value = w3Col.toHexString();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=ColorPropertyEditor%20copy.js.map
|
package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPropertyEditor copy.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,OAAO,mBAAoB,SAAQ,kBAAoC;IAC3E,YAAY,QAAmB;QAC7B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO,CAAC,IAAI,GAAG,OAAO,CAAA;QACtB,IAAI,QAAQ,CAAC,QAAQ;YACnB,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC7B,IAAI,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAChD,CAAC,CAAC;QACF,OAAO,CAAC,OAAO,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC5B,IAAI,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACzG,CAAC,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,YAAY,CAAC,SAAoB,EAAE,KAAU;QAC3C,IAAI,CAAC,KAAK;YACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;aAC5B,CAAC;YACJ,IAAI,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC3C,CAAC;IACH,CAAC;CACF"}
|
package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { IProperty } from '../IProperty.js';
|
|
2
|
-
import { BasePropertyEditor } from './BasePropertyEditor.js';
|
|
3
|
-
import { ValueType } from '../ValueType.js';
|
|
4
|
-
export declare class TextPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
|
|
5
|
-
constructor(property: IProperty);
|
|
6
|
-
refreshValue(valueType: ValueType, value: any): void;
|
|
7
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { BasePropertyEditor } from './BasePropertyEditor.js';
|
|
2
|
-
export class TextPropertyEditor extends BasePropertyEditor {
|
|
3
|
-
constructor(property) {
|
|
4
|
-
super(property);
|
|
5
|
-
let element = document.createElement('input');
|
|
6
|
-
element.type = "text";
|
|
7
|
-
if (property.readonly)
|
|
8
|
-
element.readOnly = true;
|
|
9
|
-
element.onchange = (e) => this._valueChanged(element.value);
|
|
10
|
-
element.onfocus = (e) => {
|
|
11
|
-
element.selectionStart = 0;
|
|
12
|
-
element.selectionEnd = element.value?.length;
|
|
13
|
-
};
|
|
14
|
-
this.element = element;
|
|
15
|
-
}
|
|
16
|
-
refreshValue(valueType, value) {
|
|
17
|
-
if (value == null)
|
|
18
|
-
this.element.value = "";
|
|
19
|
-
else
|
|
20
|
-
this.element.value = value;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=TextPropertyEditor%20copy.js.map
|
package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextPropertyEditor copy.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,MAAM,OAAO,kBAAmB,SAAQ,kBAAoC;IAE1E,YAAY,QAAmB;QAC7B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;QACtB,IAAI,QAAQ,CAAC,QAAQ;YACnB,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5D,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;YACtB,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC;YAC3B,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;QAC/C,CAAC,CAAA;QACD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,YAAY,CAAC,SAAoB,EAAE,KAAU;QAC3C,IAAI,KAAK,IAAI,IAAI;YACf,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;;YAExB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC/B,CAAC;CACF"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension.js';
|
|
2
|
-
export declare class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
|
|
3
|
-
private _lineOffset;
|
|
4
|
-
private _lineLength;
|
|
5
|
-
private _circle;
|
|
6
|
-
private _line1;
|
|
7
|
-
private _line2;
|
|
8
|
-
private _line3;
|
|
9
|
-
private _line4;
|
|
10
|
-
refresh(event: PointerEvent): void;
|
|
11
|
-
dispose(): void;
|
|
12
|
-
style: CSSStyleSheet;
|
|
13
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { css } from '@node-projects/base-custom-webcomponent';
|
|
2
|
-
import { OverlayLayer } from '../OverlayLayer.js';
|
|
3
|
-
import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension.js';
|
|
4
|
-
export class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
|
|
5
|
-
_lineOffset = 5;
|
|
6
|
-
_lineLength = 10;
|
|
7
|
-
_circle;
|
|
8
|
-
_line1;
|
|
9
|
-
_line2;
|
|
10
|
-
_line3;
|
|
11
|
-
_line4;
|
|
12
|
-
refresh(event) {
|
|
13
|
-
let mp = this.designerCanvas.getNormalizedEventCoordinates(event);
|
|
14
|
-
this._circle = this._drawCircle(mp.x, mp.y, 1, 'svg-cursor-line', this._circle, OverlayLayer.Foreground);
|
|
15
|
-
this._line1 = this._drawLine(mp.x, mp.y - this._lineOffset, mp.x, mp.y - this._lineOffset - this._lineLength, 'svg-cursor-line', this._line1, OverlayLayer.Foreground);
|
|
16
|
-
this._line2 = this._drawLine(mp.x, mp.y + this._lineOffset, mp.x, mp.y + this._lineOffset + this._lineLength, 'svg-cursor-line', this._line2, OverlayLayer.Foreground);
|
|
17
|
-
this._line3 = this._drawLine(mp.x - this._lineOffset, mp.y, mp.x - this._lineOffset - this._lineLength, mp.y, 'svg-cursor-line', this._line3, OverlayLayer.Foreground);
|
|
18
|
-
this._line4 = this._drawLine(mp.x + this._lineOffset, mp.y, mp.x + this._lineOffset + this._lineLength, mp.y, 'svg-cursor-line', this._line4, OverlayLayer.Foreground);
|
|
19
|
-
}
|
|
20
|
-
dispose() {
|
|
21
|
-
super._removeAllOverlays();
|
|
22
|
-
}
|
|
23
|
-
style = css `
|
|
24
|
-
.svg-cursor-line { stroke: black; pointer-events: none }
|
|
25
|
-
`;
|
|
26
|
-
}
|
|
27
|
-
//# sourceMappingURL=CursorLinePointerExtension%20copy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CursorLinePointerExtension copy.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,MAAM,OAAO,0BAA2B,SAAQ,gCAAgC;IACtE,WAAW,GAAG,CAAC,CAAC;IAChB,WAAW,GAAG,EAAE,CAAC;IAEjB,OAAO,CAAmB;IAC1B,MAAM,CAAiB;IACvB,MAAM,CAAiB;IACvB,MAAM,CAAiB;IACvB,MAAM,CAAiB;IAE/B,OAAO,CAAC,KAAmB;QACzB,IAAI,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,iBAAiB,EAAE,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACzG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACvK,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACvK,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACvK,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACzK,CAAC;IAED,OAAO;QACL,KAAK,CAAC,kBAAkB,EAAE,CAAC;IAC7B,CAAC;IAED,KAAK,GAAG,GAAG,CAAA;;GAEV,CAAC;CACH"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { IDesignerCanvas } from '../../IDesignerCanvas.js';
|
|
2
|
-
import { IDesignerPointerExtension } from './IDesignerPointerExtension.js';
|
|
3
|
-
import { IDesignerPointerExtensionProvider } from './IDesignerPointerExtensionProvider.js';
|
|
4
|
-
export declare class CursorLinePointerExtensionProvider implements IDesignerPointerExtensionProvider {
|
|
5
|
-
getExtension(designerCanvas: IDesignerCanvas): IDesignerPointerExtension;
|
|
6
|
-
style: CSSStyleSheet;
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { css } from '@node-projects/base-custom-webcomponent';
|
|
2
|
-
import { CursorLinePointerExtension } from './CursorLinePointerExtension.js';
|
|
3
|
-
export class CursorLinePointerExtensionProvider {
|
|
4
|
-
getExtension(designerCanvas) {
|
|
5
|
-
return new CursorLinePointerExtension(designerCanvas.extensionManager, designerCanvas);
|
|
6
|
-
}
|
|
7
|
-
style = css `
|
|
8
|
-
.svg-cursor-line { stroke: black; pointer-events: none }
|
|
9
|
-
`;
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=CursorLinePointerExtensionProvider%20copy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CursorLinePointerExtensionProvider copy.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAE9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAI7E,MAAM,OAAO,kCAAkC;IAE7C,YAAY,CAAC,cAA+B;QAC1C,OAAO,IAAI,0BAA0B,CAAC,cAAc,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAA;IACxF,CAAC;IAED,KAAK,GAAG,GAAG,CAAA;;GAEV,CAAC;CACH"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { IPoint } from '../../../../../interfaces/IPoint.js';
|
|
2
|
-
import { IDesignerCanvas } from '../../IDesignerCanvas.js';
|
|
3
|
-
import '../../../../helper/PathDataPolyfill.js';
|
|
4
|
-
interface SvgOverlayPathOptions {
|
|
5
|
-
includeMarkers?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function isSupportedSvgGeometryElement(element: Element): element is SVGGraphicsElement;
|
|
8
|
-
export declare function toOverlayPointFromSvgUserSpace(element: Element, designerCanvas: IDesignerCanvas, point: IPoint): IPoint;
|
|
9
|
-
export declare function fromOverlayPointToSvgUserSpace(element: Element, designerCanvas: IDesignerCanvas, point: IPoint): IPoint;
|
|
10
|
-
export declare function createOverlayPathDataFromSvgGeometryElement(element: Element, designerCanvas: IDesignerCanvas, options?: SvgOverlayPathOptions): string | null;
|
|
11
|
-
export {};
|