@node-projects/web-component-designer 0.0.215 → 0.0.217

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

@@ -1,77 +1,77 @@
-import { BindingTarget } from "../../../item/BindingTarget.js";
-import { RefreshMode } from "../IPropertiesService.js";
-import { PropertyType } from "../PropertyType.js";
-import { AbstractPropertiesService } from "./AbstractPropertiesService.js";
-export class WebcomponentManifestPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.full;
-    }
-    _name;
-    get name() { return this._name; }
-    _propertiesList;
-    constructor(name, manifest) {
-        super();
-        this._name = name;
-        this._parseManifest(manifest);
-    }
-    _parseManifest(manifest) {
-        this._propertiesList = {};
-        let declarations = [];
-        for (let m of manifest.modules) {
-            if (m.declarations)
-                declarations.push(...m.declarations);
-        }
-        for (let m of manifest.modules) {
-            for (let e of m.exports) {
-                if (e.kind == 'custom-element-definition') {
-                    let properties = [];
-                    let declaration = declarations.find(x => x.name == e.declaration.name);
-                    if (declaration) {
-                        if (declaration.members) {
-                            for (let d of declaration.members) {
-                                if (d.kind == 'field' && d.privacy !== 'private' && d.privacy !== 'protected') {
-                                    let pType = PropertyType.property;
-                                    if (declaration.attributes)
-                                        pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                                    const p = this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text);
-                                    properties.push({ name: d.name, service: this, propertyType: pType, type: p[0], values: p[1], description: d.description });
-                                }
-                            }
-                            this._propertiesList[e.name] = properties;
-                        }
-                    }
-                    else {
-                        console.warn('declaration for ' + e.declaration.name + ' not found', manifest);
-                    }
-                }
-            }
-        }
-    }
-    manifestClassPropertyTypeToEditorPropertyType(type) {
-        if (type) {
-            if (type.toLowerCase() === 'boolean')
-                return ['boolean'];
-            if (type.toLowerCase() === 'number')
-                return ['number'];
-            if (type.toLowerCase() === 'string')
-                return ['string'];
-            if (type.startsWith("'") && type.includes("|")) {
-                const values = type.split("|").map(x => x.trim()).map(x => x.substring(1, x.length - 1));
-                return ['list', values];
-            }
-        }
-        return [type];
-    }
-    isHandledElement(designItem) {
-        return this._propertiesList[designItem.name] != null;
-    }
-    getProperties(designItem) {
-        return this._propertiesList[designItem.name];
-    }
-    getProperty(designItem, name) {
-        return this._propertiesList[designItem.name].find(x => x.name == name);
-    }
-    getPropertyTarget(designItem, property) {
-        return this._propertiesList[designItem.name].find(x => x.name == property.name).propertyType == PropertyType.attribute ? BindingTarget.attribute : BindingTarget.property;
-    }
-}
+import { BindingTarget } from "../../../item/BindingTarget.js";
+import { RefreshMode } from "../IPropertiesService.js";
+import { PropertyType } from "../PropertyType.js";
+import { AbstractPropertiesService } from "./AbstractPropertiesService.js";
+export class WebcomponentManifestPropertiesService extends AbstractPropertiesService {
+    getRefreshMode(designItem) {
+        return RefreshMode.full;
+    }
+    _name;
+    get name() { return this._name; }
+    _propertiesList;
+    constructor(name, manifest) {
+        super();
+        this._name = name;
+        this._parseManifest(manifest);
+    }
+    _parseManifest(manifest) {
+        this._propertiesList = {};
+        let declarations = [];
+        for (let m of manifest.modules) {
+            if (m.declarations)
+                declarations.push(...m.declarations);
+        }
+        for (let m of manifest.modules) {
+            for (let e of m.exports) {
+                if (e.kind == 'custom-element-definition') {
+                    let properties = [];
+                    let declaration = declarations.find(x => x.name == e.declaration.name);
+                    if (declaration) {
+                        if (declaration.members) {
+                            for (let d of declaration.members) {
+                                if (d.kind == 'field' && d.privacy !== 'private' && d.privacy !== 'protected') {
+                                    let pType = PropertyType.property;
+                                    if (declaration.attributes)
+                                        pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
+                                    const p = this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text);
+                                    properties.push({ name: d.name, service: this, propertyType: pType, type: p[0], values: p[1], description: d.description });
+                                }
+                            }
+                            this._propertiesList[e.name] = properties;
+                        }
+                    }
+                    else {
+                        console.warn('declaration for ' + e.declaration.name + ' not found', manifest);
+                    }
+                }
+            }
+        }
+    }
+    manifestClassPropertyTypeToEditorPropertyType(type) {
+        if (type) {
+            if (type.toLowerCase() === 'boolean')
+                return ['boolean'];
+            if (type.toLowerCase() === 'number')
+                return ['number'];
+            if (type.toLowerCase() === 'string')
+                return ['string'];
+            if (type.startsWith("'") && type.includes("|")) {
+                const values = type.split("|").map(x => x.trim()).map(x => x.substring(1, x.length - 1));
+                return ['list', values];
+            }
+        }
+        return [type];
+    }
+    isHandledElement(designItem) {
+        return this._propertiesList[designItem.name] != null;
+    }
+    getProperties(designItem) {
+        return this._propertiesList[designItem.name];
+    }
+    getProperty(designItem, name) {
+        return this._propertiesList[designItem.name].find(x => x.name == name);
+    }
+    getPropertyTarget(designItem, property) {
+        return this._propertiesList[designItem.name].find(x => x.name == property.name).propertyType == PropertyType.attribute ? BindingTarget.attribute : BindingTarget.property;
+    }
+}

package/dist/elements/services/selectionService/ISelectionChangedEvent.d.ts

@@ -1,5 +1,5 @@
-import { IDesignItem } from '../../item/IDesignItem.js';
-export interface ISelectionChangedEvent {
-    oldSelectedElements: IDesignItem[];
-    selectedElements: IDesignItem[];
-}
+import { IDesignItem } from '../../item/IDesignItem.js';
+export interface ISelectionChangedEvent {
+    oldSelectedElements: IDesignItem[];
+    selectedElements: IDesignItem[];
+}

package/dist/elements/services/selectionService/ISelectionChangedEvent.js

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

package/dist/elements/services/selectionService/ISelectionService.d.ts

@@ -1,11 +1,11 @@
-import { TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IDesignItem } from '../../item/IDesignItem.js';
-import { ISelectionChangedEvent } from './ISelectionChangedEvent.js';
-export interface ISelectionService {
-    primarySelection: IDesignItem;
-    selectedElements: IDesignItem[];
-    setSelectedElements(designItems: IDesignItem[]): void;
-    clearSelectedElements(): void;
-    isSelected(designItem: IDesignItem): boolean;
-    readonly onSelectionChanged: TypedEvent<ISelectionChangedEvent>;
-}
+import { TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { ISelectionChangedEvent } from './ISelectionChangedEvent.js';
+export interface ISelectionService {
+    primarySelection: IDesignItem;
+    selectedElements: IDesignItem[];
+    setSelectedElements(designItems: IDesignItem[]): void;
+    clearSelectedElements(): void;
+    isSelected(designItem: IDesignItem): boolean;
+    readonly onSelectionChanged: TypedEvent<ISelectionChangedEvent>;
+}

package/dist/elements/services/selectionService/ISelectionService.js

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

package/dist/elements/services/selectionService/SelectionService.d.ts

@@ -1,17 +1,17 @@
-import { ISelectionService } from './ISelectionService.js';
-import { IDesignItem } from '../../item/IDesignItem.js';
-import { ISelectionChangedEvent } from './ISelectionChangedEvent.js';
-import { TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
-export declare class SelectionService implements ISelectionService {
-    primarySelection: IDesignItem;
-    selectedElements: IDesignItem[];
-    _designerCanvas: IDesignerCanvas;
-    _undoSelectionChanges: boolean;
-    constructor(designerCanvas: IDesignerCanvas, undoSelectionChanges: boolean);
-    setSelectedElements(designItems: IDesignItem[]): void;
-    _withoutUndoSetSelectedElements(designItems: IDesignItem[]): void;
-    clearSelectedElements(): void;
-    isSelected(designItem: IDesignItem): boolean;
-    readonly onSelectionChanged: TypedEvent<ISelectionChangedEvent>;
-}
+import { ISelectionService } from './ISelectionService.js';
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { ISelectionChangedEvent } from './ISelectionChangedEvent.js';
+import { TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
+export declare class SelectionService implements ISelectionService {
+    primarySelection: IDesignItem;
+    selectedElements: IDesignItem[];
+    _designerCanvas: IDesignerCanvas;
+    _undoSelectionChanges: boolean;
+    constructor(designerCanvas: IDesignerCanvas, undoSelectionChanges: boolean);
+    setSelectedElements(designItems: IDesignItem[]): void;
+    _withoutUndoSetSelectedElements(designItems: IDesignItem[]): void;
+    clearSelectedElements(): void;
+    isSelected(designItem: IDesignItem): boolean;
+    readonly onSelectionChanged: TypedEvent<ISelectionChangedEvent>;
+}

package/dist/elements/services/selectionService/SelectionService.js

@@ -1,50 +1,50 @@
-import { TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { SelectionChangedAction } from '../undoService/transactionItems/SelectionChangedAction.js';
-export class SelectionService {
-    primarySelection;
-    selectedElements = [];
-    _designerCanvas;
-    _undoSelectionChanges;
-    constructor(designerCanvas, undoSelectionChanges) {
-        this._designerCanvas = designerCanvas;
-        this._undoSelectionChanges = undoSelectionChanges;
-    }
-    setSelectedElements(designItems) {
-        if (this.selectedElements != designItems) {
-            if (this._undoSelectionChanges) {
-                const action = new SelectionChangedAction(this.selectedElements, designItems, this);
-                this._designerCanvas.instanceServiceContainer.undoService.execute(action);
-            }
-            else {
-                this._withoutUndoSetSelectedElements(designItems);
-            }
-        }
-    }
-    _withoutUndoSetSelectedElements(designItems) {
-        let oldSelectedElements = this.selectedElements;
-        if (!designItems) {
-            this.selectedElements = [];
-            this.primarySelection = null;
-        }
-        else {
-            let newSelection = [];
-            for (let d of designItems) {
-                if (d && d != d.instanceServiceContainer.contentService.rootDesignItem)
-                    newSelection.push(d);
-            }
-            this.selectedElements = newSelection;
-            if (newSelection && newSelection.length > 0)
-                this.primarySelection = newSelection[0];
-            else
-                this.primarySelection = null;
-        }
-        this.onSelectionChanged.emit({ selectedElements: this.selectedElements, oldSelectedElements: oldSelectedElements });
-    }
-    clearSelectedElements() {
-        this.setSelectedElements([]);
-    }
-    isSelected(designItem) {
-        return this.selectedElements.indexOf(designItem) >= 0;
-    }
-    onSelectionChanged = new TypedEvent();
-}
+import { TypedEvent } from '@node-projects/base-custom-webcomponent';
+import { SelectionChangedAction } from '../undoService/transactionItems/SelectionChangedAction.js';
+export class SelectionService {
+    primarySelection;
+    selectedElements = [];
+    _designerCanvas;
+    _undoSelectionChanges;
+    constructor(designerCanvas, undoSelectionChanges) {
+        this._designerCanvas = designerCanvas;
+        this._undoSelectionChanges = undoSelectionChanges;
+    }
+    setSelectedElements(designItems) {
+        if (this.selectedElements != designItems) {
+            if (this._undoSelectionChanges) {
+                const action = new SelectionChangedAction(this.selectedElements, designItems, this);
+                this._designerCanvas.instanceServiceContainer.undoService.execute(action);
+            }
+            else {
+                this._withoutUndoSetSelectedElements(designItems);
+            }
+        }
+    }
+    _withoutUndoSetSelectedElements(designItems) {
+        let oldSelectedElements = this.selectedElements;
+        if (!designItems) {
+            this.selectedElements = [];
+            this.primarySelection = null;
+        }
+        else {
+            let newSelection = [];
+            for (let d of designItems) {
+                if (d && d != d.instanceServiceContainer.contentService.rootDesignItem)
+                    newSelection.push(d);
+            }
+            this.selectedElements = newSelection;
+            if (newSelection && newSelection.length > 0)
+                this.primarySelection = newSelection[0];
+            else
+                this.primarySelection = null;
+        }
+        this.onSelectionChanged.emit({ selectedElements: this.selectedElements, oldSelectedElements: oldSelectedElements });
+    }
+    clearSelectedElements() {
+        this.setSelectedElements([]);
+    }
+    isSelected(designItem) {
+        return this.selectedElements.indexOf(designItem) >= 0;
+    }
+    onSelectionChanged = new TypedEvent();
+}

package/dist/elements/services/stylesheetService/AbstractStylesheetService.d.ts

@@ -1,46 +1,46 @@
-import { TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { IDesignItem } from '../../item/IDesignItem.js';
-import { IDocumentStylesheet, IStyleDeclaration, IStyleRule, IStylesheet, IStylesheetService } from './IStylesheetService.js';
-import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
-import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
-export declare abstract class AbstractStylesheetService implements IStylesheetService {
-    protected _stylesheets: Map<string, {
-        stylesheet: IStylesheet;
-        ast: any;
-    }>;
-    protected _documentStylesheets: Map<string, {
-        stylesheet: IDocumentStylesheet;
-        ast: any;
-    }>;
-    protected _allStylesheets: Map<string, {
-        stylesheet: IStylesheet | IDocumentStylesheet;
-        ast: any;
-    }>;
-    protected _instanceServiceContainer: InstanceServiceContainer;
-    constructor(designerCanvas: IDesignerCanvas);
-    setStylesheets(stylesheets: IStylesheet[]): Promise<void>;
-    setDocumentStylesheets(stylesheets: IDocumentStylesheet[]): Promise<void>;
-    internalSetStylesheets(stylesheets: IStylesheet[], targetMap: Map<string, {
-        stylesheet: IStylesheet;
-        ast: any;
-    }>): Promise<void>;
-    protected abstract internalParse(style: string): Promise<any>;
-    getStylesheets(): IStylesheet[];
-    abstract getAppliedRules(designItem: IDesignItem): IStyleRule[];
-    abstract getDeclarations(designItem: IDesignItem, styleName: string): IStyleDeclaration[];
-    updateDeclarationValue(declaration: IStyleDeclaration, value: string, important: boolean): void;
-    abstract insertDeclarationIntoRule(rule: IStyleRule, property: string, value: string, important: boolean): boolean;
-    abstract removeDeclarationFromRule(rule: IStyleRule, property: string): boolean;
-    abstract updateCompleteStylesheet(name: string, newStyle: string): any;
-    abstract updateDeclarationValueWithoutUndo(declaration: IStyleDeclaration, value: string, important: boolean): any;
-    stylesheetChanged: TypedEvent<{
-        name: string;
-        newStyle: string;
-        oldStyle: string;
-        changeSource: 'extern' | 'styleupdate';
-    }>;
-    stylesheetsChanged: TypedEvent<void>;
-    protected elementMatchesASelector(designItem: IDesignItem, selectors: string[]): boolean;
-    static buildPatchedStyleSheet(value: CSSStyleSheet[]): string;
-    private static traverseAndCollectRules;
-}
+import { TypedEvent } from "@node-projects/base-custom-webcomponent";
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IDocumentStylesheet, IStyleDeclaration, IStyleRule, IStylesheet, IStylesheetService } from './IStylesheetService.js';
+import { InstanceServiceContainer } from "../InstanceServiceContainer.js";
+import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
+export declare abstract class AbstractStylesheetService implements IStylesheetService {
+    protected _stylesheets: Map<string, {
+        stylesheet: IStylesheet;
+        ast: any;
+    }>;
+    protected _documentStylesheets: Map<string, {
+        stylesheet: IDocumentStylesheet;
+        ast: any;
+    }>;
+    protected _allStylesheets: Map<string, {
+        stylesheet: IStylesheet | IDocumentStylesheet;
+        ast: any;
+    }>;
+    protected _instanceServiceContainer: InstanceServiceContainer;
+    constructor(designerCanvas: IDesignerCanvas);
+    setStylesheets(stylesheets: IStylesheet[]): Promise<void>;
+    setDocumentStylesheets(stylesheets: IDocumentStylesheet[]): Promise<void>;
+    internalSetStylesheets(stylesheets: IStylesheet[], targetMap: Map<string, {
+        stylesheet: IStylesheet;
+        ast: any;
+    }>): Promise<void>;
+    protected abstract internalParse(style: string): Promise<any>;
+    getStylesheets(): IStylesheet[];
+    abstract getAppliedRules(designItem: IDesignItem): IStyleRule[];
+    abstract getDeclarations(designItem: IDesignItem, styleName: string): IStyleDeclaration[];
+    updateDeclarationValue(declaration: IStyleDeclaration, value: string, important: boolean): void;
+    abstract insertDeclarationIntoRule(rule: IStyleRule, property: string, value: string, important: boolean): boolean;
+    abstract removeDeclarationFromRule(rule: IStyleRule, property: string): boolean;
+    abstract updateCompleteStylesheet(name: string, newStyle: string): any;
+    abstract updateDeclarationValueWithoutUndo(declaration: IStyleDeclaration, value: string, important: boolean): any;
+    stylesheetChanged: TypedEvent<{
+        name: string;
+        newStyle: string;
+        oldStyle: string;
+        changeSource: 'extern' | 'styleupdate';
+    }>;
+    stylesheetsChanged: TypedEvent<void>;
+    protected elementMatchesASelector(designItem: IDesignItem, selectors: string[]): boolean;
+    static buildPatchedStyleSheet(value: CSSStyleSheet[]): string;
+    private static traverseAndCollectRules;
+}