@node-projects/web-component-designer 0.0.216 → 0.0.218

package/dist/elements/helper/ArrangeHelper.js

@@ -1,105 +1,105 @@
-import { Orientation } from '../../enums/Orientation.js';
-export class ArrangeHelper {
-    static arrangeElements(orientation, designerCanvas, arrangeElements) {
-        switch (orientation) {
-            case Orientation.TOP: {
-                const grp = this.formGroup(ArrangeDirection.TOP, designerCanvas);
-                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
-                for (let elem of arrangeElements) {
-                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
-                    if (primaryCoordinates.y != selectedCoordinates.y) {
-                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
-                        let top = primaryCoordinates.y - parent.y;
-                        this.arrange(elem, 'top', top + "px");
-                    }
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.RIGHT: {
-                const grp = this.formGroup(ArrangeDirection.RIGHT, designerCanvas);
-                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
-                for (let elem of arrangeElements) {
-                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
-                    if (primaryCoordinates.x != selectedCoordinates.x) {
-                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
-                        let right = primaryCoordinates.x - parent.x;
-                        this.arrange(elem, 'left', right + "px");
-                    }
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.BOTTOM:
-                const grp = this.formGroup(ArrangeDirection.BOTTOM, designerCanvas);
-                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
-                for (let elem of arrangeElements) {
-                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
-                    if (primaryCoordinates.y != selectedCoordinates.y) {
-                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
-                        let bottom = primaryCoordinates.y - parent.y;
-                        this.arrange(elem, 'top', bottom + "px");
-                    }
-                }
-                grp.commit();
-                break;
-            case Orientation.LEFT: {
-                const grp = this.formGroup(ArrangeDirection.LEFT, designerCanvas);
-                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
-                for (let elem of arrangeElements) {
-                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
-                    if (primaryCoordinates.x != selectedCoordinates.x) {
-                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
-                        let left = primaryCoordinates.x - parent.x;
-                        this.arrange(elem, 'left', left + "px");
-                    }
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.VERTICAL_CENTER: {
-                const grp = this.formGroup(ArrangeDirection.VERTICAL_CENTER, designerCanvas);
-                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
-                for (let elem of arrangeElements) {
-                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
-                    if (primaryCoordinates.y != selectedCoordinates.y) {
-                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
-                        let center = primaryCoordinates.y - parent.y + (primaryCoordinates.height / 2) - (selectedCoordinates.height / 2);
-                        this.arrange(elem, 'top', center + "px");
-                    }
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.HORIZONTAL_CENTER: {
-                const grp = this.formGroup(ArrangeDirection.HORIZONTAL_CENTER, designerCanvas);
-                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
-                for (let elem of arrangeElements) {
-                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
-                    if (primaryCoordinates.x != selectedCoordinates.x) {
-                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
-                        let center = primaryCoordinates.x - parent.x + (primaryCoordinates.width / 2) - (selectedCoordinates.width / 2);
-                        this.arrange(elem, 'left', center + "px");
-                    }
-                }
-                grp.commit();
-                break;
-            }
-        }
-    }
-    static arrange(element, attribut, value) {
-        element.setStyle(attribut, value);
-    }
-    static formGroup(name, designerCanvas) {
-        return designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup(name);
-    }
-}
-var ArrangeDirection;
-(function (ArrangeDirection) {
-    ArrangeDirection["TOP"] = "arrangeTop";
-    ArrangeDirection["RIGHT"] = "arrangeRight";
-    ArrangeDirection["BOTTOM"] = "arrangeBottom";
-    ArrangeDirection["LEFT"] = "arrangeLeft";
-    ArrangeDirection["HORIZONTAL_CENTER"] = "arrangeHorizontalCenter";
-    ArrangeDirection["VERTICAL_CENTER"] = "arrangeVerticalCenter";
-})(ArrangeDirection || (ArrangeDirection = {}));
+import { Orientation } from '../../enums/Orientation.js';
+export class ArrangeHelper {
+    static arrangeElements(orientation, designerCanvas, arrangeElements) {
+        switch (orientation) {
+            case Orientation.TOP: {
+                const grp = this.formGroup(ArrangeDirection.TOP, designerCanvas);
+                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
+                for (let elem of arrangeElements) {
+                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
+                    if (primaryCoordinates.y != selectedCoordinates.y) {
+                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
+                        let top = primaryCoordinates.y - parent.y;
+                        this.arrange(elem, 'top', top + "px");
+                    }
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.RIGHT: {
+                const grp = this.formGroup(ArrangeDirection.RIGHT, designerCanvas);
+                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
+                for (let elem of arrangeElements) {
+                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
+                    if (primaryCoordinates.x != selectedCoordinates.x) {
+                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
+                        let right = primaryCoordinates.x - parent.x;
+                        this.arrange(elem, 'left', right + "px");
+                    }
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.BOTTOM:
+                const grp = this.formGroup(ArrangeDirection.BOTTOM, designerCanvas);
+                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
+                for (let elem of arrangeElements) {
+                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
+                    if (primaryCoordinates.y != selectedCoordinates.y) {
+                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
+                        let bottom = primaryCoordinates.y - parent.y;
+                        this.arrange(elem, 'top', bottom + "px");
+                    }
+                }
+                grp.commit();
+                break;
+            case Orientation.LEFT: {
+                const grp = this.formGroup(ArrangeDirection.LEFT, designerCanvas);
+                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
+                for (let elem of arrangeElements) {
+                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
+                    if (primaryCoordinates.x != selectedCoordinates.x) {
+                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
+                        let left = primaryCoordinates.x - parent.x;
+                        this.arrange(elem, 'left', left + "px");
+                    }
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.VERTICAL_CENTER: {
+                const grp = this.formGroup(ArrangeDirection.VERTICAL_CENTER, designerCanvas);
+                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
+                for (let elem of arrangeElements) {
+                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
+                    if (primaryCoordinates.y != selectedCoordinates.y) {
+                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
+                        let center = primaryCoordinates.y - parent.y + (primaryCoordinates.height / 2) - (selectedCoordinates.height / 2);
+                        this.arrange(elem, 'top', center + "px");
+                    }
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.HORIZONTAL_CENTER: {
+                const grp = this.formGroup(ArrangeDirection.HORIZONTAL_CENTER, designerCanvas);
+                const primaryCoordinates = designerCanvas.getNormalizedElementCoordinates(arrangeElements[0].element);
+                for (let elem of arrangeElements) {
+                    let selectedCoordinates = designerCanvas.getNormalizedElementCoordinates(elem.element);
+                    if (primaryCoordinates.x != selectedCoordinates.x) {
+                        let parent = designerCanvas.getNormalizedElementCoordinates(elem.parent.element);
+                        let center = primaryCoordinates.x - parent.x + (primaryCoordinates.width / 2) - (selectedCoordinates.width / 2);
+                        this.arrange(elem, 'left', center + "px");
+                    }
+                }
+                grp.commit();
+                break;
+            }
+        }
+    }
+    static arrange(element, attribut, value) {
+        element.setStyle(attribut, value);
+    }
+    static formGroup(name, designerCanvas) {
+        return designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup(name);
+    }
+}
+var ArrangeDirection;
+(function (ArrangeDirection) {
+    ArrangeDirection["TOP"] = "arrangeTop";
+    ArrangeDirection["RIGHT"] = "arrangeRight";
+    ArrangeDirection["BOTTOM"] = "arrangeBottom";
+    ArrangeDirection["LEFT"] = "arrangeLeft";
+    ArrangeDirection["HORIZONTAL_CENTER"] = "arrangeHorizontalCenter";
+    ArrangeDirection["VERTICAL_CENTER"] = "arrangeVerticalCenter";
+})(ArrangeDirection || (ArrangeDirection = {}));

package/dist/elements/helper/ClipboardHelper.d.ts

@@ -1,4 +1,4 @@
-export declare function copyTextToClipboard(text: any): Promise<void>;
-export declare function copyToClipboard(items: [format: string, data: string][]): Promise<void>;
-export declare function getTextFromClipboard(): Promise<string>;
-export declare function getFromClipboard(): Promise<ClipboardItems>;
+export declare function copyTextToClipboard(text: any): Promise<void>;
+export declare function copyToClipboard(items: [format: string, data: string][]): Promise<void>;
+export declare function getTextFromClipboard(): Promise<string>;
+export declare function getFromClipboard(): Promise<ClipboardItems>;

package/dist/elements/helper/ClipboardHelper.js

@@ -1,90 +1,90 @@
-export async function copyTextToClipboard(text) {
-    copyToClipboard(['text/plain', text]);
-}
-//used, so you could copy internal if you have no clipboard access
-let internalClipboard = null;
-export async function copyToClipboard(items) {
-    if (navigator.clipboard) {
-        try {
-            let data = [];
-            for (let n of items) {
-                data.push(new ClipboardItem({ [n[0]]: new Blob([n[1]], { type: n[0] }) }));
-            }
-            await navigator.clipboard.write(data);
-        }
-        catch (err) {
-            await navigator.clipboard.writeText(items[0][1]);
-            internalClipboard = items[0][1];
-        }
-        console.info('Copy to clipboard successful');
-    }
-    else {
-        internalClipboard = items[0][1];
-        const textArea = document.createElement('textarea');
-        textArea.style.position = 'fixed';
-        textArea.style.top = '0';
-        textArea.style.left = '0';
-        textArea.style.width = '2em';
-        textArea.style.height = '2em';
-        textArea.style.padding = '0';
-        textArea.style.border = 'none';
-        textArea.style.outline = 'none';
-        textArea.style.boxShadow = 'none';
-        textArea.style.background = 'transparent';
-        textArea.value = items[0][1];
-        document.body.appendChild(textArea);
-        textArea.select();
-        try {
-            document.execCommand('copy');
-        }
-        catch (err) {
-            try {
-                document.execCommand('copy');
-            }
-            catch (err) {
-                console.error(err);
-            }
-        }
-        document.body.removeChild(textArea);
-    }
-}
-export async function getTextFromClipboard() {
-    if (navigator.clipboard) {
-        return new Promise(async (resolve, reject) => {
-            const clipText = await navigator.clipboard.readText();
-            resolve(clipText);
-        });
-    }
-    else {
-        return new Promise(async (resolve, reject) => {
-            const textArea = document.createElement('textarea');
-            textArea.style.position = 'fixed';
-            textArea.style.top = '0';
-            textArea.style.left = '0';
-            textArea.style.width = '2em';
-            textArea.style.height = '2em';
-            textArea.style.padding = '0';
-            textArea.style.border = 'none';
-            textArea.style.outline = 'none';
-            textArea.style.boxShadow = 'none';
-            textArea.style.background = 'transparent';
-            document.body.appendChild(textArea);
-            textArea.focus();
-            textArea.select();
-            document.execCommand('paste');
-            let value = textArea.value;
-            if (!value)
-                value = internalClipboard;
-            document.body.removeChild(textArea);
-            resolve(value);
-        });
-    }
-}
-export async function getFromClipboard() {
-    if (navigator.clipboard) {
-        return await navigator.clipboard.read();
-    }
-    else {
-        return null;
-    }
-}
+export async function copyTextToClipboard(text) {
+    copyToClipboard(['text/plain', text]);
+}
+//used, so you could copy internal if you have no clipboard access
+let internalClipboard = null;
+export async function copyToClipboard(items) {
+    if (navigator.clipboard) {
+        try {
+            let data = [];
+            for (let n of items) {
+                data.push(new ClipboardItem({ [n[0]]: new Blob([n[1]], { type: n[0] }) }));
+            }
+            await navigator.clipboard.write(data);
+        }
+        catch (err) {
+            await navigator.clipboard.writeText(items[0][1]);
+            internalClipboard = items[0][1];
+        }
+        console.info('Copy to clipboard successful');
+    }
+    else {
+        internalClipboard = items[0][1];
+        const textArea = document.createElement('textarea');
+        textArea.style.position = 'fixed';
+        textArea.style.top = '0';
+        textArea.style.left = '0';
+        textArea.style.width = '2em';
+        textArea.style.height = '2em';
+        textArea.style.padding = '0';
+        textArea.style.border = 'none';
+        textArea.style.outline = 'none';
+        textArea.style.boxShadow = 'none';
+        textArea.style.background = 'transparent';
+        textArea.value = items[0][1];
+        document.body.appendChild(textArea);
+        textArea.select();
+        try {
+            document.execCommand('copy');
+        }
+        catch (err) {
+            try {
+                document.execCommand('copy');
+            }
+            catch (err) {
+                console.error(err);
+            }
+        }
+        document.body.removeChild(textArea);
+    }
+}
+export async function getTextFromClipboard() {
+    if (navigator.clipboard) {
+        return new Promise(async (resolve, reject) => {
+            const clipText = await navigator.clipboard.readText();
+            resolve(clipText);
+        });
+    }
+    else {
+        return new Promise(async (resolve, reject) => {
+            const textArea = document.createElement('textarea');
+            textArea.style.position = 'fixed';
+            textArea.style.top = '0';
+            textArea.style.left = '0';
+            textArea.style.width = '2em';
+            textArea.style.height = '2em';
+            textArea.style.padding = '0';
+            textArea.style.border = 'none';
+            textArea.style.outline = 'none';
+            textArea.style.boxShadow = 'none';
+            textArea.style.background = 'transparent';
+            document.body.appendChild(textArea);
+            textArea.focus();
+            textArea.select();
+            document.execCommand('paste');
+            let value = textArea.value;
+            if (!value)
+                value = internalClipboard;
+            document.body.removeChild(textArea);
+            resolve(value);
+        });
+    }
+}
+export async function getFromClipboard() {
+    if (navigator.clipboard) {
+        return await navigator.clipboard.read();
+    }
+    else {
+        return null;
+    }
+}

package/dist/elements/helper/CssAttributeParser.d.ts

@@ -1,9 +1,9 @@
-export declare class CssEntry {
-    constructor(name: string, value: string);
-    name: string;
-    value: string;
-}
-export declare class CssAttributeParser {
-    entries: CssEntry[];
-    parse(text: string, quoteType?: string): void;
-}
+export declare class CssEntry {
+    constructor(name: string, value: string);
+    name: string;
+    value: string;
+}
+export declare class CssAttributeParser {
+    entries: CssEntry[];
+    parse(text: string, quoteType?: string): void;
+}

package/dist/elements/helper/CssAttributeParser.js

@@ -1,67 +1,67 @@
-var Token;
-(function (Token) {
-    Token[Token["Name"] = 0] = "Name";
-    Token[Token["Value"] = 1] = "Value";
-    Token[Token["InQuote"] = 2] = "InQuote";
-})(Token || (Token = {}));
-export class CssEntry {
-    constructor(name, value) {
-        this.name = name.trim();
-        this.value = value.trim();
-    }
-    name;
-    value;
-}
-export class CssAttributeParser {
-    entries = [];
-    parse(text, quoteType = '\'') {
-        this.entries = [];
-        let name = '';
-        let value = '';
-        let token = Token.Name;
-        for (let n = 0; n < text.length; n++) {
-            let c = text[n];
-            if (token === Token.Name) {
-                if (c === ':')
-                    token = Token.Value;
-                else if (c === ';') {
-                    name = '';
-                }
-                else
-                    name += c;
-            }
-            else if (token === Token.Value) {
-                if (c === ';') {
-                    this.entries.push(new CssEntry(name, value));
-                    name = '';
-                    value = '';
-                    token = Token.Name;
-                }
-                else {
-                    if (c === quoteType) {
-                        token = Token.InQuote;
-                    }
-                    value += c;
-                }
-            }
-            else if (token === Token.InQuote) {
-                if (c === '\\') {
-                    value += c;
-                    n++;
-                    c = text[n];
-                    value += c;
-                }
-                else if (c === quoteType) {
-                    value += c;
-                    token = Token.Value;
-                }
-                else {
-                    value += c;
-                }
-            }
-        }
-        if (name.trim() !== '') {
-            this.entries.push(new CssEntry(name, value));
-        }
-    }
-}
+var Token;
+(function (Token) {
+    Token[Token["Name"] = 0] = "Name";
+    Token[Token["Value"] = 1] = "Value";
+    Token[Token["InQuote"] = 2] = "InQuote";
+})(Token || (Token = {}));
+export class CssEntry {
+    constructor(name, value) {
+        this.name = name.trim();
+        this.value = value.trim();
+    }
+    name;
+    value;
+}
+export class CssAttributeParser {
+    entries = [];
+    parse(text, quoteType = '\'') {
+        this.entries = [];
+        let name = '';
+        let value = '';
+        let token = Token.Name;
+        for (let n = 0; n < text.length; n++) {
+            let c = text[n];
+            if (token === Token.Name) {
+                if (c === ':')
+                    token = Token.Value;
+                else if (c === ';') {
+                    name = '';
+                }
+                else
+                    name += c;
+            }
+            else if (token === Token.Value) {
+                if (c === ';') {
+                    this.entries.push(new CssEntry(name, value));
+                    name = '';
+                    value = '';
+                    token = Token.Name;
+                }
+                else {
+                    if (c === quoteType) {
+                        token = Token.InQuote;
+                    }
+                    value += c;
+                }
+            }
+            else if (token === Token.InQuote) {
+                if (c === '\\') {
+                    value += c;
+                    n++;
+                    c = text[n];
+                    value += c;
+                }
+                else if (c === quoteType) {
+                    value += c;
+                    token = Token.Value;
+                }
+                else {
+                    value += c;
+                }
+            }
+        }
+        if (name.trim() !== '') {
+            this.entries.push(new CssEntry(name, value));
+        }
+    }
+}

package/dist/elements/helper/CssCombiner.d.ts

@@ -1,11 +1,11 @@
-export declare class CssCombiner {
-    private static _helperElement;
-    static combine(styles: Map<string, string>, globalStyles?: Map<string, string>): Map<string, string>;
-    private static combineBorder;
-    private static combineMargin;
-    private static combinePadding;
-    private static combineInset;
-    private static combineBackground;
-    private static combineFont;
-    private static checkIfStyleIsCombinable;
-}
+export declare class CssCombiner {
+    private static _helperElement;
+    static combine(styles: Map<string, string>, globalStyles?: Map<string, string>): Map<string, string>;
+    private static combineBorder;
+    private static combineMargin;
+    private static combinePadding;
+    private static combineInset;
+    private static combineBackground;
+    private static combineFont;
+    private static checkIfStyleIsCombinable;
+}