dothtml 6.0.0-beta.2 → 6.0.0-beta.20

package/build_module/css/css-props.d.ts

@@ -0,0 +1,8 @@
+type CssRule = {
+    dotName: string;
+    cssName: string;
+    type: string;
+    unit: string;
+};
+declare const cssProps: Record<string, CssRule>;
+export default cssProps;

package/build_module/css/css-props.js

@@ -0,0 +1,40 @@
+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: "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"
+};
+const lengthSuffixes = "Cm|Mm|In|Px|Pt|Pc|Q|Cap|Ch|Em|Ex|Ic|Lh|Rem|Rlh|Vh|Vw|Vmin|Vmax|Vb|Vi|Cqw|Cqh|Cqi|Cqb|Cqmin|Cqmax|P".split("|");
+const cssProps = {};
+for (let cssType in allProps) {
+    let props = allProps[cssType].split("|");
+    for (let p of props) {
+        let key = p.split("-").join("");
+        switch (cssType) {
+            case "length": {
+                for (let s of lengthSuffixes) {
+                    cssProps[`${key}${s}`] = {
+                        dotName: key,
+                        cssName: p.toLowerCase(),
+                        type: cssType,
+                        unit: s == "P" ? "%" : s.toLowerCase()
+                    };
+                }
+                break;
+            }
+            default: {
+                break;
+            }
+        }
+        cssProps[key] = {
+            dotName: key,
+            cssName: p.toLowerCase(),
+            type: cssType,
+            unit: undefined
+        };
+    }
+}
+export default cssProps;
+//# sourceMappingURL=css-props.js.map

package/build_module/css/css-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-props.js","sourceRoot":"","sources":["../../src/css/css-props.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG;IAChB,KAAK,EAAE,qKAAqK;IAC5K,MAAM,EAAE,6eAA6e;IACrf,GAAG,EAAE,0EAA0E;IAC/E,cAAc,EAAE,WAAW;IAC3B,MAAM,EAAE,wBAAwB;IAChC,IAAI,EAAE,wsFAAwsF;CAC9sF,CAAA;AAED,MAAM,cAAc,GAAG,oGAAoG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASvI,MAAM,QAAQ,GAA4B,EAAE,CAAC;AAE7C,KAAI,IAAI,OAAO,IAAI,QAAQ,EAAC;IAC3B,IAAI,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzC,KAAI,IAAI,CAAC,IAAI,KAAK,EAAC;QAClB,IAAI,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,QAAO,OAAO,EAAC;YACd,KAAK,QAAQ,CAAC,CAAC;gBACd,KAAI,IAAI,CAAC,IAAI,cAAc,EAAC;oBAC3B,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,GAAG;wBACxB,OAAO,EAAE,GAAG;wBACZ,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE;wBACxB,IAAI,EAAE,OAAO;wBACb,IAAI,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;qBACtC,CAAC;iBACF;gBACD,MAAM;aACN;YACD,OAAO,CAAC,CAAC;gBACR,MAAM;aACN;SACD;QAED,QAAQ,CAAC,GAAG,CAAC,GAAG;YACf,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE;YACxB,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,SAAS;SACf,CAAC;KACF;CACD;AAED,eAAe,QAAQ,CAAC"}

package/build_module/css/css.js

@@ -0,0 +1 @@
+//# sourceMappingURL=css.js.map

package/build_module/css/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/css/css.ts"],"names":[],"mappings":""}

package/build_module/css/format-css-type.d.ts

@@ -0,0 +1,4 @@
+export declare function formatCssLength(value: string | number | Array<string | number>, defaultUnits?: string): any;
+export declare function formatCssPercentage(value: string | number | Array<string | number>): any;
+export declare function formatCssColor(value: string | number): string;
+export declare function formatCssAngle(value: string | number | Array<string | number>): any;

package/build_module/css/format-css-type.js

@@ -0,0 +1,66 @@
+import { floatRegex } from "../helpers";
+export function formatCssLength(value, defaultUnits = "px") {
+    value = value || "0px";
+    if (value instanceof Array) {
+        return value.map(v => formatCssLength(v, defaultUnits)).join(" ");
+    }
+    if (!isNaN(value))
+        value = Math.round(value) + defaultUnits;
+    let tokens = value.trim().split(" ");
+    if (tokens.length > 1) {
+        return tokens.map(t => formatCssLength(t, defaultUnits)).join(" ");
+    }
+    else {
+        let length = Number(value.match(floatRegex)[0]);
+        let units = value.split(floatRegex)[1] || defaultUnits;
+        return `${length}${units}`;
+    }
+}
+export function formatCssPercentage(value) {
+    value = value || "0%";
+    if (value instanceof Array) {
+        return value.map(v => formatCssPercentage(v)).join(" ");
+    }
+    let tokens = value.trim().split(" ");
+    if (tokens.length > 1) {
+        return tokens.map(t => formatCssPercentage(t)).join(" ");
+    }
+    else {
+        return isNaN(value) ? value : `${value}%`;
+    }
+}
+export function formatCssColor(value) {
+    if (typeof value == "number") {
+        let r = 0;
+        let g = 0;
+        let b = 0;
+        let a = 1;
+        b = value & 0xFF;
+        value >>= 8;
+        g = value & 0xFF;
+        value >>= 8;
+        r = value & 0xFF;
+        return `rgb(${r} ${g} ${b})`;
+    }
+    else if (typeof value == "string") {
+        return value;
+    }
+}
+export function formatCssAngle(value) {
+    value = value || "0deg";
+    if (value instanceof Array) {
+        return value.map(v => formatCssAngle(v)).join(" ");
+    }
+    if (!isNaN(value))
+        value = `${Math.round(value)}deg`;
+    let tokens = value.trim().split(" ");
+    if (tokens.length > 1) {
+        return tokens.map(t => formatCssAngle(t)).join(" ");
+    }
+    else {
+        let angle = Number(value.match(floatRegex)[0]);
+        let units = value.split(floatRegex)[1] || "deg";
+        return `${angle}${units}`;
+    }
+}
+//# sourceMappingURL=format-css-type.js.map

package/build_module/css/format-css-type.js.map

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

package/build_module/decoration/component.d.ts

@@ -1,22 +1,10 @@
-import { IComponent } from "dothtml-interfaces";
-export declare function component(Base: new (...args: Array<any>) => IComponent): {
+import { FrameworkItems, IComponent } from "dothtml-interfaces";
+export declare function component(Base: new (...args: Array<any>) => IComponent, styles: []): {
     new (...args: any[]): {
-        _: {
-            root: any;
-            refs: any;
-            emit: any;
-            restyle: () => void;
-            _meta: {
-                isRendered: boolean;
-                tagName: string;
-                args: any[];
-                sharedStyles: CSSStyleSheet;
-            };
-        };
-        events?: string[];
-        build(...args: any[]): import("dothtml-interfaces").IDotGenericElement;
+        _: FrameworkItems;
+        build(): import("dothtml-interfaces").IDotDocument;
         style?(css: import("dothtml-interfaces").IDotCss): void;
-        creating?(...args: any[]): void;
+        creating?(): void;
         ready?(): void;
         deleting?(): void;
         deleted?(): void;

package/build_module/decoration/component.js

@@ -1,30 +1,42 @@
+import renderCss from "../helpers/render-css";
 let tagId = 0x10000;
 function restyle(c) {
-    if (c._.root) {
-        let root = c._.root;
+    if (c._._meta.shadowRoot && c._?._meta?.sharedStyles) {
+        c._._meta.shadowRoot.adoptedStyleSheets = c._._meta.sharedStyles;
     }
 }
-export function component(Base) {
+export function component(Base, styles) {
     let ts = (Math.floor(performance.now() * 10000000000000)).toString(16);
     let tId = (tagId++).toString(16);
     let tagName = `dothtml-${tId}${component["_addTimestamp"] ? `-${ts}` : ""}`;
-    let sharedStyles = new CSSStyleSheet();
+    let sharedStyles = null;
+    if (styles) {
+        sharedStyles = [];
+        for (let i = 0; i < styles.length; i++) {
+            sharedStyles.push(renderCss(styles[i]));
+        }
+    }
     return class extends Base {
         constructor(...args) {
-            super(...args);
-            this._ = {
-                root: null,
-                refs: null,
-                emit: null,
-                restyle: () => { restyle(this); },
-                _meta: {
-                    isRendered: false,
-                    tagName: tagName,
-                    args: null,
-                    sharedStyles: sharedStyles
-                }
-            };
+            super();
+            if (!this._) {
+                this._ = {};
+            }
+            this._.refs = {};
+            this._.props = args[0] || {};
+            this._.restyle = () => { restyle(this); };
+            this._._meta = this._._meta || {};
             this._._meta.args = args;
+            this._._meta.isRendered = false;
+            this._._meta.tagName = tagName;
+            if (sharedStyles) {
+                if (this._._meta.sharedStyles) {
+                    this._._meta.sharedStyles = [...this._._meta.sharedStyles, ...sharedStyles];
+                }
+                else {
+                    this._._meta.sharedStyles = sharedStyles;
+                }
+            }
         }
     };
 }

package/build_module/decoration/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/decoration/component.ts"],"names":[],"mappings":"AAEA,IAAI,KAAK,GAAG,OAAO,CAAC;AAEpB,SAAS,OAAO,CAAC,CAAC;IACjB,IAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAC;QACX,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAkB,CAAC;KAElC;AACF,CAAC;AAID,MAAM,UAAU,SAAS,CAAC,IAAyC;IAElE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrE,IAAI,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,IAAI,OAAO,GAAG,WAAW,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAC5E,IAAI,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC;IAGvC,OAAO,KAAM,SAAQ,IAAI;QAcxB,YAAY,GAAG,IAAW;YACzB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YAdhB,MAAC,GAAG;gBACH,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,GAAE,EAAE,GAAC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA,CAAC;gBAC5B,KAAK,EAAE;oBACN,UAAU,EAAE,KAAK;oBACjB,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAE,IAAkB;oBACxB,YAAY,EAAE,YAAY;iBAC1B;aACD,CAAC;YAKD,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QAC1B,CAAC;KACD,CAAA;AACF,CAAC;AAED,SAAS,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/decoration/component.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,IAAI,KAAK,GAAG,OAAO,CAAC;AAEpB,SAAS,OAAO,CAAC,CAAa;IAC7B,IAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAC;QACnD,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;KAGjE;AACF,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAyC,EAAE,MAAU;IAE9E,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrE,IAAI,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,IAAI,OAAO,GAAG,WAAW,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE5E,IAAI,YAAY,GAAG,IAAI,CAAC;IAExB,IAAG,MAAM,EAAC;QACT,YAAY,GAAG,EAAE,CAAC;QAClB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;YACrC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxC;KACD;IAoBD,OAAO,KAAM,SAAQ,IAAI;QAIxB,YAAY,GAAG,IAAW;YACzB,KAAK,EAAE,CAAC;YAER,IAAG,CAAC,IAAI,CAAC,CAAC,EAAC;gBACT,IAAI,CAAC,CAAS,GAAG,EAAE,CAAC;aACrB;YACA,IAAI,CAAC,CAAC,CAAC,IAAY,GAAG,EAAE,CAAC;YACzB,IAAI,CAAC,CAAC,CAAC,KAAa,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,CAAC,CAAC,OAAe,GAAG,GAAE,EAAE,GAAC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA,CAAC,CAAC;YAC7C,IAAI,CAAC,CAAC,CAAC,KAAa,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;YAC1C,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAY,GAAG,IAAI,CAAC;YACjC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,UAAkB,GAAG,KAAK,CAAC;YACxC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAe,GAAG,OAAO,CAAC;YAGxC,IAAG,YAAY,EAAC;gBACf,IAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAC;oBAC3B,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,YAAY,CAAC,CAAC;iBACrF;qBACG;oBACF,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAoB,GAAG,YAAY,CAAC;iBAClD;aACD;QAEF,CAAC;KACD,CAAA;AACF,CAAC;AAED,SAAS,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC"}

package/build_module/decoration/use-styles.d.ts

@@ -0,0 +1,13 @@
+import { FrameworkItems, IComponent } from "dothtml-interfaces";
+export declare function useStyles(styleCallback: any): (Base: new (...args: Array<any>) => IComponent) => {
+    new (...args: any[]): {
+        _: FrameworkItems;
+        build(): import("dothtml-interfaces").IDotDocument;
+        style?(css: import("dothtml-interfaces").IDotCss): void;
+        creating?(): void;
+        ready?(): void;
+        deleting?(): void;
+        deleted?(): void;
+        built?(): void;
+    };
+};

package/build_module/decoration/use-styles.js

@@ -0,0 +1,19 @@
+import renderCss from "../helpers/render-css";
+export function useStyles(styleCallback) {
+    let sharedStyles = renderCss(styleCallback);
+    return function (Base) {
+        return class extends Base {
+            constructor(...args) {
+                super(...args);
+                if (!this._) {
+                    this._ = { _meta: {} };
+                }
+                if (!this._._meta.sharedStyles) {
+                    this._._meta.sharedStyles = [];
+                }
+                this._._meta.sharedStyles.push(sharedStyles);
+            }
+        };
+    };
+}
+//# sourceMappingURL=use-styles.js.map

package/build_module/decoration/use-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-styles.js","sourceRoot":"","sources":["../../src/decoration/use-styles.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,MAAM,UAAU,SAAS,CAAC,aAAa;IAEtC,IAAI,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;IAE5C,OAAO,UAAS,IAAyC;QAGxD,OAAO,KAAM,SAAQ,IAAI;YAIxB,YAAY,GAAG,IAAW;gBACzB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;gBACf,IAAG,CAAC,IAAI,CAAC,CAAC,EAAC;oBACT,IAAI,CAAC,CAAS,GAAG,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;iBAC9B;gBACD,IAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAC;oBAC5B,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAoB,GAAG,EAAE,CAAC;iBACxC;gBACD,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC9C,CAAC;SACD,CAAA;IACF,CAAC,CAAA;AACF,CAAC"}