dothtml 6.0.0-beta.2 → 6.0.0-beta.21

package/build_module/reactive.d.ts

@@ -4,6 +4,8 @@ import { TextVdom } from "./vdom-nodes/text-vdom";
 import { HtmlVdom } from "./vdom-nodes/html-vdom";
 import { ConditionalVdom } from "./vdom-nodes/conditional-vdom";
 import CollectionVdom from "./vdom-nodes/collection-vdom";
+import VStyle from "./v-style-nodes/v-style";
+import VMetaNode from "./v-meta-nodes/v-meta-node";
 export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
     _value: Ti;
     private _cachedLastValue;
@@ -14,21 +16,28 @@ export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
         element: ElementVdom;
         attribute: string;
     }>;
+    observingAttributeCollectionss: Record<number, VMetaNode>;
     observingCollections: Record<number, {
         collection: CollectionVdom;
         key?: string;
     }>;
     observingConditionals: Record<number, ConditionalVdom>;
+    observingStyles: Record<number, {
+        prop: string;
+        vStyle: VStyle;
+    }>;
     observingCallbacks: Record<number, (value: To) => void>;
     constructor();
     getValue(): To;
     setValue(v: Ti): void;
     private updater;
-    transformer?: (input: Ti) => To;
+    transform?: (input: Ti) => To;
     nextId: number;
     subscribeText(node: TextVdom): number;
     subscribeHtml(node: HtmlVdom): number;
     subscribeAttr(node: ElementVdom, attributeName: string): number;
+    subscribeAttrCollection(collection: VMetaNode): number;
+    subscribeStyle(vStyle: VStyle, propName: string): number;
     subscribeCollection(node: CollectionVdom): number;
     subscribeCond(node: ConditionalVdom): number;
     subscribeCallback(callback: (value: To) => void): number;

package/build_module/reactive.js

@@ -1,22 +1,26 @@
 const TEXT_OFFSET = 0;
 const HTML_OFFSET = 1;
 const ATTR_OFFSET = 2;
-const COND_OFFSET = 3;
-const ARRAY_OFFSET = 4;
-const CB_OFFSET = 5;
+const ATTR_COLLECTION_OFFSET = 3;
+const STYLE_OFFSET = 4;
+const COND_OFFSET = 5;
+const ARRAY_OFFSET = 6;
+const CB_OFFSET = 7;
 const CATEGORIES = CB_OFFSET + 1;
 export default class Reactive {
     constructor() {
         this.observingTextNodes = {};
         this.observingHtmlNodes = {};
         this.observingAttributes = {};
+        this.observingAttributeCollectionss = {};
         this.observingCollections = {};
         this.observingConditionals = {};
+        this.observingStyles = {};
         this.observingCallbacks = {};
         this.nextId = 1;
     }
     getValue() {
-        return this.transformer ? this.transformer(this._value) : this._value;
+        return this.transform ? this.transform(this._value) : this._value;
     }
     setValue(v) {
         this._value = v;
@@ -39,6 +43,14 @@ export default class Reactive {
             let a = this.observingAttributes[o];
             a.element.setAttr(a.attribute, this);
         }
+        for (let o in this.observingAttributeCollectionss) {
+            let a = this.observingAttributeCollectionss[o];
+            a.update();
+        }
+        for (let o in this.observingStyles) {
+            let s = this.observingStyles[o];
+            s.vStyle.updateProp(s.prop, value);
+        }
         for (let o in this.observingCollections) {
             let c = this.observingCollections[o];
             c.collection.updateList();
@@ -67,6 +79,16 @@ export default class Reactive {
         this.observingAttributes[id] = { element: node, attribute: attributeName };
         return id;
     }
+    subscribeAttrCollection(collection) {
+        let id = ATTR_COLLECTION_OFFSET + CATEGORIES * this.nextId++;
+        this.observingAttributeCollectionss[id] = collection;
+        return id;
+    }
+    subscribeStyle(vStyle, propName) {
+        let id = STYLE_OFFSET + CATEGORIES * this.nextId++;
+        this.observingStyles[id] = { prop: propName, vStyle: vStyle };
+        return id;
+    }
     subscribeCollection(node) {
         let id = ARRAY_OFFSET + CATEGORIES * this.nextId++;
         this.observingCollections[id] = { collection: node, key: null };
@@ -93,6 +115,14 @@ export default class Reactive {
                 delete this.observingAttributes[id];
                 break;
             }
+            case ATTR_COLLECTION_OFFSET: {
+                delete this.observingAttributeCollectionss[id];
+                break;
+            }
+            case STYLE_OFFSET: {
+                delete this.observingStyles[id];
+                break;
+            }
             case HTML_OFFSET: {
                 delete this.observingHtmlNodes[id];
                 break;

package/build_module/reactive.js.map

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

package/build_module/v-meta-nodes/attribute-v-node.d.ts

@@ -0,0 +1,12 @@
+import Reactive from "../reactive";
+import VMetaNode from "./v-meta-node";
+export default class AttributeVNode extends VMetaNode {
+    attr: string;
+    value: Record<string, string | Reactive>;
+    target: HTMLElement;
+    observables: Record<number, Reactive>;
+    constructor(attrName: any, attrValue: any);
+    render(target: HTMLElement): void;
+    update(): void;
+    unrender(): void;
+}

package/build_module/v-meta-nodes/attribute-v-node.js

@@ -0,0 +1,48 @@
+import Reactive from "../reactive";
+import VMetaNode from "./v-meta-node";
+export default class AttributeVNode extends VMetaNode {
+    constructor(attrName, attrValue) {
+        super();
+        this.observables = {};
+        this.attr = attrName;
+        this.value = attrValue;
+    }
+    render(target) {
+        this.target = target;
+        {
+            for (let k in this.value) {
+                let v = this.value[k];
+                if (v && v instanceof Reactive) {
+                    let id = v.subscribeAttrCollection(this);
+                    this.observables[id] = v;
+                }
+            }
+        }
+        {
+            this.update();
+        }
+    }
+    update() {
+        if (!this.target)
+            return;
+        let tokens = [];
+        for (let k in this.value) {
+            let v = this.value[k];
+            if (v) {
+                if (!(v instanceof Reactive) || v.getValue()) {
+                    tokens.push(k);
+                }
+            }
+        }
+        this.target.setAttribute(this.attr, tokens.join(" "));
+    }
+    unrender() {
+        this.target = null;
+        for (let o in this.observables) {
+            let v = this.observables[o];
+            v.detachBinding(Number(o));
+        }
+        this.observables = {};
+    }
+}
+//# sourceMappingURL=attribute-v-node.js.map

package/build_module/v-meta-nodes/attribute-v-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute-v-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/attribute-v-node.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AAMtC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IAQpD,YAAY,QAAQ,EAAE,SAAS;QAC9B,KAAK,EAAE,CAAC;QAHT,gBAAW,GAA6B,EAAE,CAAC;QAI1C,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,MAAmB;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB;YACC,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;gBACvB,IAAI,CAAC,GAAI,IAAI,CAAC,KAAa,CAAC,CAAC,CAAC,CAAC;gBAC/B,IAAG,CAAC,IAAI,CAAC,YAAY,QAAQ,EAAC;oBAC7B,IAAI,EAAE,GAAG,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;oBACzC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;iBACzB;aACD;SACD;QAED;YACC,IAAI,CAAC,MAAM,EAAE,CAAC;SACd;IACF,CAAC;IAED,MAAM;QACL,IAAG,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAExB,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;YACvB,IAAI,CAAC,GAAI,IAAI,CAAC,KAAa,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAG,CAAC,EAAC;gBACJ,IAAG,CAAC,CAAC,CAAC,YAAY,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAC;oBAC3C,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACf;aACD;SACD;QACD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B;QAED,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACvB,CAAC;CACD"}

package/build_module/v-meta-nodes/style-v-node.d.ts

@@ -0,0 +1,16 @@
+import { IDotCss } from "dothtml-interfaces";
+import Reactive from "../reactive";
+import VMetaNode from "./v-meta-node";
+export default class StyleVNode extends VMetaNode {
+    target: NodeListOf<Element> | HTMLElement | string;
+    document: Document;
+    shadowRoot: ShadowRoot;
+    styleValue: IDotCss;
+    observables: Array<Reactive>;
+    observableIds: Array<number>;
+    constructor(styleValue: IDotCss);
+    render(target: HTMLElement | string, document?: Document, shadowRoot?: ShadowRoot): void;
+    update(): void;
+    unrender(): void;
+    toString(): void;
+}

package/build_module/v-meta-nodes/style-v-node.js

@@ -0,0 +1,125 @@
+import cssProps from "../css/css-props";
+import Reactive from "../reactive";
+import VMetaNode from "./v-meta-node";
+import CssFunctionBuilderVStyle from "../v-style-nodes/css-function-builder-v-style";
+import FilterVStyle from "../v-style-nodes/filter-v-style";
+import TransformVStyle from "../v-style-nodes/transform-v-style";
+import { formatCssLength } from "../css/format-css-type";
+export default class StyleVNode extends VMetaNode {
+    constructor(styleValue) {
+        super();
+        this.observables = [];
+        this.observableIds = [];
+        this.styleValue = styleValue;
+        {
+            for (let prop in this.styleValue) {
+                let value = this.styleValue[prop];
+                if (value instanceof Reactive) {
+                    this.observables.push(value);
+                }
+                else if (typeof value === "object") {
+                    let builder;
+                    switch (prop) {
+                        case "filter": {
+                            builder = new FilterVStyle(prop);
+                            break;
+                        }
+                        case "transform": {
+                            builder = new TransformVStyle(prop);
+                            break;
+                        }
+                    }
+                    for (let k in value) {
+                        let v = value[k];
+                        if (v instanceof Reactive) {
+                            this.observables.push(v);
+                        }
+                        else if (v instanceof Array) {
+                            for (let j in v) {
+                                let w = v[j];
+                                if (w instanceof Reactive) {
+                                    this.observables.push(w);
+                                }
+                            }
+                        }
+                        if (builder && builder[k]) {
+                            builder[k](v);
+                        }
+                    }
+                    if (builder) {
+                        this.styleValue[prop] = builder;
+                    }
+                }
+            }
+        }
+    }
+    render(target, document = window.document, shadowRoot) {
+        this.target = target;
+        this.document = document;
+        this.shadowRoot = shadowRoot;
+        {
+            for (let i in this.observables) {
+                let observable = this.observables[i];
+                let id = observable.subscribeAttrCollection(this);
+                this.observableIds.push(id);
+            }
+        }
+        this.update();
+    }
+    update() {
+        let allStylesToApply = [];
+        for (let prop in this.styleValue) {
+            let cssValue;
+            {
+                let value = this.styleValue[prop];
+                if (value instanceof Reactive) {
+                    cssValue = value.getValue();
+                }
+                else if (value instanceof CssFunctionBuilderVStyle) {
+                    cssValue = value.toString();
+                }
+                else {
+                    cssValue = `${value}`;
+                }
+            }
+            let cssType, cssProp, cssUnit;
+            {
+                let registeredProp = cssProps[prop];
+                if (registeredProp) {
+                    cssType = cssProps[prop].type;
+                    cssProp = cssProps[prop].cssName;
+                    cssUnit = cssProps[prop].unit;
+                }
+                else {
+                    cssType = "custom";
+                    cssProp = prop;
+                }
+            }
+            let formattedValue = cssValue;
+            switch (cssType) {
+                case "length":
+                    formattedValue = formatCssLength(cssValue, cssUnit);
+                    break;
+            }
+            allStylesToApply.push({ cssProp, cssValue: formattedValue });
+        }
+        if (this.target instanceof HTMLElement) {
+            for (let i in allStylesToApply) {
+                let assignment = allStylesToApply[i];
+                this.target.style[assignment.cssProp] = assignment.cssValue;
+            }
+        }
+        else if (typeof this.target === "string") {
+        }
+    }
+    unrender() {
+        for (let i in this.observableIds) {
+            let id = this.observableIds[i];
+            let observable = this.observables[i];
+            observable.detachBinding(id);
+        }
+        this.observables.length = 0;
+    }
+    toString() { }
+}
+//# sourceMappingURL=style-v-node.js.map

package/build_module/v-meta-nodes/style-v-node.js.map

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

package/build_module/v-meta-nodes/v-meta-node.d.ts

@@ -0,0 +1,5 @@
+export default abstract class VMetaNode {
+    abstract render(target: HTMLElement): void;
+    abstract unrender(): void;
+    abstract update(): void;
+}

package/build_module/v-meta-nodes/v-meta-node.js

@@ -0,0 +1,3 @@
+export default class VMetaNode {
+}
+//# sourceMappingURL=v-meta-node.js.map

package/build_module/v-meta-nodes/v-meta-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-meta-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/v-meta-node.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAgB,SAAS;CAItC"}

package/build_module/v-style-nodes/base-v-style.d.ts

@@ -0,0 +1,14 @@
+import VStyle from "./v-style";
+export default class BaseVStyle extends VStyle {
+    private readonly _isBase;
+    private props;
+    private subscriptions;
+    private renderedSubBuilders;
+    private selector;
+    private target;
+    _render(target: HTMLElement): void;
+    _unrender(): void;
+    renderAndSetPropValue(prop: any, value: any): void;
+    updateProp(prop: string, value: string): void;
+    setProp(propName: any, value: any): any;
+}

package/build_module/v-style-nodes/base-v-style.js

@@ -0,0 +1,112 @@
+import Reactive from "../reactive";
+import VStyle from "./v-style";
+export default class BaseVStyle extends VStyle {
+    constructor() {
+        super(...arguments);
+        this._isBase = false;
+        this.props = [];
+        this.subscriptions = {};
+        this.renderedSubBuilders = [];
+    }
+    _render(target) {
+        this.target = target;
+        for (let i = 0; i < this.props.length; i++) {
+            let P = this.props[i];
+            this.renderAndSetPropValue(P.prop, P.value);
+        }
+    }
+    _unrender() {
+        for (let i = 0; i < this.renderedSubBuilders.length; i++) {
+            let sb = this.renderedSubBuilders[i];
+            sb._unrender();
+        }
+        this.renderedSubBuilders.length = 0;
+        for (let s in this.subscriptions) {
+            let P = this.subscriptions[s];
+            P.detachBinding(Number(s));
+        }
+        this.subscriptions = {};
+        this.target = null;
+    }
+    renderAndSetPropValue(prop, value) {
+        if (value instanceof Reactive) {
+            let id = value.subscribeStyle(this, prop);
+            this.subscriptions[id] = value;
+            this.updateProp(prop, value.getValue());
+        }
+        else if (value instanceof VStyle) {
+            this.renderedSubBuilders.push(value);
+            value._render(this.target);
+        }
+        else {
+            this.updateProp(prop, value);
+        }
+    }
+    updateProp(prop, value) {
+        if (this.target) {
+            this.target.style[prop] = value;
+        }
+    }
+    setProp(propName, value) {
+        if (this._isBase) {
+            let newStyle = new BaseVStyle();
+            return newStyle.setProp(propName, value);
+        }
+        else {
+            if (value && value.call && value.apply) {
+                let builder;
+                switch (propName) {
+                    case "transform": {
+                        break;
+                    }
+                    case "filter":
+                    case "backdrop-filter": {
+                        break;
+                    }
+                    default: throw new Error(`${propName} does not have a builder.`);
+                }
+                value(builder);
+                value = builder;
+                if (this.target) {
+                    this.renderedSubBuilders.push(builder);
+                    builder._render(this.target);
+                }
+            }
+            else {
+                if (this.target) {
+                    let observerId = value.subscribeStyle(this, propName);
+                    this.subscriptions[observerId] = value;
+                    this.renderAndSetPropValue(propName, value);
+                }
+            }
+            this.props.push({ prop: propName, value: value });
+            return this;
+        }
+    }
+}
+{
+    const _allProps = {
+        "color": "color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",
+        "length": "background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size|text-Indent",
+        "url": "background-Image|border-Image|list-Style-Image|content|image-Orientation",
+        "transformation": "transform",
+        "filter": "filter|backdrop-Filter",
+        "misc": "all|appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events",
+    };
+    for (let k in _allProps) {
+        let str = _allProps[k];
+        let props = str.split("|");
+        let types = k.split("|");
+        for (let t in types) {
+            for (let i = 0; i < props.length; i++) {
+                let pName = props[i];
+                let cssName = pName.toLowerCase();
+                let jsName = pName.split("-").join("");
+                BaseVStyle.prototype[jsName] = function () {
+                    return this.setProp(cssName, ...arguments);
+                };
+            }
+        }
+    }
+}
+//# sourceMappingURL=base-v-style.js.map

package/build_module/v-style-nodes/base-v-style.js.map

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

package/build_module/v-style-nodes/css-function-builder-v-style.d.ts

@@ -0,0 +1,17 @@
+import Reactive from "../reactive";
+export default abstract class CssFunctionBuilderVStyle {
+    simpleValue: string;
+    funcs: Array<{
+        func: string;
+        args: Array<{
+            v: number | boolean | string | Reactive;
+            f: (v: number | boolean | string | Reactive) => string;
+        }>;
+    }>;
+    readonly propName: string;
+    subscriptions: Record<number, Reactive>;
+    target: HTMLElement;
+    constructor(propName: string);
+    toString(): string;
+    appendFunction(filter: string, args: any): this;
+}

package/build_module/v-style-nodes/css-function-builder-v-style.js

@@ -0,0 +1,28 @@
+import Reactive from "../reactive";
+export default class CssFunctionBuilderVStyle {
+    constructor(propName) {
+        this.funcs = [];
+        this.subscriptions = {};
+        this.propName = propName;
+    }
+    toString() {
+        let result = "";
+        for (let t of this.funcs) {
+            let argValues = t.args.map(arg => {
+                if (arg.v instanceof Reactive) {
+                    return arg.f(arg.v.getValue());
+                }
+                else {
+                    return arg.f(arg.v).split(" ").join(", ");
+                }
+            }).join(", ");
+            result += `${t.func}(${argValues}) `;
+        }
+        return result.trim();
+    }
+    appendFunction(filter, args) {
+        this.funcs.push({ func: filter, args: args });
+        return this;
+    }
+}
+//# sourceMappingURL=css-function-builder-v-style.js.map

package/build_module/v-style-nodes/css-function-builder-v-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-function-builder-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/css-function-builder-v-style.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,MAAM,CAAC,OAAO,OAAgB,wBAAwB;IAWrD,YAAY,QAAgB;QAR5B,UAAK,GAGA,EAAE,CAAC;QAER,kBAAa,GAA6B,EAAE,CAAC;QAI5C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,QAAQ;QACP,IAAI,MAAM,GAAG,EAAE,CAAC;QAGhB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;YAEvB,IAAI,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAG,GAAG,CAAC,CAAC,YAAY,QAAQ,EAAC;oBAC5B,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;iBAC/B;qBACG;oBACH,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC1C;YACF,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAGd,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC;SACrC;QAED,OAAO,MAAM,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IA6ED,cAAc,CAAC,MAAc,EAAE,IAAI;QAClC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACb,CAAC;CAED"}

package/build_module/v-style-nodes/filter-v-style.d.ts

@@ -0,0 +1,13 @@
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+export default class FilterVStyle extends CssFunctionBuilderVStyle {
+    blur(v: any): this;
+    brightness(v: any): this;
+    contrast(v: any): this;
+    dropShadow(x: any, y: any, blur: any, color: any): this;
+    grayscale(v: any): this;
+    hueRotate(v: any): this;
+    invert(v: any): this;
+    opacity(v: any): this;
+    sepia(v: any): this;
+    saturate(v: any): this;
+}

package/build_module/v-style-nodes/filter-v-style.js

@@ -0,0 +1,35 @@
+import { formatCssColor, formatCssLength, formatCssPercentage } from "../css/format-css-type";
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+export default class FilterVStyle extends CssFunctionBuilderVStyle {
+    blur(v) {
+        return this.appendFunction("blur", [{ v, f: formatCssLength }]);
+    }
+    brightness(v) {
+        return this.appendFunction("brightness", [{ v, f: formatCssPercentage }]);
+    }
+    contrast(v) {
+        return this.appendFunction("contrast", [{ v, f: formatCssLength }]);
+    }
+    dropShadow(x, y, blur, color) {
+        return this.appendFunction("drop-shadow", [{ v: x, f: formatCssLength }, { v: y, f: formatCssLength }, { v: blur, f: formatCssLength }, { v: color, f: formatCssColor }]);
+    }
+    grayscale(v) {
+        return this.appendFunction("grayscale", [{ v, f: formatCssLength }]);
+    }
+    hueRotate(v) {
+        return this.appendFunction("hue-rotate", [{ v, f: formatCssLength }]);
+    }
+    invert(v) {
+        return this.appendFunction("invert", [{ v, f: formatCssLength }]);
+    }
+    opacity(v) {
+        return this.appendFunction("opacity", [{ v, f: formatCssLength }]);
+    }
+    sepia(v) {
+        return this.appendFunction("sepia", [{ v, f: formatCssLength }]);
+    }
+    saturate(v) {
+        return this.appendFunction("saturate", [{ v, f: formatCssLength }]);
+    }
+}
+//# sourceMappingURL=filter-v-style.js.map

package/build_module/v-style-nodes/filter-v-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/filter-v-style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AAEtE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,wBAAwB;IAEjE,IAAI,CAAC,CAAC;QACL,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU,CAAC,CAAC;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAC,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,QAAQ,CAAC,CAAC;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK;QAC3B,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,CAAC,CAAC,CAAC;IACnK,CAAC;IACD,SAAS,CAAC,CAAC;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACpE,CAAC;IACD,SAAS,CAAC,CAAC;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,CAAC,CAAC;QACP,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,CAAC,CAAC;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,KAAK,CAAC,CAAC;QACN,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,QAAQ,CAAC,CAAC;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;CACD"}

package/build_module/v-style-nodes/transform-v-style.d.ts

@@ -0,0 +1,28 @@
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+export default class TransformVStyle extends CssFunctionBuilderVStyle {
+    matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): this;
+    matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
+    translate(x: any, y?: any): this;
+    translate3d(x: any, y: any, z: any): this;
+    translateX(x: any): this;
+    translateY(y: any): this;
+    translateZ(z: any): this;
+    scale(x: number, y?: number): this;
+    scale3d(x: number, y: number, z: number): this;
+    scaleX(x: number): this;
+    scaleY(y: number): this;
+    scaleZ(z: number): this;
+    rotate(x: any): this;
+    rotate3d(x: number, y: number, z: number, a: any): this;
+    rotate3dDeg(x: number, y: number, z: number, a: number): this;
+    rotate3dRad(x: number, y: number, z: number, a: number): this;
+    rotate3dGrad(x: number, y: number, z: number, a: number): this;
+    rotate3dTurn(x: number, y: number, z: number, a: number): this;
+    rotateX(x: any): this;
+    rotateY(y: any): this;
+    rotateZ(z: any): this;
+    skew(x: any, y?: any): this;
+    skewX(x: any): this;
+    skewY(y: any): this;
+    perspective(d: any): this;
+}