@wavemaker-ai/react-codegen 1.0.0-rc.309

package/src/transpile/style/background-image.parser.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackgroundImageParser = void 0;
+const utils_1 = require("../components/utils");
+const style_parser_1 = require("./style.parser");
+class BackgroundImageParser extends style_parser_1.StyleParser {
+    constructor() {
+        super("backgroundImage");
+    }
+    parse(url) {
+        if (url) {
+            url = (0, utils_1.fromUnicode)(url);
+        }
+        const style = {};
+        style[this.styleName] = url ? `url(${(0, utils_1.fromUnicode)(url)})` : `url(${url})`;
+        return style;
+    }
+}
+exports.BackgroundImageParser = BackgroundImageParser;
+//# sourceMappingURL=background-image.parser.js.map

package/src/transpile/style/background-image.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-image.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/background-image.parser.ts"],"names":[],"mappings":";;;AAAA,+CAAkD;AAClD,iDAA6C;AAE7C,MAAa,qBAAsB,SAAQ,0BAAW;IACpD;QACE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,GAAW;QACf,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,GAAG,IAAA,mBAAW,EAAC,GAAG,CAAC,CAAC;QACzB,CAAC;QACD,MAAM,KAAK,GAAG,EAAS,CAAC;QACxB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,IAAA,mBAAW,EAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC;QACzE,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAbD,sDAaC"}

package/src/transpile/style/border-width.parser.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderWidthParser = void 0;
+const multi_dimension_style_parser_1 = require("./multi-dimension-style.parser");
+class BorderWidthParser extends multi_dimension_style_parser_1.MultiDimensionStyleParser {
+    constructor(styleName) {
+        super(styleName);
+    }
+    parse(value) {
+        const values = super.parseDimensions(value);
+        return {
+            borderTopWidth: values[0],
+            borderRightWidth: values[1],
+            borderBottomWidth: values[2],
+            borderLeftWidth: values[3],
+        };
+    }
+}
+exports.BorderWidthParser = BorderWidthParser;
+//# sourceMappingURL=border-width.parser.js.map

package/src/transpile/style/border-width.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-width.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/border-width.parser.ts"],"names":[],"mappings":";;;AAAA,iFAA2E;AAE3E,MAAa,iBAAkB,SAAQ,wDAAyB;IAC9D,YAAY,SAAiB;QAC3B,KAAK,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,MAAM,MAAM,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;YACzB,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;YAC3B,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;YAC5B,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;SAC3B,CAAC;IACJ,CAAC;CACF;AAdD,8CAcC"}

package/src/transpile/style/dimension-style.parser.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DimensionStyleParser = void 0;
+const numeric_style_parser_1 = require("./numeric-style.parser");
+class DimensionStyleParser extends numeric_style_parser_1.NumericalStyleParser {
+    constructor(styleName) {
+        super(styleName);
+    }
+    parse(value, element) {
+        if (value === "auto") {
+            const style = {};
+            style[this.styleName] = value;
+            return style;
+        }
+        else if (value === "fill") {
+            const style = {};
+            if (this.styleName === "width") {
+                style[this.styleName] = "100%";
+            }
+            const AutoLayoutComps = element.rawTagName === "wm-list" ||
+                element.rawTagName === "wm-container" ||
+                element.rawTagName === "wm-listtemplate";
+            if (this.styleName === "height") {
+                if (AutoLayoutComps) {
+                    style[this.styleName] = value;
+                }
+                else {
+                    style[this.styleName] = "100%";
+                }
+            }
+            return style;
+        }
+        else if (value === "hug") {
+            const style = {};
+            style[this.styleName] = "fit-content";
+            return style;
+        }
+        else if (value && value.endsWith("%")) {
+            const style = {};
+            style[this.styleName] = value;
+            return style;
+        }
+        else if (value && (value.endsWith("vw") || value.endsWith("vh"))) {
+            const style = {};
+            style[this.styleName] = value;
+            return style;
+        }
+        else if (value &&
+            (value.endsWith("em") ||
+                value.endsWith("rem") ||
+                value.endsWith("px") ||
+                value.endsWith("pt") ||
+                value.endsWith("pc") ||
+                value.endsWith("in") ||
+                value.endsWith("cm") ||
+                value.endsWith("mm"))) {
+            const style = {};
+            style[this.styleName] = value;
+            return style;
+        }
+        else if (value && value === "fill") {
+            const style = {};
+            style[this.styleName] = "100%";
+            return style;
+        }
+        return super.parse(value);
+    }
+}
+exports.DimensionStyleParser = DimensionStyleParser;
+//# sourceMappingURL=dimension-style.parser.js.map

package/src/transpile/style/dimension-style.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension-style.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/dimension-style.parser.ts"],"names":[],"mappings":"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"}

package/src/transpile/style/horizontal-align.parser.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalAlignParser = void 0;
+const style_parser_1 = require("./style.parser");
+const alignValues = {
+    left: "flex-start",
+    right: "flex-end",
+    center: "center",
+};
+class HorizontalAlignParser extends style_parser_1.StyleParser {
+    constructor() {
+        super("");
+    }
+    parse(value) {
+        return {
+            textAlign: value,
+            flexDirection: "row",
+            justifyContent: alignValues[value],
+            flexWrap: "wrap",
+        };
+    }
+}
+exports.HorizontalAlignParser = HorizontalAlignParser;
+//# sourceMappingURL=horizontal-align.parser.js.map

package/src/transpile/style/horizontal-align.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-align.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/horizontal-align.parser.ts"],"names":[],"mappings":";;;AAAA,iDAA6C;AAE7C,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,QAAQ;CACV,CAAC;AAET,MAAa,qBAAsB,SAAQ,0BAAW;IACpD;QACE,KAAK,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC;YAClC,QAAQ,EAAE,MAAM;SACjB,CAAC;IACJ,CAAC;CACF;AAbD,sDAaC"}

package/src/transpile/style/margin.parser.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarginParser = void 0;
+const multi_dimension_style_parser_1 = require("./multi-dimension-style.parser");
+class MarginParser extends multi_dimension_style_parser_1.MultiDimensionStyleParser {
+    constructor() {
+        super("");
+    }
+    parse(value) {
+        const values = super.parseDimensions(value);
+        return {
+            marginTop: values[0],
+            marginRight: values[1],
+            marginBottom: values[2],
+            marginLeft: values[3],
+        };
+    }
+}
+exports.MarginParser = MarginParser;
+//# sourceMappingURL=margin.parser.js.map

package/src/transpile/style/margin.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/margin.parser.ts"],"names":[],"mappings":";;;AAAA,iFAA2E;AAE3E,MAAa,YAAa,SAAQ,wDAAyB;IACzD;QACE,KAAK,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,MAAM,MAAM,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;YACpB,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;YACtB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;YACvB,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;SACtB,CAAC;IACJ,CAAC;CACF;AAdD,oCAcC"}

package/src/transpile/style/multi-dimension-style.parser.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiDimensionStyleParser = void 0;
+const dimension_style_parser_1 = require("./dimension-style.parser");
+class MultiDimensionStyleParser extends dimension_style_parser_1.DimensionStyleParser {
+    constructor(styleName) {
+        super(styleName);
+    }
+    parseDimensions(value) {
+        const splits = value.split(" ").map(v => {
+            if (v != "unset") {
+                return super.parse(v)[this.styleName];
+            }
+            return null;
+        });
+        if (splits.length === 1) {
+            splits[1] = splits[0];
+            splits[2] = splits[0];
+            splits[3] = splits[0];
+        }
+        else if (splits.length === 2) {
+            splits[2] = splits[0];
+            splits[3] = splits[1];
+        }
+        return splits;
+    }
+}
+exports.MultiDimensionStyleParser = MultiDimensionStyleParser;
+//# sourceMappingURL=multi-dimension-style.parser.js.map

package/src/transpile/style/multi-dimension-style.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-dimension-style.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/multi-dimension-style.parser.ts"],"names":[],"mappings":";;;AAAA,qEAAgE;AAEhE,MAAsB,yBAA0B,SAAQ,6CAAoB;IAC1E,YAAY,SAAiB;QAC3B,KAAK,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACtC,IAAI,CAAC,IAAI,OAAO,EAAE,CAAC;gBACjB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACxC,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF;AAtBD,8DAsBC"}

package/src/transpile/style/numeric-style.parser.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumericalStyleParser = void 0;
+const style_parser_1 = require("./style.parser");
+class NumericalStyleParser extends style_parser_1.StyleParser {
+    constructor(styleName) {
+        super(styleName);
+    }
+    parse(value) {
+        const match = value && value.match("^[0-9\.-]+");
+        const style = {};
+        let val = match ? parseFloat(match[0]) : 0;
+        style[this.styleName] = val;
+        return style;
+    }
+}
+exports.NumericalStyleParser = NumericalStyleParser;
+//# sourceMappingURL=numeric-style.parser.js.map

package/src/transpile/style/numeric-style.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-style.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/numeric-style.parser.ts"],"names":[],"mappings":";;;AAAA,iDAA6C;AAE7C,MAAa,oBAAqB,SAAQ,0BAAW;IACnD,YAAY,SAAiB;QAC3B,KAAK,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,MAAM,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,KAAK,GAAG,EAAS,CAAC;QACxB,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;QAC5B,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AAZD,oDAYC"}

package/src/transpile/style/padding.parser.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingParser = void 0;
+const multi_dimension_style_parser_1 = require("./multi-dimension-style.parser");
+class PaddingParser extends multi_dimension_style_parser_1.MultiDimensionStyleParser {
+    constructor() {
+        super("padding");
+    }
+    parse(value) {
+        const values = super.parseDimensions(value);
+        return {
+            paddingTop: values[0],
+            paddingRight: values[1],
+            paddingBottom: values[2],
+            paddingLeft: values[3],
+        };
+    }
+}
+exports.PaddingParser = PaddingParser;
+//# sourceMappingURL=padding.parser.js.map

package/src/transpile/style/padding.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/padding.parser.ts"],"names":[],"mappings":";;;AAAA,iFAA2E;AAE3E,MAAa,aAAc,SAAQ,wDAAyB;IAC1D;QACE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnB,CAAC;IAED,KAAK,CAAC,KAAa;QACjB,MAAM,MAAM,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;YACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;YACvB,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;YACxB,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;SACvB,CAAC;IACJ,CAAC;CACF;AAdD,sCAcC"}

package/src/transpile/style/split-css-shorthand.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitCssShorthandOnSpaces = splitCssShorthandOnSpaces;
+/**
+ * Splits a CSS shorthand list on ASCII-whitespace at top level only — not inside
+ * `()`, and not inside quoted strings. Handles backslash escapes in strings.
+ *
+ * Covers e.g. `var(--Spacing-0, 0) 0 0 0` (comma-spacing inside `var()`).
+ */
+function splitCssShorthandOnSpaces(value) {
+    const s = value.trim();
+    if (!s.length)
+        return [];
+    const tokens = [];
+    let parenDepth = 0;
+    let quote = null;
+    let start = 0;
+    let i = 0;
+    while (i < s.length) {
+        const ch = s[i];
+        if (quote) {
+            if (ch === "\\" && i + 1 < s.length) {
+                i += 2;
+                continue;
+            }
+            if (ch === quote)
+                quote = null;
+            i++;
+            continue;
+        }
+        if (ch === "'" || ch === '"') {
+            quote = ch;
+            i++;
+            continue;
+        }
+        if (ch === "(") {
+            parenDepth++;
+            i++;
+            continue;
+        }
+        if (ch === ")") {
+            parenDepth = Math.max(0, parenDepth - 1);
+            i++;
+            continue;
+        }
+        if (/\s/.test(ch) && parenDepth === 0) {
+            if (i > start)
+                tokens.push(s.slice(start, i));
+            while (i < s.length && /\s/.test(s[i]))
+                i++;
+            start = i;
+            continue;
+        }
+        i++;
+    }
+    if (i > start)
+        tokens.push(s.slice(start, i));
+    return tokens;
+}
+//# sourceMappingURL=split-css-shorthand.js.map

package/src/transpile/style/split-css-shorthand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-css-shorthand.js","sourceRoot":"","sources":["../../../../src/transpile/style/split-css-shorthand.ts"],"names":[],"mappings":";;AAMA,8DAoDC;AA1DD;;;;;GAKG;AACH,SAAgB,yBAAyB,CAAC,KAAa;IACrD,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IACvB,IAAI,CAAC,CAAC,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,KAAK,GAAqB,IAAI,CAAC;IACnC,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,CAAC,GAAG,CAAC,CAAC;IAEV,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;QACpB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhB,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;gBACpC,CAAC,IAAI,CAAC,CAAC;gBACP,SAAS;YACX,CAAC;YACD,IAAI,EAAE,KAAK,KAAK;gBAAE,KAAK,GAAG,IAAI,CAAC;YAC/B,CAAC,EAAE,CAAC;YACJ,SAAS;QACX,CAAC;QAED,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YAC7B,KAAK,GAAG,EAAE,CAAC;YACX,CAAC,EAAE,CAAC;YACJ,SAAS;QACX,CAAC;QAED,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YACf,UAAU,EAAE,CAAC;YACb,CAAC,EAAE,CAAC;YACJ,SAAS;QACX,CAAC;QACD,IAAI,EAAE,KAAK,GAAG,EAAE,CAAC;YACf,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;YACzC,CAAC,EAAE,CAAC;YACJ,SAAS;QACX,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,GAAG,KAAK;gBAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YAC9C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAAE,CAAC,EAAE,CAAC;YAC5C,KAAK,GAAG,CAAC,CAAC;YACV,SAAS;QACX,CAAC;QAED,CAAC,EAAE,CAAC;IACN,CAAC;IAED,IAAI,CAAC,GAAG,KAAK;QAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9C,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/src/transpile/style/style.parser.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyleParser = void 0;
+class StyleParser {
+    constructor(styleName) {
+        this.styleName = styleName;
+    }
+    parse(value, element) {
+        const style = {};
+        style[this.styleName] = value;
+        return style;
+    }
+}
+exports.StyleParser = StyleParser;
+//# sourceMappingURL=style.parser.js.map

package/src/transpile/style/style.parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.parser.js","sourceRoot":"","sources":["../../../../src/transpile/style/style.parser.ts"],"names":[],"mappings":";;;AAAA,MAAa,WAAW;IACtB,YAAmB,SAAiB;QAAjB,cAAS,GAAT,SAAS,CAAQ;IAAG,CAAC;IAExC,KAAK,CAAC,KAAa,EAAE,OAAa;QAChC,MAAM,KAAK,GAAG,EAAS,CAAC;QACxB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AARD,kCAQC"}

package/src/transpile/style.transformer.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
+const style_parser_1 = require("./style/style.parser");
+const dimension_style_parser_1 = require("./style/dimension-style.parser");
+const margin_parser_1 = require("./style/margin.parser");
+const padding_parser_1 = require("./style/padding.parser");
+const border_width_parser_1 = require("./style/border-width.parser");
+const numeric_style_parser_1 = require("./style/numeric-style.parser");
+const horizontal_align_parser_1 = require("./style/horizontal-align.parser");
+const background_image_parser_1 = require("./style/background-image.parser");
+const StyleProps = new Map([
+    ["backgroundimage", new background_image_parser_1.BackgroundImageParser()],
+    ["backgroundsize", new style_parser_1.StyleParser("backgroundSize")],
+    ["backgroundrepeat", new style_parser_1.StyleParser("backgroundRepeat")],
+    ["backgroundresizemode", new style_parser_1.StyleParser("backgroundResizeMode")],
+    ["backgroundposition", new style_parser_1.StyleParser("backgroundPosition")],
+    ["backgroundattachment", new style_parser_1.StyleParser("backgroundAttachment")],
+    ["backgroundcolor", new style_parser_1.StyleParser("backgroundColor")],
+    ["bordercolor", new style_parser_1.StyleParser("borderColor")],
+    ["borderradius", new dimension_style_parser_1.DimensionStyleParser("borderRadius")],
+    ["borderstyle", new style_parser_1.StyleParser("borderStyle")],
+    ["borderwidth", new border_width_parser_1.BorderWidthParser("borderWidth")],
+    ["borderbottomwidth", new dimension_style_parser_1.DimensionStyleParser("borderBottomWidth")],
+    ["borderleftwidth", new dimension_style_parser_1.DimensionStyleParser("borderLeftWidth")],
+    ["borderrightwidth", new dimension_style_parser_1.DimensionStyleParser("borderRightWidth")],
+    ["bordertopwidth", new dimension_style_parser_1.DimensionStyleParser("borderTopWidth")],
+    ["color", new style_parser_1.StyleParser("color")],
+    //['cursor', ''],
+    //['display', ''],
+    ["fontsize", new dimension_style_parser_1.DimensionStyleParser("fontSize")],
+    ["fontunit", new style_parser_1.StyleParser("fontUnit")],
+    ["fontfamily", new style_parser_1.StyleParser("fontFamily")],
+    ["fontstyle", new style_parser_1.StyleParser("fontStyle")],
+    ["fontvariant", new style_parser_1.StyleParser("fontVariant")],
+    ["fontweight", new style_parser_1.StyleParser("fontWeight")],
+    ["height", new dimension_style_parser_1.DimensionStyleParser("height")],
+    ["horizontalalign", new dimension_style_parser_1.DimensionStyleParser("horizontalAlign")],
+    ["lineheight", new dimension_style_parser_1.DimensionStyleParser("lineHeight")],
+    ["margin", new margin_parser_1.MarginParser()],
+    ["marginbottom", new dimension_style_parser_1.DimensionStyleParser("marginBottom")],
+    ["marginleft", new dimension_style_parser_1.DimensionStyleParser("marginLeft")],
+    ["marginheight", new dimension_style_parser_1.DimensionStyleParser("marginHeight")],
+    ["marginwidth", new dimension_style_parser_1.DimensionStyleParser("marginWidth")],
+    ["frameborder", new dimension_style_parser_1.DimensionStyleParser("frameBorder")],
+    ["marginright", new dimension_style_parser_1.DimensionStyleParser("marginRight")],
+    ["margintop", new dimension_style_parser_1.DimensionStyleParser("marginTop")],
+    ["opacity", new numeric_style_parser_1.NumericalStyleParser("opacity")],
+    ["overflow", new style_parser_1.StyleParser("overflow")],
+    ["padding", new padding_parser_1.PaddingParser()],
+    ["paddingbottom", new dimension_style_parser_1.DimensionStyleParser("paddingBottom")],
+    ["paddingleft", new dimension_style_parser_1.DimensionStyleParser("paddingLeft")],
+    ["paddingright", new dimension_style_parser_1.DimensionStyleParser("paddingRight")],
+    ["paddingtop", new dimension_style_parser_1.DimensionStyleParser("paddingTop")],
+    //['picturesource', ''],
+    ["textalign", new style_parser_1.StyleParser("textAlign")],
+    ["textdecoration", new style_parser_1.StyleParser("textDecorationLine")],
+    ["horizontalalign", new horizontal_align_parser_1.HorizontalAlignParser()],
+    ["verticalalign", new style_parser_1.StyleParser("textAlignVertical")],
+    //['visibility', ''],
+    //['whitespace', ''],
+    ["width", new dimension_style_parser_1.DimensionStyleParser("width")],
+    //['wordbreak', ''],
+    ["zindex", new numeric_style_parser_1.NumericalStyleParser("zIndex")],
+]);
+const TextStyleProps = [
+    "color",
+    "fontSize",
+    "fontFamily",
+    "fontStyle",
+    "fontVariant",
+    "fontWeight",
+    "lineHeight",
+    "textAlign",
+    "textDecorationLine",
+    "textAlignVertical",
+];
+exports.default = (element, isStyleProperty) => {
+    const style = {};
+    const textStyle = {};
+    let fontUnit = "";
+    StyleProps.forEach((parser, k) => {
+        if (!!element.hasAttribute(k) && isStyleProperty && isStyleProperty(k)) {
+            const value = element.getAttribute(k);
+            element.removeAttribute(k);
+            if (value) {
+                if (value.startsWith("bind:")) {
+                    if (k === "backgroundimage" && value.startsWith('bind:"') && value.endsWith('"')) {
+                        const literal = value.substring(6, value.length - 1);
+                        (0, lodash_1.merge)(style, parser.parse(literal, element));
+                    }
+                    else {
+                        style[parser.styleName || k] = value;
+                    }
+                }
+                else {
+                    if (k === "fontunit") {
+                        fontUnit = value;
+                    }
+                    else {
+                        (0, lodash_1.merge)(style, parser.parse(value, element));
+                    }
+                }
+            }
+        }
+    });
+    if (style.fontSize && fontUnit) {
+        style.fontSize = `${style.fontSize}${fontUnit}`;
+    }
+    Object.keys(style).forEach(k => {
+        if ((0, lodash_1.isNil)(style[k])) {
+            delete style[k];
+        }
+    });
+    if ((0, lodash_1.isEmpty)(style)) {
+        return null;
+    }
+    if (style["borderStyle"] === "none") {
+        delete style["borderStyle"];
+    }
+    const styles = style;
+    return styles;
+};
+//# sourceMappingURL=style.transformer.js.map

package/src/transpile/style.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.transformer.js","sourceRoot":"","sources":["../../../src/transpile/style.transformer.ts"],"names":[],"mappings":"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"}