@node-projects/web-component-designer 0.0.292 → 0.1.0

package/dist/elements/services/undoService/transactionItems/AttributeChangeAction.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/CssStyleChangeAction.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.js

@@ -1,62 +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);
-            if (this.name.startsWith('--')) {
-                this.designItem.element.style.removeProperty(this.name);
-            }
-            else {
-                this.designItem.element.style[this.name] = '';
-            }
-            ;
-        }
-        else {
-            this.designItem._withoutUndoSetStyle(this.name, this.oldValue);
-            if (this.name.startsWith('--')) {
-                this.designItem.element.style.setProperty(this.name, this.oldValue);
-            }
-            else {
-                this.designItem.element.style[this.name] = this.oldValue;
-            }
-        }
-    }
-    do() {
-        if (this.newValue === '' || this.newValue == null) {
-            this.designItem._withoutUndoRemoveStyle(this.name);
-            if (this.name.startsWith('--')) {
-                this.designItem.element.style.removeProperty(this.name);
-            }
-            else {
-                this.designItem.element.style[this.name] = '';
-            }
-            ;
-        }
-        else {
-            this.designItem._withoutUndoSetStyle(this.name, this.newValue);
-            if (this.name.startsWith('--')) {
-                this.designItem.element.style.setProperty(this.name, this.newValue);
-            }
-            else {
-                this.designItem.element.style[this.name] = this.newValue;
-            }
-        }
-    }
-    designItem;
-    name;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        return false;
-    }
-}

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

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

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

@@ -1,35 +0,0 @@
-import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper.js';
-export class DeleteAction {
-    constructor(deletedItems) {
-        this.title = "Delete Items";
-        this.deletedItems = deletedItems;
-    }
-    title;
-    get affectedItems() {
-        return this.deletedItems;
-    }
-    undo() {
-        for (let n = 0; n < this.deletedItems.length; n++) {
-            this._parentItems[n]._insertChildInternal(this.deletedItems[n], this._parentIndexes[n]);
-        }
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'added', designItems: this.deletedItems });
-    }
-    do() {
-        this._parentItems = [];
-        this._parentIndexes = [];
-        for (let n = 0; n < this.deletedItems.length; n++) {
-            this._parentItems.push(this.deletedItems[n].parent);
-            this._parentIndexes.push(DomHelper.nodeIndex(this.deletedItems[n].element));
-        }
-        for (let n = 0; n < this.deletedItems.length; n++) {
-            this.deletedItems[n].parent._removeChildInternal(this.deletedItems[n]);
-        }
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'removed', designItems: this.deletedItems });
-    }
-    deletedItems;
-    _parentItems;
-    _parentIndexes;
-    mergeWith(other) {
-        return false;
-    }
-}

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

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

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

@@ -1,26 +0,0 @@
-export class InsertAction {
-    constructor(containerItem, index, newItem) {
-        this.title = "Insert Item";
-        this.containerItem = containerItem;
-        this.index = index;
-        this.newItem = newItem;
-    }
-    title;
-    get affectedItems() {
-        return [this.containerItem, this.newItem];
-    }
-    undo() {
-        this.newItem.parent._removeChildInternal(this.newItem);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'removed', designItems: [this.newItem] });
-    }
-    do() {
-        this.containerItem._insertChildInternal(this.newItem, this.index);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'added', designItems: [this.newItem] });
-    }
-    containerItem;
-    index;
-    newItem;
-    mergeWith(other) {
-        return false;
-    }
-}

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

@@ -1,16 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-export declare class InsertChildAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, newParent: IDesignItem, newIndex: number);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    newParent: IDesignItem;
-    newIndex: number;
-    oldParent: IDesignItem;
-    oldIndex: number;
-    newItem: IDesignItem;
-    mergeWith(other: ITransactionItem): boolean;
-}

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

@@ -1,40 +0,0 @@
-export class InsertChildAction {
-    constructor(designItem, newParent, newIndex) {
-        this.title = "Move or Insert Item";
-        this.designItem = designItem;
-        this.newParent = newParent;
-        this.newIndex = newIndex;
-    }
-    title;
-    get affectedItems() {
-        if (this.oldParent)
-            return [this.designItem, this.newParent, this.oldParent];
-        return [this.designItem, this.newParent];
-    }
-    undo() {
-        if (this.oldParent) {
-            this.oldParent._insertChildInternal(this.designItem, this.oldIndex);
-            this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-        }
-        else {
-            this.designItem.parent._removeChildInternal(this.designItem);
-            this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'removed', designItems: [this.designItem] });
-        }
-    }
-    do() {
-        this.oldParent = this.designItem.parent;
-        if (this.oldParent)
-            this.oldIndex = this.designItem.parent.indexOf(this.designItem);
-        this.newParent._insertChildInternal(this.designItem, this.newIndex);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: this.oldParent ? 'moved' : 'added', designItems: [this.designItem] });
-    }
-    designItem;
-    newParent;
-    newIndex;
-    oldParent;
-    oldIndex;
-    newItem;
-    mergeWith(other) {
-        return false;
-    }
-}

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

@@ -1,14 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { ISelectionService } from '../../selectionService/ISelectionService.js';
-export declare class SelectionChangedAction implements ITransactionItem {
-    constructor(oldSelection: IDesignItem[], newSelection: IDesignItem[], selectionService: ISelectionService);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    oldSelection: IDesignItem[];
-    newSelection: IDesignItem[];
-    selectionService: ISelectionService;
-    mergeWith(other: ITransactionItem): boolean;
-}

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

@@ -1,28 +0,0 @@
-export class SelectionChangedAction {
-    constructor(oldSelection, newSelection, selectionService) {
-        this.title = "Change Selection";
-        this.oldSelection = oldSelection;
-        this.newSelection = newSelection;
-        this.selectionService = selectionService;
-    }
-    title;
-    get affectedItems() {
-        if (this.oldSelection && this.newSelection)
-            return [...this.oldSelection, ...this.newSelection];
-        if (this.oldSelection)
-            return [...this.oldSelection];
-        return [...this.newSelection];
-    }
-    undo() {
-        this.selectionService._withoutUndoSetSelectedElements(this.oldSelection);
-    }
-    do() {
-        this.selectionService._withoutUndoSetSelectedElements(this.newSelection);
-    }
-    oldSelection;
-    newSelection;
-    selectionService;
-    mergeWith(other) {
-        return false;
-    }
-}

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

@@ -1,12 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-export declare class SetDesignItemsAction implements ITransactionItem {
-    constructor(newDesignItems: IDesignItem[], oldDesignItems: IDesignItem[]);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    newDesignItems: IDesignItem[];
-    oldDesignItems: IDesignItem[];
-    mergeWith(other: ITransactionItem): boolean;
-}

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

@@ -1,22 +0,0 @@
-export class SetDesignItemsAction {
-    constructor(newDesignItems, oldDesignItems) {
-        this.title = "Set all DesignItems";
-        this.newDesignItems = newDesignItems;
-        this.oldDesignItems = oldDesignItems;
-    }
-    title;
-    get affectedItems() {
-        return this.newDesignItems;
-    }
-    undo() {
-        this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.oldDesignItems);
-    }
-    do() {
-        this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.newDesignItems);
-    }
-    newDesignItems;
-    oldDesignItems;
-    mergeWith(other) {
-        return false;
-    }
-}

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

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

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

@@ -1,24 +0,0 @@
-export class StylesheetChangedAction {
-    stylesheetService;
-    constructor(stylesheetService, name, newValue, oldValue) {
-        this.title = "Changed Css Stylesheet: " + name;
-        this.stylesheetService = stylesheetService;
-        this.name = name;
-        this.newValue = newValue;
-        this.oldValue = oldValue;
-    }
-    title;
-    get affectedItems() {
-        return [];
-    }
-    undo() {
-        this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name, this.oldValue);
-    }
-    do() {
-        this.stylesheetService.updateCompleteStylesheetWithoutUndo(this.name, this.newValue);
-    }
-    name;
-    newValue;
-    oldValue;
-    mergeWith(other) { return false; }
-}

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

@@ -1,14 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IBinding } from '../../../item/IBinding.js';
-export declare class TextContentChangeAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, newValue: string | IBinding | null, oldValue: string | IBinding | null);
-    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/TextContentChangeAction.js

@@ -1,24 +0,0 @@
-export class TextContentChangeAction {
-    constructor(designItem, newValue, oldValue) {
-        this.title = "Change TextContent from '" + oldValue + "' to '" + newValue + "'";
-        this.designItem = designItem;
-        this.newValue = newValue;
-        this.oldValue = oldValue;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem];
-    }
-    undo() {
-        this.designItem.element.textContent = this.oldValue;
-    }
-    do() {
-        this.designItem.element.textContent = this.newValue;
-    }
-    designItem;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        return false;
-    }
-}

package/dist/elements/widgets/bindableObjectsBrowser/IBindableObjectsBrowser.d.ts

@@ -1,3 +0,0 @@
-export interface IBindableObjectsBrowser {
-    showObject(name: string): any;
-}

package/dist/elements/widgets/bindableObjectsBrowser/IBindableObjectsBrowser.js

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

package/dist/elements/widgets/bindableObjectsBrowser/bindable-objects-browser.d.ts

@@ -1,14 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IBindableObject } from '../../services/bindableObjectsService/IBindableObject.js';
-import { ServiceContainer } from '../../services/ServiceContainer.js';
-export declare class BindableObjectsBrowser extends BaseCustomWebComponentLazyAppend {
-    private _treeDiv;
-    private _tree;
-    selectedObject: IBindableObject<any>;
-    objectDoubleclicked: TypedEvent<void>;
-    static readonly style: CSSStyleSheet;
-    constructor();
-    initialize(serviceContainer: ServiceContainer): Promise<void>;
-    private deselectNodes;
-    private lazyLoad;
-}

package/dist/elements/widgets/bindableObjectsBrowser/bindable-objects-browser.js

@@ -1,137 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent, css } from '@node-projects/base-custom-webcomponent';
-import { dragDropFormatNameBindingObject } from '../../../Constants.js';
-export class BindableObjectsBrowser extends BaseCustomWebComponentLazyAppend {
-    _treeDiv;
-    _tree;
-    selectedObject;
-    objectDoubleclicked = new TypedEvent;
-    static style = css `
-      span.drag-source {
-        border: 1px solid grey;
-        border-radius: 3px;
-        padding: 2px;
-        background-color: silver;
-      }
-
-      span.fancytree-node.fancytree-drag-source {
-        outline: 1px dotted grey;
-      }
-      span.fancytree-node.fancytree-drop-accept {
-        outline: 1px dotted green;
-      }
-      span.fancytree-node.fancytree-drop-reject {
-        outline: 1px dotted red;
-      }
-      #tree ul {
-        border: none;
-      }
-      #tree ul:focus {
-        outline: none;
-      }
-    `;
-    constructor() {
-        super();
-        this._restoreCachedInititalValues();
-        //@ts-ignore
-        if (window.importShim)
-            //@ts-ignore
-            importShim("jquery.fancytree/dist/skin-win8/ui.fancytree.css", { assert: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, this.constructor.style]);
-        else
-            //@ts-ignore
-            import("jquery.fancytree/dist/skin-win8/ui.fancytree.css", { assert: { type: 'css' } }).then(x => this.shadowRoot.adoptedStyleSheets = [x.default, this.constructor.style]);
-        this._treeDiv = document.createElement('div');
-        this._treeDiv.style.height = '100%';
-        this._treeDiv.style.overflow = 'auto';
-        this._treeDiv.setAttribute('id', 'tree');
-        this.shadowRoot.appendChild(this._treeDiv);
-        $(this._treeDiv).fancytree({
-            debugLevel: 0,
-            icon: false,
-            extensions: ['dnd5', 'filter'],
-            quicksearch: true,
-            source: [],
-            lazyLoad: this.lazyLoad,
-            dblclick: (e) => {
-                this.objectDoubleclicked.emit();
-                return true;
-            },
-            activate: (event, data) => {
-                this.deselectNodes();
-                let node = data.node;
-                this.selectedObject = node.data.bindable;
-            },
-            filter: {
-                autoApply: true,
-                autoExpand: false,
-                counter: true,
-                fuzzy: false,
-                hideExpandedCounter: true,
-                hideExpanders: false,
-                highlight: true,
-                leavesOnly: false,
-                nodata: true,
-                mode: "dimm" // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
-            },
-            dnd5: {
-                dropMarkerParent: this.shadowRoot,
-                preventRecursion: true,
-                preventVoidMoves: false,
-                dropMarkerOffsetX: -24,
-                dropMarkerInsertOffsetX: -16,
-                dragStart: (node, data) => {
-                    data.effectAllowed = "all";
-                    data.dataTransfer.setData(dragDropFormatNameBindingObject, JSON.stringify(node.data.bindable));
-                    data.dropEffect = "copy";
-                    return true;
-                },
-                dragEnter: (node, data) => {
-                    return false;
-                }
-            }
-        });
-        this._tree = $.ui.fancytree.getTree(this._treeDiv);
-        this._treeDiv.children[0].classList.add('fancytree-connectors');
-    }
-    async initialize(serviceContainer) {
-        let rootNode = this._tree.getRootNode();
-        rootNode.removeChildren();
-        const services = serviceContainer.bindableObjectsServices;
-        for (const s of services) {
-            const newNode = rootNode.addChildren({
-                title: s.name,
-                folder: true,
-                lazy: true,
-                data: {
-                    service: s
-                }
-            });
-            rootNode.addNode(newNode);
-        }
-    }
-    deselectNodes() {
-        let nodes = this._tree.getSelectedNodes();
-        nodes.forEach(node => {
-            node.setSelected(false);
-            node.setActive(false);
-        });
-    }
-    lazyLoad(event, data) {
-        data.result = new Promise(async (resolve) => {
-            const service = data.node.data.service;
-            const bindable = data.node.data.bindable;
-            let children;
-            if (bindable?.children)
-                children = bindable.children;
-            else
-                children = await service.getBindableObjects(bindable);
-            resolve(children.map(x => ({
-                service,
-                title: x.name,
-                bindable: x,
-                folder: x.children !== false,
-                lazy: x.children !== false
-            })));
-        });
-    }
-}
-customElements.define('node-projects-bindable-objects-browser', BindableObjectsBrowser);

package/dist/elements/widgets/bindings/BindingsEditor.d.ts

@@ -1,17 +0,0 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare enum targetType {
-    'property' = "property",
-    'style' = "style",
-    'attribute' = "attribute",
-    'event' = "event"
-}
-export declare enum valueType {
-    'string' = "string",
-    'number' = "number",
-    'boolean' = "boolean"
-}
-export declare class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    constructor(targetType: targetType);
-}