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

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

@@ -1,91 +0,0 @@
-import { DesignItem } from '../../item/DesignItem.js';
-import { CssAttributeParser } from '../../helper/CssAttributeParser.js';
-import { newElementFromString } from '../../helper/ElementHelper.js';
-// Alternative Parser, cause when you use the Browser, it instanciates the CusomElements, and some Elemnts remove
-// attributes from their DOM, so you loose Data
-export class LitElementParserService {
-    _parserUrl;
-    _esprimaUrl;
-    constructor(parserUrl = '../../../../../node-html-parser-esm/dist/index.js', esprimaUrl = '../../../../../esprima-next/dist/esm/esprima.js') {
-        this._parserUrl = parserUrl;
-        this._esprimaUrl = esprimaUrl;
-    }
-    async parse(module, serviceContainer, instanceServiceContainer, parseSnippet) {
-        let esprima = await import(this._esprimaUrl);
-        const parsedModule = esprima.parseModule(module);
-        const classDecl = parsedModule.body.find(x => x.type == esprima.Syntax.ClassDeclaration);
-        const renderMethod = classDecl.body.body.find(x => x.type == esprima.Syntax.MethodDefinition && x.key.name == 'render');
-        const renderMethodStatement = renderMethod.value.body.body[0];
-        const taggedTemplate = renderMethodStatement.argument;
-        const templateLiteral = taggedTemplate.quasi;
-        const html = templateLiteral.quasis.map(x => x.value.raw).join();
-        //@ts-ignore
-        let parser = await import(this._parserUrl);
-        const parsed = parser.parse(html, { comment: true });
-        let designItems = [];
-        for (let p of parsed.childNodes) {
-            let di = this._createDesignItemsRecursive(p, serviceContainer, instanceServiceContainer, null);
-            if (di != null)
-                designItems.push(di);
-            else
-                console.warn("NodeHtmlParserService - could not parse element", p);
-        }
-        return designItems;
-    }
-    _parseDiv = document.createElement("div");
-    _createDesignItemsRecursive(item, serviceContainer, instanceServiceContainer, namespace) {
-        let designItem = null;
-        if (item.nodeType == 1) {
-            let element;
-            let manualCreatedElement = false;
-            if (!namespace)
-                element = newElementFromString('<' + item.rawTagName + ' ' + item.rawAttrs + '></' + item.rawTagName + '>'); // some custom elements only parse attributes during constructor call 
-            if (!element) {
-                if (namespace)
-                    element = document.createElementNS(namespace, item.rawTagName);
-                else
-                    element = document.createElement(item.rawTagName);
-                manualCreatedElement = true;
-            }
-            designItem = DesignItem.GetOrCreateDesignItem(element, item, serviceContainer, instanceServiceContainer);
-            let style = '';
-            let attr = item.attributes;
-            for (let a in attr) {
-                if (a !== 'style') {
-                    designItem._withoutUndoSetAttribute(a, attr[a]);
-                    if (manualCreatedElement) {
-                        element.setAttribute(a, attr[a]);
-                    }
-                }
-                else {
-                    style = attr[a];
-                }
-            }
-            if ((element instanceof HTMLElement || element instanceof SVGElement) && style) {
-                let styleParser = new CssAttributeParser();
-                styleParser.parse(style);
-                for (let s of styleParser.entries) {
-                    designItem._withoutUndoSetStyle(s.name, s.value);
-                    if (manualCreatedElement) {
-                        element.style[s.name] = s.value;
-                    }
-                }
-            }
-            element.draggable = false; //even if it should be true, for better designer exp.
-            for (let c of item.childNodes) {
-                let di = this._createDesignItemsRecursive(c, serviceContainer, instanceServiceContainer, element instanceof SVGElement ? 'http://www.w3.org/2000/svg' : null);
-                designItem._insertChildInternal(di);
-            }
-        }
-        else if (item.nodeType == 3) {
-            this._parseDiv.innerHTML = item.rawText;
-            let element = this._parseDiv.childNodes[0];
-            designItem = DesignItem.GetOrCreateDesignItem(element, item, serviceContainer, instanceServiceContainer);
-        }
-        else if (item.nodeType == 8) {
-            let element = document.createComment(item.rawText);
-            designItem = DesignItem.GetOrCreateDesignItem(element, item, serviceContainer, instanceServiceContainer);
-        }
-        return designItem;
-    }
-}

package/dist/elements/services/htmlParserService/NodeHtmlParserService.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 NodeHtmlParserService implements IHtmlParserService {
-    private _parserUrl;
-    constructor(parserUrl?: string);
-    parse(html: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
-    private _parseDiv;
-    _createDesignItemsRecursive(item: any, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, namespace: string, snippet: boolean): IDesignItem;
-}

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

@@ -1,89 +0,0 @@
-import { DesignItem } from '../../item/DesignItem.js';
-import { CssAttributeParser } from '../../helper/CssAttributeParser.js';
-import { newElementFromString } from '../../helper/ElementHelper.js';
-// Alternative Parser, cause when you use the Browser, it instanciates the CusomElements, and some Elemnts remove
-// attributes from their DOM, so you loose Data
-export class NodeHtmlParserService {
-    _parserUrl;
-    constructor(parserUrl = '../../../../../node-html-parser-esm/dist/index.js') {
-        this._parserUrl = parserUrl;
-    }
-    async parse(html, serviceContainer, instanceServiceContainer, parseSnippet) {
-        //@ts-ignore
-        let parser = await import(this._parserUrl);
-        const parsed = parser.parse(html, { comment: true });
-        let designItems = [];
-        for (let p of parsed.childNodes) {
-            let di = this._createDesignItemsRecursive(p, serviceContainer, instanceServiceContainer, null, parseSnippet);
-            if (di != null)
-                designItems.push(di);
-            else
-                console.warn("NodeHtmlParserService - could not parse element", p);
-        }
-        return designItems;
-    }
-    _parseDiv = document.createElement("div");
-    _createDesignItemsRecursive(item, serviceContainer, instanceServiceContainer, namespace, snippet) {
-        let designItem = null;
-        if (item.nodeType == 1) {
-            let element;
-            let manualCreatedElement = false;
-            if (!namespace)
-                element = newElementFromString('<' + item.rawTagName + ' ' + item.rawAttrs + '></' + item.rawTagName + '>'); // some custom elements only parse attributes during constructor call 
-            if (!element) {
-                if (namespace)
-                    element = document.createElementNS(namespace, item.rawTagName);
-                else
-                    element = document.createElement(item.rawTagName);
-                manualCreatedElement = true;
-            }
-            designItem = DesignItem.GetOrCreateDesignItem(element, item, serviceContainer, instanceServiceContainer);
-            if (!snippet && instanceServiceContainer.designItemDocumentPositionService)
-                instanceServiceContainer.designItemDocumentPositionService.setPosition(designItem, { start: item.range[0], length: item.range[1] - item.range[0] });
-            let style = '';
-            let attr = item.attributes;
-            for (let a in attr) {
-                if (a !== 'style') {
-                    designItem._withoutUndoSetAttribute(a, attr[a]);
-                    if (manualCreatedElement) {
-                        element.setAttribute(a, attr[a]);
-                    }
-                }
-                else {
-                    style = attr[a];
-                }
-            }
-            if ((element instanceof HTMLElement || element instanceof SVGElement) && style) {
-                let styleParser = new CssAttributeParser();
-                styleParser.parse(style);
-                for (let s of styleParser.entries) {
-                    designItem._withoutUndoSetStyle(s.name, s.value);
-                    if (manualCreatedElement) {
-                        element.style[s.name] = s.value;
-                    }
-                }
-            }
-            if (!designItem.lockAtDesignTime && element.style)
-                element.style.pointerEvents = 'auto';
-            element.draggable = false; //even if it should be true, for better designer exp.
-            for (let c of item.childNodes) {
-                let di = this._createDesignItemsRecursive(c, serviceContainer, instanceServiceContainer, element instanceof SVGElement ? 'http://www.w3.org/2000/svg' : null, snippet);
-                designItem._insertChildInternal(di);
-            }
-        }
-        else if (item.nodeType == 3) {
-            this._parseDiv.innerHTML = item.rawText;
-            let element = this._parseDiv.childNodes[0];
-            designItem = DesignItem.GetOrCreateDesignItem(element, item, serviceContainer, instanceServiceContainer);
-            if (!snippet && instanceServiceContainer.designItemDocumentPositionService)
-                instanceServiceContainer.designItemDocumentPositionService.setPosition(designItem, { start: item.range[0], length: item.range[1] - item.range[0] });
-        }
-        else if (item.nodeType == 8) {
-            let element = document.createComment(item.rawText);
-            designItem = DesignItem.GetOrCreateDesignItem(element, item, serviceContainer, instanceServiceContainer);
-            if (!snippet && instanceServiceContainer.designItemDocumentPositionService)
-                instanceServiceContainer.designItemDocumentPositionService.setPosition(designItem, { start: item.range[0], length: item.range[1] - item.range[0] });
-        }
-        return designItem;
-    }
-}

package/dist/elements/services/htmlParserService/VueParserService.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 VueParserService implements IHtmlParserService {
-    private htmlParser;
-    constructor(htmlParser: IHtmlParserService);
-    parse(code: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
-}

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

@@ -1,10 +0,0 @@
-export class VueParserService {
-    htmlParser;
-    constructor(htmlParser) {
-        this.htmlParser = htmlParser;
-    }
-    async parse(code, serviceContainer, instanceServiceContainer, parseSnippet) {
-        const parsed = await this.htmlParser.parse(code, serviceContainer, instanceServiceContainer, parseSnippet);
-        return [parsed.find(x => x.name == 'template')];
-    }
-}

package/dist/elements/services/htmlWriterService/HtmlWriterOptions.d.ts

@@ -1,7 +0,0 @@
-export declare class HtmlWriterOptions {
-    beautifyOutput: boolean;
-    compressCssToShorthandProperties: boolean;
-    writeDesignerProperties: boolean;
-    parseJsonInAttributes: boolean;
-    jsonWriteMode: 'min' | 'beauty';
-}

package/dist/elements/services/htmlWriterService/HtmlWriterOptions.js

@@ -1,7 +0,0 @@
-export class HtmlWriterOptions {
-    beautifyOutput = true;
-    compressCssToShorthandProperties = true;
-    writeDesignerProperties = true;
-    parseJsonInAttributes = true;
-    jsonWriteMode = 'min';
-}

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

@@ -1,8 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-export declare class GridAssignedRowColumnPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    _root: HTMLDivElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

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

@@ -1,45 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-export class GridAssignedRowColumnPropertyEditor extends BasePropertyEditor {
-    _root;
-    constructor(property) {
-        super(property);
-        this._root = document.createElement('div');
-        this._root.style.display = 'grid';
-        this._root.style.padding = '4px 0px';
-        this._root.style.boxSizing = 'border-box';
-        this._root.style.minHeight = '50px';
-        this.element = this._root;
-    }
-    refreshValue(valueType, value) {
-        this._root.innerHTML = "";
-        if (this.designItems != null && this.designItems.length) {
-            let styleContainer = getComputedStyle(this.designItems[0].element.parentElement);
-            let style = getComputedStyle(this.designItems[0].element);
-            let cntCol = styleContainer.gridTemplateColumns.split(' ').length;
-            let cntRow = styleContainer.gridTemplateRows.split(' ').length;
-            this._root.style.gridTemplateColumns = 'repeat(' + cntCol + ', 1fr)';
-            this._root.style.gridTemplateRows = 'repeat(' + cntRow + ', 1fr)';
-            let rowStart = parseInt(style.gridRowStart);
-            let rowEnd = style.gridRowEnd == 'auto' ? rowStart : parseInt(style.gridRowEnd);
-            rowEnd = rowEnd <= rowStart ? rowStart + 1 : rowEnd;
-            let colStart = parseInt(style.gridColumnStart);
-            let colEnd = style.gridColumnEnd == 'auto' ? colStart : parseInt(style.gridColumnEnd);
-            colEnd = colEnd <= colStart ? colStart + 1 : colEnd;
-            for (let p = 1; p <= cntRow; p++) {
-                for (let n = 1; n <= cntCol; n++) {
-                    const b = document.createElement('button');
-                    b.style.minHeight = '10px';
-                    b.onclick = () => {
-                        let grp = this.designItems[0].openGroup('Change grid row/column');
-                        this.designItems[0].setStyle("grid-row", p + ' / ' + (p + 1));
-                        this.designItems[0].setStyle("grid-column", n + ' / ' + (n + 1));
-                        grp.commit();
-                    };
-                    if (p >= rowStart && p < rowEnd && n >= colStart && n < colEnd)
-                        b.style.backgroundColor = 'coral';
-                    this._root.appendChild(b);
-                }
-            }
-        }
-    }
-}

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

@@ -1,10 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-export declare class GridRowColumnPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    _root: HTMLDivElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-    designItemsChanged(designItems: IDesignItem[]): void;
-}

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

@@ -1,25 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-export class GridRowColumnPropertyEditor extends BasePropertyEditor {
-    _root;
-    constructor(property) {
-        super(property);
-        this._root = document.createElement('div');
-        this.element = this._root;
-    }
-    refreshValue(valueType, value) {
-    }
-    designItemsChanged(designItems) {
-        super.designItemsChanged(designItems);
-        this._root.innerHTML == "";
-        if (this.designItems != null && this.designItems.length) {
-            let style = getComputedStyle(this.designItems[0].element);
-            let cntCol = style.gridTemplateColumns.split(' ').length;
-            let cntRow = style.gridTemplateRows.split(' ').length;
-            this._root.style.gridTemplateColumns = 'repeat(' + cntCol + ', 1fr)';
-            this._root.style.gridTemplateRows = 'repeat(' + cntRow + ', 1fr)';
-            for (let n = 0; n < cntCol * cntRow; n++) {
-                this._root.appendChild(document.createElement('button'));
-            }
-        }
-    }
-}

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/propertiesService/propertyEditors/MetricsPropertyEditor.d.ts

@@ -1,8 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-import { MetricsEditor } from '../../../controls/MetricsEditor.js';
-export declare class MetricsPropertyEditor extends BasePropertyEditor<MetricsEditor> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

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

@@ -1,14 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { MetricsEditor } from '../../../controls/MetricsEditor.js';
-export class MetricsPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        const selector = new MetricsEditor();
-        selector.property = property.name;
-        //selector.valueLeftChanged.on((e) => this._valueChanged(e.newValue));
-        this.element = selector;
-    }
-    refreshValue(valueType, value) {
-        //this.element.valueLeft = value;
-    }
-}

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

@@ -1,7 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-export declare class SelectPropertyEditor extends BasePropertyEditor<HTMLSelectElement> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

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

@@ -1,28 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-export class SelectPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement("select");
-        if (property.type == 'enum') {
-            for (let v of property.enumValues) {
-                let option = document.createElement("option");
-                option.value = v[1];
-                option.text = v[0];
-                element.appendChild(option);
-            }
-        }
-        else {
-            for (let v of property.values) {
-                let option = document.createElement("option");
-                option.value = v;
-                option.text = v;
-                element.appendChild(option);
-            }
-        }
-        element.onchange = (e) => this._valueChanged(element.value);
-        this.element = element;
-    }
-    refreshValue(valueType, value) {
-        this.element.value = value;
-    }
-}

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

@@ -1,13 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { IPropertyGroup } from '../IPropertyGroup.js';
-export declare class CommonPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    private commonProperties;
-    name: string;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-}

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

@@ -1,44 +0,0 @@
-import { PropertyType } from '../PropertyType.js';
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export class CommonPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.none;
-    }
-    //@ts-ignore
-    commonProperties = [
-        {
-            name: "id",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "class",
-            type: "string",
-            service: this,
-            attributeName: "class",
-            propertyName: "className",
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "title",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "tabindex",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    name = "common";
-    isHandledElement(designItem) {
-        return true;
-    }
-    getProperty(designItem, name) {
-        return this.commonProperties[name];
-    }
-    getProperties(designItem) {
-        return this.commonProperties;
-    }
-}

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

@@ -1,14 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { IPropertyGroup } from '../IPropertyGroup.js';
-export declare class ContentAndIdPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    contentProperty: IProperty;
-    private idProperty;
-    name: string;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-}

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

@@ -1,30 +0,0 @@
-import { PropertyType } from '../PropertyType.js';
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export class ContentAndIdPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.none;
-    }
-    contentProperty = {
-        name: "content",
-        type: "string",
-        service: this,
-        propertyType: PropertyType.complex
-    };
-    idProperty = {
-        name: "content",
-        type: "string",
-        service: this,
-        propertyType: PropertyType.complex
-    };
-    name = "content";
-    isHandledElement(designItem) {
-        return true;
-    }
-    getProperty(designItem, name) {
-        return name == 'id' ? this.idProperty : this.contentProperty;
-    }
-    getProperties(designItem) {
-        return [this.idProperty, this.contentProperty];
-    }
-}

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

@@ -1,34 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { IPropertyGroup } from '../IPropertyGroup.js';
-import { IStyleDeclaration, IStyleRule } from '../../stylesheetService/IStylesheetService.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { ValueType } from '../ValueType.js';
-export declare class CssCurrentPropertiesService extends CommonPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    constructor();
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    setValue(designItems: IDesignItem[], property: (IProperty & {
-        styleRule: IStyleRule;
-        styleDeclaration: IStyleDeclaration;
-    }), value: any): void;
-    clearValue(designItems: IDesignItem[], property: IProperty & {
-        styleRule: IStyleRule;
-        styleDeclaration: IStyleDeclaration;
-    }, clearType: 'all' | 'binding' | 'value'): void;
-    getValue(designItems: IDesignItem[], property: IProperty & {
-        styleRule: IStyleRule;
-        styleDeclaration: IStyleDeclaration;
-    }): string | boolean;
-    getUnsetValue(designItems: IDesignItem[], property: IProperty & {
-        styleRule: IStyleRule;
-        styleDeclaration: IStyleDeclaration;
-    }): any;
-    isSet(designItems: IDesignItem[], property: IProperty & {
-        styleRule: IStyleRule;
-        styleDeclaration: IStyleDeclaration;
-    }): ValueType;
-}