@node-projects/web-component-designer 0.0.251 → 0.0.253

package/dist/index.d.ts

@@ -260,7 +260,6 @@ export type { IDisposable } from "./interfaces/IDisposable.js";
 export type { IPoint } from "./interfaces/IPoint.js";
 export type { IRect } from "./interfaces/IRect.js";
 export type { ISize } from "./interfaces/ISize.js";
-export type { ICommandHandler } from "./interfaces/ICommandHandler.js";
 export * from "./commandHandling/CommandType.js";
 export type { IUiCommand } from "./commandHandling/IUiCommand.js";
 export type { IUiCommandHandler } from "./commandHandling/IUiCommandHandler.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.251",
+  "version": "0.0.253",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",
@@ -16,7 +16,7 @@
     "@node-projects/base-custom-webcomponent": "^0.13.0"
   },
   "devDependencies": {
-    "@adobe/css-tools": "4.3.0-rc.1",
+    "@adobe/css-tools": "4.3.0",
     "@node-projects/lean-he-esm": "^3.3.0",
     "@node-projects/node-html-parser-esm": "^6.1.5",
     "@papyrs/stylo": "^0.0.45",
@@ -24,7 +24,7 @@
     "@types/css-tree": "^2.3.1",
     "@types/jquery": "^3.5.16",
     "@types/jquery.fancytree": "0.0.7",
-    "@types/node": "^20.4.5",
+    "@types/node": "^20.4.8",
     "ace-builds": "^1.23.4",
     "codemirror": "^5.0.0",
     "css-tree": "^2.3.1",
@@ -34,7 +34,7 @@
     "jquery": "^3.7.0",
     "jquery.fancytree": "^2.38.3",
     "mdn-data": "^2.0.32",
-    "monaco-editor": "^0.40.0",
+    "monaco-editor": "^0.41.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.1.6",
     "typescript-lit-html-plugin": "^0.9.0"

package/dist/elements/services/dragDropService/ExternalDragDropService copy.d.ts

@@ -1,6 +0,0 @@
-import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
-import { IExternalDragDropService } from "./IExternalDragDropService.js";
-export declare class ExternalDragDropService implements IExternalDragDropService {
-    dragOver(event: DragEvent): 'none' | 'copy' | 'link' | 'move';
-    drop(designerView: IDesignerCanvas, event: DragEvent): void;
-}

package/dist/elements/services/dragDropService/ExternalDragDropService copy.js

@@ -1,28 +0,0 @@
-import { DesignItem } from '../../item/DesignItem.js';
-import { InsertAction } from "../undoService/transactionItems/InsertAction.js";
-export class ExternalDragDropService {
-    dragOver(event) {
-        if (event.dataTransfer.items[0].type.startsWith('image/'))
-            return 'copy';
-        return 'none';
-    }
-    drop(designerView, event) {
-        if (event.dataTransfer.files[0].type.startsWith('image/')) {
-            let reader = new FileReader();
-            reader.onloadend = () => {
-                const img = document.createElement('img');
-                img.src = reader.result;
-                const di = DesignItem.createDesignItemFromInstance(img, designerView.serviceContainer, designerView.instanceServiceContainer);
-                let grp = di.openGroup("Insert of <img>");
-                di.setStyle('position', 'absolute');
-                const targetRect = event.target.getBoundingClientRect();
-                di.setStyle('top', event.offsetY + targetRect.top - designerView.containerBoundingRect.y + 'px');
-                di.setStyle('left', event.offsetX + targetRect.left - designerView.containerBoundingRect.x + 'px');
-                designerView.instanceServiceContainer.undoService.execute(new InsertAction(designerView.rootDesignItem, designerView.rootDesignItem.childCount, di));
-                grp.commit();
-                requestAnimationFrame(() => designerView.instanceServiceContainer.selectionService.setSelectedElements([di]));
-            };
-            reader.readAsDataURL(event.dataTransfer.files[0]);
-        }
-    }
-}

package/dist/elements/services/dragDropService/IExternalDragDropService copy.d.ts

@@ -1,5 +0,0 @@
-import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
-export interface IExternalDragDropService {
-    dragOver(event: DragEvent): 'none' | 'copy' | 'link' | 'move';
-    drop(designerCanvas: IDesignerCanvas, event: DragEvent): any;
-}

package/dist/elements/services/dragDropService/IExternalDragDropService copy.js

@@ -1 +0,0 @@
-export {};

package/dist/elements/services/htmlParserService/AbstractClassElementParserService.d.ts

@@ -1,9 +0,0 @@
-import { InstanceServiceContainer } from '../InstanceServiceContainer.js';
-import { ServiceContainer } from '../ServiceContainer.js';
-import { IHtmlParserService } from './IHtmlParserService.js';
-import { IDesignItem } from '../../item/IDesignItem.js';
-export declare class AbstractClassElementParserService implements IHtmlParserService {
-    private htmlParser;
-    constructor(htmlParser: IHtmlParserService);
-    parse(code: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
-}

package/dist/elements/services/htmlParserService/AbstractClassElementParserService.js

@@ -1,46 +0,0 @@
-function* findAllNodesOfKind(node, kind) {
-    if (node.kind == kind)
-        yield node;
-    for (const c of node.getChildren())
-        yield* findAllNodesOfKind(c, kind);
-}
-export class AbstractClassElementParserService {
-    htmlParser;
-    constructor(htmlParser) {
-        this.htmlParser = htmlParser;
-    }
-    async parse(code, serviceContainer, instanceServiceContainer, parseSnippet) {
-        const compilerHost /*: ts.CompilerHost*/ = {
-            fileExists: () => true,
-            getCanonicalFileName: filename => filename,
-            getCurrentDirectory: () => '',
-            getDefaultLibFileName: () => 'lib.d.ts',
-            getNewLine: () => '\n',
-            getSourceFile: filename => {
-                //@ts-ignore
-                return ts.createSourceFile(filename, code, ts.ScriptTarget.Latest, true);
-            },
-            readFile: () => null,
-            useCaseSensitiveFileNames: () => true,
-            writeFile: () => null,
-        };
-        const filename = 'aa.ts';
-        //@ts-ignore
-        const program = ts.createProgram([filename], {
-            noResolve: true,
-            //@ts-ignore
-            target: ts.ScriptTarget.Latest,
-        }, compilerHost);
-        const sourceFile = program.getSourceFile(filename);
-        let htmlCode = "";
-        let cssStyle = "";
-        const nodes = findAllNodesOfKind(sourceFile, 212);
-        for (let nd of nodes) {
-            if (nd.tag.escapedText == 'html' && nd.parent.name.escapedText == "template")
-                htmlCode = nd.template.rawText;
-            if (nd.tag.escapedText == 'css' && nd.parent.name.escapedText == "style")
-                cssStyle = nd.template.rawText;
-        }
-        return this.htmlParser.parse(htmlCode, serviceContainer, instanceServiceContainer, parseSnippet);
-    }
-}

package/dist/elements/services/htmlParserService/BaseCustomWebcomponentParserService copy.d.ts

@@ -1,11 +0,0 @@
-import { InstanceServiceContainer } from '../InstanceServiceContainer.js';
-import { ServiceContainer } from '../ServiceContainer.js';
-import { IHtmlParserService } from './IHtmlParserService.js';
-import { IDesignItem } from '../../item/IDesignItem.js';
-export declare class BaseCustomWebcomponentParserService implements IHtmlParserService {
-    private htmlParser;
-    constructor(htmlParser: IHtmlParserService);
-    parse(code: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
-    writeBack(code: string, html: string, css: string, newLineCrLf: boolean): string;
-    private parseTypescriptFile;
-}

package/dist/elements/services/htmlParserService/BaseCustomWebcomponentParserService copy.js

@@ -1,90 +0,0 @@
-function* findAllNodesOfKind(node, kind) {
-    if (node.kind == kind)
-        yield node;
-    for (const c of node.getChildren())
-        yield* findAllNodesOfKind(c, kind);
-}
-export class BaseCustomWebcomponentParserService {
-    htmlParser;
-    constructor(htmlParser) {
-        this.htmlParser = htmlParser;
-    }
-    async parse(code, serviceContainer, instanceServiceContainer, parseSnippet) {
-        const sourceFile = this.parseTypescriptFile(code);
-        let htmlCode = "";
-        let cssStyle = "";
-        //@ts-ignore
-        const nodes = findAllNodesOfKind(sourceFile, ts.SyntaxKind.TaggedTemplateExpression);
-        for (let nd of nodes) {
-            if (nd.tag.escapedText == 'html' && nd.parent.name.escapedText == "template")
-                htmlCode = nd.template.rawText;
-            if (nd.tag.escapedText == 'css' && nd.parent.name.escapedText == "style")
-                cssStyle = nd.template.rawText;
-        }
-        if (cssStyle)
-            instanceServiceContainer.stylesheetService.setStylesheets([{ name: 'css', content: cssStyle }]);
-        return this.htmlParser.parse(htmlCode, serviceContainer, instanceServiceContainer, parseSnippet);
-    }
-    writeBack(code, html, css, newLineCrLf) {
-        const sourceFile = this.parseTypescriptFile(code);
-        const transformTemplateLiterals = (context) => (rootNode) => {
-            function visit(node) {
-                //@ts-ignore
-                if (ts.isTemplateLiteral(node) &&
-                    //@ts-ignore
-                    ts.isTaggedTemplateExpression(node.parent) &&
-                    node.parent.tag.escapedText == 'html' &&
-                    node.parent.parent.name.escapedText == "template") {
-                    //@ts-ignore
-                    return ts.factory.createNoSubstitutionTemplateLiteral(html.replaceAll('\n', '\r\n'), html.replaceAll('\n', '\r\n'));
-                }
-                else if (css &&
-                    //@ts-ignore
-                    ts.isTemplateLiteral(node) &&
-                    //@ts-ignore
-                    ts.isTaggedTemplateExpression(node.parent) &&
-                    node.parent.tag.escapedText == 'css' &&
-                    node.parent.parent.name.escapedText == "style") {
-                    //@ts-ignore
-                    return ts.factory.createNoSubstitutionTemplateLiteral(css.replaceAll('\n', '\r\n'), css.replaceAll('\n', '\r\n'));
-                }
-                //@ts-ignore
-                return ts.visitEachChild(node, visit, context);
-            }
-            //@ts-ignore
-            return ts.visitNode(rootNode, visit);
-        };
-        //@ts-ignore
-        let transformed = ts.transform(sourceFile, [transformTemplateLiterals]).transformed[0];
-        //@ts-ignore
-        const printer = ts.createPrinter({ newLine: newLineCrLf ? ts.NewLineKind.CarriageReturnLineFeed : ts.NewLineKind.LineFeed });
-        //@ts-ignore
-        const result = printer.printNode(ts.EmitHint.Unspecified, transformed, transformed);
-        return result;
-    }
-    parseTypescriptFile(code) {
-        const compilerHost = {
-            fileExists: () => true,
-            getCanonicalFileName: filename => filename,
-            getCurrentDirectory: () => '',
-            getDefaultLibFileName: () => 'lib.d.ts',
-            getNewLine: () => '\n',
-            getSourceFile: filename => {
-                //@ts-ignore
-                return ts.createSourceFile(filename, code, ts.ScriptTarget.Latest, true);
-            },
-            readFile: () => null,
-            useCaseSensitiveFileNames: () => true,
-            writeFile: () => null,
-        };
-        const filename = 'aa.ts';
-        //@ts-ignore
-        const program = ts.createProgram([filename], {
-            noResolve: true,
-            //@ts-ignore
-            target: ts.ScriptTarget.Latest,
-        }, compilerHost);
-        const sourceFile = program.getSourceFile(filename);
-        return sourceFile;
-    }
-}

package/dist/elements/services/propertiesService/DefaultEditorTypesService copy.d.ts

@@ -1,6 +0,0 @@
-import { IEditorTypesService } from './IEditorTypesService.js';
-import { IProperty } from './IProperty.js';
-import { IPropertyEditor } from './IPropertyEditor.js';
-export declare class DefaultEditorTypesService implements IEditorTypesService {
-    getEditorForProperty(property: IProperty): IPropertyEditor;
-}

package/dist/elements/services/propertiesService/DefaultEditorTypesService copy.js

@@ -1,64 +0,0 @@
-import { ColorPropertyEditor } from './propertyEditors/ColorPropertyEditor.js';
-import { DatePropertyEditor } from './propertyEditors/DatePropertyEditor.js';
-import { JsonPropertyEditor } from './propertyEditors/JsonPropertyEditor.js';
-import { NumberPropertyEditor } from './propertyEditors/NumberPropertyEditor.js';
-import { SelectPropertyEditor } from './propertyEditors/SelectPropertyEditor.js';
-import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor.js';
-import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor.js';
-import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor.js';
-import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
-import { MetricsPropertyEditor } from './propertyEditors/MetricsPropertyEditor.js';
-export class DefaultEditorTypesService {
-    getEditorForProperty(property) {
-        if (property.createEditor)
-            return property.createEditor(property);
-        switch (property.type) {
-            case "json":
-                {
-                    return new JsonPropertyEditor(property);
-                }
-            case "color":
-                {
-                    return new ColorPropertyEditor(property);
-                }
-            case "date":
-                {
-                    return new DatePropertyEditor(property);
-                }
-            case "number":
-                {
-                    return new NumberPropertyEditor(property);
-                }
-            case "list":
-                {
-                    return new SelectPropertyEditor(property);
-                }
-            case "enum":
-                {
-                    return new SelectPropertyEditor(property);
-                }
-            case "boolean":
-                {
-                    return new BooleanPropertyEditor(property);
-                }
-            case "img-list":
-                {
-                    return new ImageButtonListPropertyEditor(property);
-                }
-            case "thickness":
-                {
-                    return new ThicknessPropertyEditor(property);
-                }
-            case "metrics":
-                {
-                    return new MetricsPropertyEditor(property);
-                }
-            case "css-length":
-            case "string":
-            default:
-                {
-                    return new TextPropertyEditor(property);
-                }
-        }
-    }
-}

package/dist/elements/services/propertiesService/GridEditorTypesService.d.ts

@@ -1,6 +0,0 @@
-import { IEditorTypesService } from './IEditorTypesService.js';
-import { IProperty } from './IProperty.js';
-import { IPropertyEditor } from './IPropertyEditor.js';
-export declare class DefaultEditorTypesService implements IEditorTypesService {
-    getEditorForProperty(property: IProperty): IPropertyEditor;
-}

package/dist/elements/services/propertiesService/GridEditorTypesService.js

@@ -1,64 +0,0 @@
-import { ColorPropertyEditor } from './propertyEditors/ColorPropertyEditor.js';
-import { DatePropertyEditor } from './propertyEditors/DatePropertyEditor.js';
-import { JsonPropertyEditor } from './propertyEditors/JsonPropertyEditor.js';
-import { NumberPropertyEditor } from './propertyEditors/NumberPropertyEditor.js';
-import { SelectPropertyEditor } from './propertyEditors/SelectPropertyEditor.js';
-import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor.js';
-import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor.js';
-import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor.js';
-import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
-import { MetricsPropertyEditor } from './propertyEditors/MetricsPropertyEditor.js';
-export class DefaultEditorTypesService {
-    getEditorForProperty(property) {
-        if (property.createEditor)
-            return property.createEditor(property);
-        switch (property.type) {
-            case "json":
-                {
-                    return new JsonPropertyEditor(property);
-                }
-            case "color":
-                {
-                    return new ColorPropertyEditor(property);
-                }
-            case "date":
-                {
-                    return new DatePropertyEditor(property);
-                }
-            case "number":
-                {
-                    return new NumberPropertyEditor(property);
-                }
-            case "list":
-                {
-                    return new SelectPropertyEditor(property);
-                }
-            case "enum":
-                {
-                    return new SelectPropertyEditor(property);
-                }
-            case "boolean":
-                {
-                    return new BooleanPropertyEditor(property);
-                }
-            case "img-list":
-                {
-                    return new ImageButtonListPropertyEditor(property);
-                }
-            case "thickness":
-                {
-                    return new ThicknessPropertyEditor(property);
-                }
-            case "metrics":
-                {
-                    return new MetricsPropertyEditor(property);
-                }
-            case "css-length":
-            case "string":
-            default:
-                {
-                    return new TextPropertyEditor(property);
-                }
-        }
-    }
-}

package/dist/elements/services/propertiesService/propertyEditors/GridCellPropertyEditor.d.ts

@@ -1,9 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-export declare class GridCellPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    static template: HTMLTemplateElement;
-    _input: HTMLInputElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

package/dist/elements/services/propertiesService/propertyEditors/GridCellPropertyEditor.js

@@ -1,16 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { html } from '@node-projects/base-custom-webcomponent';
-export class GridCellPropertyEditor extends BasePropertyEditor {
-    static template = html `
-    <div style="display: flex;">
-      
-    </div>
-  `;
-    _input;
-    constructor(property) {
-        super(property);
-    }
-    refreshValue(valueType, value) {
-        debugger;
-    }
-}

package/dist/elements/services/propertiesService/propertyEditors/JsonPropertyEditor copy.d.ts

@@ -1,9 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-export declare class JsonPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    static template: HTMLTemplateElement;
-    _input: HTMLInputElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

package/dist/elements/services/propertiesService/propertyEditors/JsonPropertyEditor copy.js

@@ -1,21 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { html } from '@node-projects/base-custom-webcomponent';
-export class JsonPropertyEditor extends BasePropertyEditor {
-    static template = html `
-    <div style="display: flex;">
-      <input id="input" type="text">
-      <button style="width: 30px;">...</button>
-    </div>
-  `;
-    _input;
-    constructor(property) {
-        super(property);
-        let el = JsonPropertyEditor.template.content.cloneNode(true);
-        this._input = el.getElementById('input');
-        this._input.onchange = (e) => this._valueChanged(this._input.value);
-        this.element = el;
-    }
-    refreshValue(valueType, value) {
-        this._input.value = value;
-    }
-}

package/dist/elements/services/undoService/transactionItems/AttributeChangeAction copy.d.ts

@@ -1,15 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IBinding } from '../../../item/IBinding.js';
-export declare class AttributeChangeAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, name: string, newValue: string | IBinding | null, oldValue: string | IBinding | null);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    name: string;
-    newValue: any;
-    oldValue: any;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/AttributeChangeAction copy.js

@@ -1,70 +0,0 @@
-export class AttributeChangeAction {
-    constructor(designItem, name, newValue, oldValue) {
-        this.title = "Change Attribute " + name + " of <" + designItem.name + ">";
-        this.designItem = designItem;
-        this.name = name;
-        this.newValue = newValue;
-        this.oldValue = oldValue;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem];
-    }
-    undo() {
-        if (this.oldValue == null) {
-            this.designItem._withoutUndoRemoveAttribute(this.name);
-            try {
-                this.designItem.element.removeAttribute(this.name);
-            }
-            catch (e) {
-                console.warn(e);
-            }
-        }
-        else {
-            this.designItem._withoutUndoSetAttribute(this.name, this.oldValue);
-            if (this.name != "draggable") {
-                try {
-                    if (typeof this.oldValue === 'string')
-                        this.designItem.element.setAttribute(this.name, this.oldValue);
-                }
-                catch (e) {
-                    console.warn(e);
-                }
-            }
-        }
-    }
-    do() {
-        if (this.newValue == null) {
-            this.designItem._withoutUndoRemoveAttribute(this.name);
-            try {
-                this.designItem.element.removeAttribute(this.name);
-            }
-            catch (e) {
-                console.warn(e);
-            }
-        }
-        else {
-            this.designItem._withoutUndoSetAttribute(this.name, this.newValue);
-            if (this.name != "draggable") {
-                try {
-                    if (typeof this.newValue === 'string')
-                        this.designItem.element.setAttribute(this.name, this.newValue);
-                }
-                catch (e) {
-                    console.warn(e);
-                }
-            }
-        }
-    }
-    designItem;
-    name;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        if (other instanceof AttributeChangeAction && this.designItem === other.designItem && this.name === other.name) {
-            this.newValue = other.newValue;
-            return true;
-        }
-        return false;
-    }
-}

package/dist/elements/services/undoService/transactionItems/ContentChangeAction.d.ts

@@ -1,13 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-export declare class ContentChangeAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, newValue: string);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    newValue: any;
-    oldValue: any;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/ContentChangeAction.js

@@ -1,38 +0,0 @@
-import { NodeType } from '../../../item/NodeType.js';
-export class ContentChangeAction {
-    constructor(designItem, newValue) {
-        this.title = "Change Content of " + designItem.name + " to " + newValue;
-        this.designItem = designItem;
-        this.newValue = newValue;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem];
-    }
-    undo() {
-        if (this.designItem.nodeType == NodeType.TextNode || this.designItem.nodeType == NodeType.Comment) {
-            this.designItem.element.textContent = this.oldValue;
-        }
-        else {
-            this.designItem.element.innerHTML = this.oldValue;
-        }
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'edited', designItems: [this.designItem] });
-    }
-    do() {
-        if (this.designItem.nodeType == NodeType.TextNode || this.designItem.nodeType == NodeType.Comment) {
-            this.oldValue = this.designItem.element.textContent;
-            this.designItem.element.textContent = this.newValue;
-        }
-        else {
-            this.oldValue = this.designItem.element.innerHTML;
-            this.designItem.element.innerHTML = this.newValue;
-        }
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'edited', designItems: [this.designItem] });
-    }
-    designItem;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        return false;
-    }
-}

package/dist/elements/services/undoService/transactionItems/CssStyleChangeAction copy.d.ts

@@ -1,14 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-export declare class CssStyleChangeAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, name: string, newValue: any, oldValue: any);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    name: string;
-    newValue: any;
-    oldValue: any;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/CssStyleChangeAction copy.js

@@ -1,44 +0,0 @@
-export class CssStyleChangeAction {
-    constructor(designItem, name, newValue, oldValue) {
-        this.title = "Change Css Style " + name + " of <" + designItem.name + ">";
-        this.designItem = designItem;
-        this.name = name;
-        this.newValue = newValue;
-        this.oldValue = oldValue;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem];
-    }
-    undo() {
-        if (this.oldValue === '' || this.oldValue == null) {
-            this.designItem._withoutUndoRemoveStyle(this.name);
-            this.designItem.element.style[this.name] = '';
-        }
-        else {
-            this.designItem._withoutUndoSetStyle(this.name, this.oldValue);
-            this.designItem.element.style[this.name] = this.oldValue;
-        }
-    }
-    do() {
-        if (this.newValue === '' || this.newValue == null) {
-            this.designItem._withoutUndoRemoveStyle(this.name);
-            this.designItem.element.style[this.name] = '';
-        }
-        else {
-            this.designItem._withoutUndoSetStyle(this.name, this.newValue);
-            this.designItem.element.style[this.name] = this.newValue;
-        }
-    }
-    designItem;
-    name;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        if (other instanceof CssStyleChangeAction && this.designItem === other.designItem && this.name === other.name) {
-            this.newValue = other.newValue;
-            return true;
-        }
-        return false;
-    }
-}