dothtml 6.0.0-beta.16 → 6.0.0-beta.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build_module/constants.d.ts +1 -0
- package/build_module/constants.js +2 -0
- package/build_module/constants.js.map +1 -0
- package/build_module/css/css-props.d.ts +7 -0
- package/build_module/css/css-props.js +22 -0
- package/build_module/css/css-props.js.map +1 -0
- package/build_module/css/css.d.ts +0 -0
- package/build_module/css/css.js +1 -0
- package/build_module/css/css.js.map +1 -0
- package/build_module/css/format-css-type.d.ts +4 -0
- package/build_module/css/format-css-type.js +38 -0
- package/build_module/css/format-css-type.js.map +1 -0
- package/build_module/decoration/component.d.ts +13 -0
- package/build_module/decoration/component.js +44 -0
- package/build_module/decoration/component.js.map +1 -0
- package/build_module/decoration/use-styles.d.ts +13 -0
- package/build_module/decoration/use-styles.js +19 -0
- package/build_module/decoration/use-styles.js.map +1 -0
- package/build_module/dot.d.ts +3 -0
- package/build_module/dot.js +377 -0
- package/build_module/dot.js.map +1 -0
- package/build_module/helpers/render-css.d.ts +2 -0
- package/build_module/helpers/render-css.js +19 -0
- package/build_module/helpers/render-css.js.map +1 -0
- package/build_module/helpers.d.ts +3 -0
- package/build_module/helpers.js +50 -0
- package/build_module/helpers.js.map +1 -0
- package/build_module/index.d.ts +7 -0
- package/build_module/index.js +5 -0
- package/build_module/index.js.map +1 -0
- package/build_module/reactive.d.ts +46 -0
- package/build_module/reactive.js +150 -0
- package/build_module/reactive.js.map +1 -0
- package/build_module/v-dom-node.d.ts +0 -0
- package/build_module/v-dom-node.js +1 -0
- package/build_module/v-dom-node.js.map +1 -0
- package/build_module/v-meta-nodes/attribute-v-node.d.ts +12 -0
- package/build_module/v-meta-nodes/attribute-v-node.js +48 -0
- package/build_module/v-meta-nodes/attribute-v-node.js.map +1 -0
- package/build_module/v-meta-nodes/style-v-node.d.ts +16 -0
- package/build_module/v-meta-nodes/style-v-node.js +86 -0
- package/build_module/v-meta-nodes/style-v-node.js.map +1 -0
- package/build_module/v-meta-nodes/v-meta-node.d.ts +5 -0
- package/build_module/v-meta-nodes/v-meta-node.js +3 -0
- package/build_module/v-meta-nodes/v-meta-node.js.map +1 -0
- package/build_module/v-style-nodes/base-v-style.d.ts +14 -0
- package/build_module/v-style-nodes/base-v-style.js +116 -0
- package/build_module/v-style-nodes/base-v-style.js.map +1 -0
- package/build_module/v-style-nodes/css-function-builder-v-style.d.ts +20 -0
- package/build_module/v-style-nodes/css-function-builder-v-style.js +71 -0
- package/build_module/v-style-nodes/css-function-builder-v-style.js.map +1 -0
- package/build_module/v-style-nodes/filter-v-style.d.ts +13 -0
- package/build_module/v-style-nodes/filter-v-style.js +35 -0
- package/build_module/v-style-nodes/filter-v-style.js.map +1 -0
- package/build_module/v-style-nodes/transform-v-style.d.ts +28 -0
- package/build_module/v-style-nodes/transform-v-style.js +76 -0
- package/build_module/v-style-nodes/transform-v-style.js.map +1 -0
- package/build_module/v-style-nodes/v-style.d.ts +6 -0
- package/build_module/v-style-nodes/v-style.js +6 -0
- package/build_module/v-style-nodes/v-style.js.map +1 -0
- package/build_module/vdom-nodes/collection-vdom.d.ts +24 -0
- package/build_module/vdom-nodes/collection-vdom.js +154 -0
- package/build_module/vdom-nodes/collection-vdom.js.map +1 -0
- package/build_module/vdom-nodes/component-vdom.d.ts +14 -0
- package/build_module/vdom-nodes/component-vdom.js +61 -0
- package/build_module/vdom-nodes/component-vdom.js.map +1 -0
- package/build_module/vdom-nodes/conditional-vdom.d.ts +14 -0
- package/build_module/vdom-nodes/conditional-vdom.js +97 -0
- package/build_module/vdom-nodes/conditional-vdom.js.map +1 -0
- package/build_module/vdom-nodes/container-vdom.d.ts +25 -0
- package/build_module/vdom-nodes/container-vdom.js +97 -0
- package/build_module/vdom-nodes/container-vdom.js.map +1 -0
- package/build_module/vdom-nodes/element-vdom.d.ts +21 -0
- package/build_module/vdom-nodes/element-vdom.js +127 -0
- package/build_module/vdom-nodes/element-vdom.js.map +1 -0
- package/build_module/vdom-nodes/html-vdom.d.ts +13 -0
- package/build_module/vdom-nodes/html-vdom.js +53 -0
- package/build_module/vdom-nodes/html-vdom.js.map +1 -0
- package/build_module/vdom-nodes/text-vdom.d.ts +11 -0
- package/build_module/vdom-nodes/text-vdom.js +37 -0
- package/build_module/vdom-nodes/text-vdom.js.map +1 -0
- package/build_module/vdom-nodes/vdom.d.ts +7 -0
- package/build_module/vdom-nodes/vdom.js +28 -0
- package/build_module/vdom-nodes/vdom.js.map +1 -0
- package/package.json +4 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DOT_VDOM_PROP_NAME = "_dotVDom";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const allProps = {
|
|
2
|
+
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",
|
|
3
|
+
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",
|
|
4
|
+
url: "background-Image|border-Image|list-Style-Image|content|image-Orientation",
|
|
5
|
+
transformation: "transform",
|
|
6
|
+
filter: "filter|backdrop-Filter",
|
|
7
|
+
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"
|
|
8
|
+
};
|
|
9
|
+
const cssProps = {};
|
|
10
|
+
for (let cssType in allProps) {
|
|
11
|
+
let props = allProps[cssType].split("|");
|
|
12
|
+
for (let p of props) {
|
|
13
|
+
let key = p.split("-").join("");
|
|
14
|
+
cssProps[key] = {
|
|
15
|
+
dotName: key,
|
|
16
|
+
cssName: p.toLowerCase(),
|
|
17
|
+
type: cssType
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export default cssProps;
|
|
22
|
+
//# sourceMappingURL=css-props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;AAQD,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,QAAQ,CAAC,GAAG,CAAC,GAAG;YACf,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE;YACxB,IAAI,EAAE,OAAO;SACb,CAAC;KACF;CACD;AAED,eAAe,QAAQ,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/css/css.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function formatCssLength(value: string | number): string;
|
|
2
|
+
export declare function formatCssPercentage(value: string | number): string | number;
|
|
3
|
+
export declare function formatCssColor(value: string | number): string;
|
|
4
|
+
export declare function formatCssAngle(value: string | number): string;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { floatRegex } from "../helpers";
|
|
2
|
+
export function formatCssLength(value) {
|
|
3
|
+
value = value || "0px";
|
|
4
|
+
if (!isNaN(value))
|
|
5
|
+
value = Math.round(value) + "px";
|
|
6
|
+
let length = Number(value.match(floatRegex)[0]);
|
|
7
|
+
let units = value.split(floatRegex)[1] || "px";
|
|
8
|
+
return `${length}${units}`;
|
|
9
|
+
}
|
|
10
|
+
export function formatCssPercentage(value) {
|
|
11
|
+
return isNaN(value) ? value : `${value}%`;
|
|
12
|
+
}
|
|
13
|
+
export function formatCssColor(value) {
|
|
14
|
+
if (typeof value == "number") {
|
|
15
|
+
let r = 0;
|
|
16
|
+
let g = 0;
|
|
17
|
+
let b = 0;
|
|
18
|
+
let a = 1;
|
|
19
|
+
b = value & 0xFF;
|
|
20
|
+
value >>= 8;
|
|
21
|
+
g = value & 0xFF;
|
|
22
|
+
value >>= 8;
|
|
23
|
+
r = value & 0xFF;
|
|
24
|
+
return `rgb(${r} ${g} ${b})`;
|
|
25
|
+
}
|
|
26
|
+
else if (typeof value == "string") {
|
|
27
|
+
return value;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
export function formatCssAngle(value) {
|
|
31
|
+
value = value || "0deg";
|
|
32
|
+
if (!isNaN(value))
|
|
33
|
+
value = `${Math.round(value)}deg`;
|
|
34
|
+
let angle = Number(value.match(floatRegex)[0]);
|
|
35
|
+
let units = value.split(floatRegex)[1] || "deg";
|
|
36
|
+
return `${angle}${units}`;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=format-css-type.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-css-type.js","sourceRoot":"","sources":["../../src/css/format-css-type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC,MAAM,UAAU,eAAe,CAAC,KAAmB;IAClD,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC;IACvB,IAAG,CAAC,KAAK,CAAC,KAAe,CAAC;QAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAe,CAAC,GAAG,IAAI,CAAC;IACvE,IAAI,MAAM,GAAG,MAAM,CAAE,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,IAAI,KAAK,GAAI,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAE3D,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAoB;IACvD,OAAO,KAAK,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAoB;IAOlD,IAAG,OAAO,KAAK,IAAI,QAAQ,EAAE;QAE5B,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QAEV,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QACjB,KAAK,KAAK,CAAC,CAAC;QACZ,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QACjB,KAAK,KAAK,CAAC,CAAC;QACZ,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QAEjB,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;KAC7B;SACI,IAAG,OAAO,KAAK,IAAI,QAAQ,EAAE;QACjC,OAAO,KAAK,CAAC;KACb;AACF,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAoB;IAClD,KAAK,GAAG,KAAK,IAAI,MAAM,CAAC;IACxB,IAAG,CAAC,KAAK,CAAC,KAAe,CAAC;QAAE,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAe,CAAC,KAAK,CAAC;IACxE,IAAI,KAAK,GAAG,MAAM,CAAE,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,IAAI,KAAK,GAAI,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;IAE5D,OAAO,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;AAC3B,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FrameworkItems, IComponent } from "dothtml-interfaces";
|
|
2
|
+
export declare function component(Base: new (...args: Array<any>) => IComponent, styles: []): {
|
|
3
|
+
new (...args: any[]): {
|
|
4
|
+
_: FrameworkItems;
|
|
5
|
+
build(): import("dothtml-interfaces").IDotDocument;
|
|
6
|
+
style?(css: import("dothtml-interfaces").IDotCss): void;
|
|
7
|
+
creating?(): void;
|
|
8
|
+
ready?(): void;
|
|
9
|
+
deleting?(): void;
|
|
10
|
+
deleted?(): void;
|
|
11
|
+
built?(): void;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import renderCss from "../helpers/render-css";
|
|
2
|
+
let tagId = 0x10000;
|
|
3
|
+
function restyle(c) {
|
|
4
|
+
if (c._._meta.shadowRoot && c._?._meta?.sharedStyles) {
|
|
5
|
+
c._._meta.shadowRoot.adoptedStyleSheets = c._._meta.sharedStyles;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export function component(Base, styles) {
|
|
9
|
+
let ts = (Math.floor(performance.now() * 10000000000000)).toString(16);
|
|
10
|
+
let tId = (tagId++).toString(16);
|
|
11
|
+
let tagName = `dothtml-${tId}${component["_addTimestamp"] ? `-${ts}` : ""}`;
|
|
12
|
+
let sharedStyles = null;
|
|
13
|
+
if (styles) {
|
|
14
|
+
sharedStyles = [];
|
|
15
|
+
for (let i = 0; i < styles.length; i++) {
|
|
16
|
+
sharedStyles.push(renderCss(styles[i]));
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return class extends Base {
|
|
20
|
+
constructor(...args) {
|
|
21
|
+
super();
|
|
22
|
+
if (!this._) {
|
|
23
|
+
this._ = {};
|
|
24
|
+
}
|
|
25
|
+
this._.refs = {};
|
|
26
|
+
this._.props = args[0] || {};
|
|
27
|
+
this._.restyle = () => { restyle(this); };
|
|
28
|
+
this._._meta = this._._meta || {};
|
|
29
|
+
this._._meta.args = args;
|
|
30
|
+
this._._meta.isRendered = false;
|
|
31
|
+
this._._meta.tagName = tagName;
|
|
32
|
+
if (sharedStyles) {
|
|
33
|
+
if (this._._meta.sharedStyles) {
|
|
34
|
+
this._._meta.sharedStyles = [...this._._meta.sharedStyles, ...sharedStyles];
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
this._._meta.sharedStyles = sharedStyles;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
component["_addTimestamp"] = true;
|
|
44
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FrameworkItems, IComponent } from "dothtml-interfaces";
|
|
2
|
+
export declare function useStyles(styleCallback: any): (Base: new (...args: Array<any>) => IComponent) => {
|
|
3
|
+
new (...args: any[]): {
|
|
4
|
+
_: FrameworkItems;
|
|
5
|
+
build(): import("dothtml-interfaces").IDotDocument;
|
|
6
|
+
style?(css: import("dothtml-interfaces").IDotCss): void;
|
|
7
|
+
creating?(): void;
|
|
8
|
+
ready?(): void;
|
|
9
|
+
deleting?(): void;
|
|
10
|
+
deleted?(): void;
|
|
11
|
+
built?(): void;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import renderCss from "../helpers/render-css";
|
|
2
|
+
export function useStyles(styleCallback) {
|
|
3
|
+
let sharedStyles = renderCss(styleCallback);
|
|
4
|
+
return function (Base) {
|
|
5
|
+
return class extends Base {
|
|
6
|
+
constructor(...args) {
|
|
7
|
+
super(...args);
|
|
8
|
+
if (!this._) {
|
|
9
|
+
this._ = { _meta: {} };
|
|
10
|
+
}
|
|
11
|
+
if (!this._._meta.sharedStyles) {
|
|
12
|
+
this._._meta.sharedStyles = [];
|
|
13
|
+
}
|
|
14
|
+
this._._meta.sharedStyles.push(sharedStyles);
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=use-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,377 @@
|
|
|
1
|
+
import { ContainerVdom } from "./vdom-nodes/container-vdom";
|
|
2
|
+
import { TextVdom } from "./vdom-nodes/text-vdom";
|
|
3
|
+
import ElementVdom from "./vdom-nodes/element-vdom";
|
|
4
|
+
import { Vdom } from "./vdom-nodes/vdom";
|
|
5
|
+
import { DOT_VDOM_PROP_NAME } from "./constants";
|
|
6
|
+
import Reactive from "./reactive";
|
|
7
|
+
import { component } from "./decoration/component";
|
|
8
|
+
import { ComponentVdom } from "./vdom-nodes/component-vdom";
|
|
9
|
+
import { useStyles } from "./decoration/use-styles";
|
|
10
|
+
import BaseVStyle from "./v-style-nodes/base-v-style";
|
|
11
|
+
const allTags = [
|
|
12
|
+
"a",
|
|
13
|
+
"aside",
|
|
14
|
+
"abbr",
|
|
15
|
+
"address",
|
|
16
|
+
"area",
|
|
17
|
+
"article",
|
|
18
|
+
"audio",
|
|
19
|
+
"b",
|
|
20
|
+
"bdi",
|
|
21
|
+
"bdo",
|
|
22
|
+
"blockQuote",
|
|
23
|
+
"body",
|
|
24
|
+
"br",
|
|
25
|
+
"button",
|
|
26
|
+
"canvas",
|
|
27
|
+
"caption",
|
|
28
|
+
"cite",
|
|
29
|
+
"code",
|
|
30
|
+
"col",
|
|
31
|
+
"colGroup",
|
|
32
|
+
"content",
|
|
33
|
+
"data",
|
|
34
|
+
"dataList",
|
|
35
|
+
"dd",
|
|
36
|
+
"del",
|
|
37
|
+
"details",
|
|
38
|
+
"dfn",
|
|
39
|
+
"dialog",
|
|
40
|
+
"div",
|
|
41
|
+
"dl",
|
|
42
|
+
"dt",
|
|
43
|
+
"em",
|
|
44
|
+
"embed",
|
|
45
|
+
"fieldSet",
|
|
46
|
+
"figCaption",
|
|
47
|
+
"figure",
|
|
48
|
+
"footer",
|
|
49
|
+
"form",
|
|
50
|
+
"h1",
|
|
51
|
+
"h2",
|
|
52
|
+
"h3",
|
|
53
|
+
"h4",
|
|
54
|
+
"h5",
|
|
55
|
+
"h6",
|
|
56
|
+
"header",
|
|
57
|
+
"hr",
|
|
58
|
+
"i",
|
|
59
|
+
"iFrame",
|
|
60
|
+
"img",
|
|
61
|
+
"input",
|
|
62
|
+
"ins",
|
|
63
|
+
"kbd",
|
|
64
|
+
"keyGen",
|
|
65
|
+
"label",
|
|
66
|
+
"legend",
|
|
67
|
+
"li",
|
|
68
|
+
"main",
|
|
69
|
+
"map",
|
|
70
|
+
"mark",
|
|
71
|
+
"menu",
|
|
72
|
+
"menuItem",
|
|
73
|
+
"meter",
|
|
74
|
+
"nav",
|
|
75
|
+
"object",
|
|
76
|
+
"ol",
|
|
77
|
+
"optGroup",
|
|
78
|
+
"option",
|
|
79
|
+
"output",
|
|
80
|
+
"p",
|
|
81
|
+
"param",
|
|
82
|
+
"pre",
|
|
83
|
+
"progress",
|
|
84
|
+
"q",
|
|
85
|
+
"rp",
|
|
86
|
+
"rt",
|
|
87
|
+
"ruby",
|
|
88
|
+
"s",
|
|
89
|
+
"samp",
|
|
90
|
+
"section",
|
|
91
|
+
"select",
|
|
92
|
+
"small",
|
|
93
|
+
"source",
|
|
94
|
+
"span",
|
|
95
|
+
"strong",
|
|
96
|
+
"svg",
|
|
97
|
+
"sub",
|
|
98
|
+
"summary",
|
|
99
|
+
"sup",
|
|
100
|
+
"table",
|
|
101
|
+
"tBody",
|
|
102
|
+
"td",
|
|
103
|
+
"textArea",
|
|
104
|
+
"tFoot",
|
|
105
|
+
"th",
|
|
106
|
+
"tHead",
|
|
107
|
+
"time",
|
|
108
|
+
"tr",
|
|
109
|
+
"track",
|
|
110
|
+
"u",
|
|
111
|
+
"ul",
|
|
112
|
+
"var",
|
|
113
|
+
"video",
|
|
114
|
+
"wbr"
|
|
115
|
+
];
|
|
116
|
+
const specialAttributes = [
|
|
117
|
+
["quoteCite", "cite"],
|
|
118
|
+
["objectData", "data"],
|
|
119
|
+
["whichForm", "form"],
|
|
120
|
+
["trackLabel", "label"],
|
|
121
|
+
["colSpan", "span"],
|
|
122
|
+
["tableSummary", "summary"],
|
|
123
|
+
["optionLabel", "label"],
|
|
124
|
+
["acceptCharset", "accept-charset"],
|
|
125
|
+
["areaHidden", "area-hidden"],
|
|
126
|
+
["areaLabel", "area-label"],
|
|
127
|
+
["areaDescribedBy", "area-describedby"],
|
|
128
|
+
["areaControls", "area-controls"],
|
|
129
|
+
["areaExpanded", "area-expanded"],
|
|
130
|
+
["areaChecked", "area-checked"],
|
|
131
|
+
["areaSelected", "area-selected"],
|
|
132
|
+
];
|
|
133
|
+
const allCoreWrappers = ["each", "html", "mount", "text", "md", "when"];
|
|
134
|
+
const allEventAttr = {
|
|
135
|
+
onAbort: 1,
|
|
136
|
+
onBlur: 1,
|
|
137
|
+
onChange: 1,
|
|
138
|
+
onInput: 1,
|
|
139
|
+
onCanPlay: 1,
|
|
140
|
+
onCantPlayThrough: 1,
|
|
141
|
+
onClick: 1,
|
|
142
|
+
onCopy: 1,
|
|
143
|
+
onContextMenu: 1,
|
|
144
|
+
onCueChange: 1,
|
|
145
|
+
onCut: 1,
|
|
146
|
+
onDblClick: 1,
|
|
147
|
+
onDrag: 1,
|
|
148
|
+
onDragEnd: 1,
|
|
149
|
+
onDragEnter: 1,
|
|
150
|
+
onDragLeave: 1,
|
|
151
|
+
onDragOver: 1,
|
|
152
|
+
onDragStart: 1,
|
|
153
|
+
onDrop: 1,
|
|
154
|
+
onDurationChange: 1,
|
|
155
|
+
onEmptied: 1,
|
|
156
|
+
onEnded: 1,
|
|
157
|
+
onError: 1,
|
|
158
|
+
onFocus: 1,
|
|
159
|
+
onHashChange: 1,
|
|
160
|
+
onInvalid: 1,
|
|
161
|
+
onKeyDown: 1,
|
|
162
|
+
onKeyPress: 1,
|
|
163
|
+
onKeyUp: 1,
|
|
164
|
+
onLoad: 1,
|
|
165
|
+
onLoadedData: 1,
|
|
166
|
+
onLoadedMetadata: 1,
|
|
167
|
+
onLoadStart: 1,
|
|
168
|
+
onMouseDown: 1,
|
|
169
|
+
onMouseEnter: 1,
|
|
170
|
+
onMouseLeave: 1,
|
|
171
|
+
onMouseMove: 1,
|
|
172
|
+
onMouseOut: 1,
|
|
173
|
+
onMouseOver: 1,
|
|
174
|
+
onMouseUp: 1,
|
|
175
|
+
onPointerCancel: 1,
|
|
176
|
+
onPointerDown: 1,
|
|
177
|
+
onPointerEnter: 1,
|
|
178
|
+
onPointerLeave: 1,
|
|
179
|
+
onPointerMove: 1,
|
|
180
|
+
onPointerOut: 1,
|
|
181
|
+
onPointerOver: 1,
|
|
182
|
+
onPointerUp: 1,
|
|
183
|
+
onTouchStart: 1,
|
|
184
|
+
onTouchEnd: 1,
|
|
185
|
+
onTouchCancel: 1,
|
|
186
|
+
onTouchMove: 1,
|
|
187
|
+
onMouseWheel: 1,
|
|
188
|
+
onOffline: 1,
|
|
189
|
+
onOnline: 1,
|
|
190
|
+
onPageHide: 1,
|
|
191
|
+
onPagePaste: 1,
|
|
192
|
+
onPageShow: 1,
|
|
193
|
+
onPause: 1,
|
|
194
|
+
onPlay: 1,
|
|
195
|
+
onPlaying: 1,
|
|
196
|
+
onPopState: 1,
|
|
197
|
+
onProgress: 1,
|
|
198
|
+
onRateChange: 1,
|
|
199
|
+
onReset: 1,
|
|
200
|
+
onResize: 1,
|
|
201
|
+
onScroll: 1,
|
|
202
|
+
onSearch: 1,
|
|
203
|
+
onSeeked: 1,
|
|
204
|
+
onSeeking: 1,
|
|
205
|
+
onSelect: 1,
|
|
206
|
+
onStalled: 1,
|
|
207
|
+
onStorage: 1,
|
|
208
|
+
onSubmit: 1,
|
|
209
|
+
onSuspend: 1,
|
|
210
|
+
onTimeUpdate: 1,
|
|
211
|
+
onToggle: 1,
|
|
212
|
+
onUnload: 1,
|
|
213
|
+
onVolumeChange: 1,
|
|
214
|
+
onWaiting: 1,
|
|
215
|
+
onWheel: 1,
|
|
216
|
+
};
|
|
217
|
+
const makeCoreWrapper = (d, fn) => {
|
|
218
|
+
d[fn] = function () {
|
|
219
|
+
let n = new ContainerVdom();
|
|
220
|
+
n[fn](...arguments);
|
|
221
|
+
return n;
|
|
222
|
+
};
|
|
223
|
+
};
|
|
224
|
+
const makeDot = () => {
|
|
225
|
+
const _dot = function (targetSelector, targetWindow = window) {
|
|
226
|
+
if (targetSelector?.ownerDocument?.defaultView) {
|
|
227
|
+
let el = targetSelector;
|
|
228
|
+
let node = el[DOT_VDOM_PROP_NAME];
|
|
229
|
+
if (node) {
|
|
230
|
+
return node.children;
|
|
231
|
+
}
|
|
232
|
+
else {
|
|
233
|
+
node = new ElementVdom(el.tagName.toLocaleLowerCase());
|
|
234
|
+
node.element = el;
|
|
235
|
+
node.children._parent = node;
|
|
236
|
+
el[DOT_VDOM_PROP_NAME] = node;
|
|
237
|
+
return node.children;
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
else if (typeof targetSelector == "string") {
|
|
241
|
+
return _dot(targetWindow.document.querySelectorAll(targetSelector)[0]);
|
|
242
|
+
}
|
|
243
|
+
else {
|
|
244
|
+
throw new Error("Invalid render target.");
|
|
245
|
+
}
|
|
246
|
+
};
|
|
247
|
+
_dot.watch = function (value, options) {
|
|
248
|
+
let o = new Reactive();
|
|
249
|
+
o.key = options?.key;
|
|
250
|
+
o.transform = options?.transform;
|
|
251
|
+
o.setValue(value);
|
|
252
|
+
return o;
|
|
253
|
+
};
|
|
254
|
+
_dot.css = new BaseVStyle();
|
|
255
|
+
_dot.css._isBase = true;
|
|
256
|
+
_dot.component = component;
|
|
257
|
+
_dot.component["useStyles"] = useStyles;
|
|
258
|
+
_dot.useStyles = (applyToDocument, styles) => {
|
|
259
|
+
if (applyToDocument && !styles) {
|
|
260
|
+
if (typeof applyToDocument == "string" || (applyToDocument["call"] && applyToDocument["apply"])) {
|
|
261
|
+
styles = applyToDocument;
|
|
262
|
+
applyToDocument = document;
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
let cssStringContent = "";
|
|
266
|
+
if (typeof styles == "string") {
|
|
267
|
+
cssStringContent = styles;
|
|
268
|
+
}
|
|
269
|
+
else {
|
|
270
|
+
let content = styles(dot.css);
|
|
271
|
+
if (typeof content == "string") {
|
|
272
|
+
cssStringContent = content;
|
|
273
|
+
}
|
|
274
|
+
else {
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
const styleSheet = applyToDocument.createElement("style");
|
|
278
|
+
styleSheet.type = "text/css";
|
|
279
|
+
styleSheet.textContent = cssStringContent;
|
|
280
|
+
applyToDocument.head.appendChild(styleSheet);
|
|
281
|
+
};
|
|
282
|
+
{
|
|
283
|
+
for (let i = 0; i < allTags.length; i++) {
|
|
284
|
+
let E = allTags[i];
|
|
285
|
+
ContainerVdom.prototype[E] = function (a, b) {
|
|
286
|
+
let n = new ElementVdom(E);
|
|
287
|
+
let cont;
|
|
288
|
+
let attrs;
|
|
289
|
+
{
|
|
290
|
+
if (a instanceof ContainerVdom || a instanceof Vdom || (a?._?._meta && a?.build) || a instanceof Reactive || typeof a === "string" || typeof a === "number" || typeof a === "boolean" || Array.isArray(a)) {
|
|
291
|
+
cont = a;
|
|
292
|
+
attrs = b;
|
|
293
|
+
}
|
|
294
|
+
if (b instanceof ContainerVdom || b instanceof Vdom || (b?._?._meta && b?.build) || b instanceof Reactive || typeof b === "string" || typeof b === "number" || typeof b === "boolean" || Array.isArray(b)) {
|
|
295
|
+
if (cont)
|
|
296
|
+
throw new Error("Both element arguments can't be content.");
|
|
297
|
+
cont = b;
|
|
298
|
+
attrs = a;
|
|
299
|
+
}
|
|
300
|
+
if (!cont && (a || b)) {
|
|
301
|
+
attrs = (a || b);
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
{
|
|
305
|
+
if (attrs) {
|
|
306
|
+
for (let k in attrs) {
|
|
307
|
+
if (allEventAttr[k]) {
|
|
308
|
+
if (typeof attrs[k] !== "function") {
|
|
309
|
+
throw new Error(`Value of event attribute ${k} must be a function.`);
|
|
310
|
+
}
|
|
311
|
+
n.addEventListener(k.substring(2), attrs[k]);
|
|
312
|
+
}
|
|
313
|
+
else {
|
|
314
|
+
n.setAttr(k, attrs[k]);
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
{
|
|
320
|
+
if (cont instanceof ContainerVdom) {
|
|
321
|
+
n.children = cont;
|
|
322
|
+
}
|
|
323
|
+
else if (cont instanceof Vdom) {
|
|
324
|
+
n.children._addChild(cont);
|
|
325
|
+
}
|
|
326
|
+
else if (cont?._?._meta && cont?.build) {
|
|
327
|
+
n.children._addChild(new ComponentVdom(cont));
|
|
328
|
+
}
|
|
329
|
+
else {
|
|
330
|
+
if (cont !== null && cont !== undefined) {
|
|
331
|
+
n.children._addChild(new TextVdom(cont));
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
return this._addChild(n);
|
|
336
|
+
};
|
|
337
|
+
makeCoreWrapper(_dot, E);
|
|
338
|
+
}
|
|
339
|
+
}
|
|
340
|
+
{
|
|
341
|
+
for (let i = 0; i < specialAttributes.length; i++) {
|
|
342
|
+
let A = specialAttributes[i];
|
|
343
|
+
ContainerVdom.prototype[A[0]] = function (c) {
|
|
344
|
+
throw new Error(`Invalid attempt to set ${A[0]} attribute.`);
|
|
345
|
+
return this;
|
|
346
|
+
};
|
|
347
|
+
}
|
|
348
|
+
ContainerVdom.prototype["value"] = function (c) {
|
|
349
|
+
throw new Error("Setting value like this is now deprecated. Use the `value` attribute instead.");
|
|
350
|
+
let C = this._children[this._children.length - 1];
|
|
351
|
+
if (C && C instanceof ElementVdom) {
|
|
352
|
+
switch (C.tag) {
|
|
353
|
+
case "input": {
|
|
354
|
+
C.setAttr("value", c);
|
|
355
|
+
break;
|
|
356
|
+
}
|
|
357
|
+
default: {
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
else {
|
|
362
|
+
throw new Error(`Invalid node to set value attribute.`);
|
|
363
|
+
}
|
|
364
|
+
return this;
|
|
365
|
+
};
|
|
366
|
+
}
|
|
367
|
+
{
|
|
368
|
+
for (let i = 0; i < allCoreWrappers.length; i++) {
|
|
369
|
+
let W = allCoreWrappers[i];
|
|
370
|
+
makeCoreWrapper(_dot, W);
|
|
371
|
+
}
|
|
372
|
+
}
|
|
373
|
+
return _dot;
|
|
374
|
+
};
|
|
375
|
+
const dot = makeDot();
|
|
376
|
+
export default dot;
|
|
377
|
+
//# sourceMappingURL=dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dot.js","sourceRoot":"","sources":["../src/dot.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default function renderCss(styleCallback) {
|
|
2
|
+
let sharedStyles = new CSSStyleSheet();
|
|
3
|
+
if (typeof styleCallback == "string") {
|
|
4
|
+
sharedStyles.replaceSync(styleCallback);
|
|
5
|
+
}
|
|
6
|
+
else {
|
|
7
|
+
let finalStylesheet = "";
|
|
8
|
+
let css = null;
|
|
9
|
+
let styles = styleCallback(css);
|
|
10
|
+
if (typeof styles == "string") {
|
|
11
|
+
finalStylesheet = styles;
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
}
|
|
15
|
+
sharedStyles.replaceSync(finalStylesheet);
|
|
16
|
+
}
|
|
17
|
+
return sharedStyles;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=render-css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render-css.js","sourceRoot":"","sources":["../../src/helpers/render-css.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,aAAoD;IACrF,IAAI,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC;IAEvC,IAAI,OAAO,aAAa,IAAI,QAAQ,EAAE;QACrC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;KACxC;SACI;QACJ,IAAI,eAAe,GAAG,EAAE,CAAC;QACzB,IAAI,GAAG,GAAG,IAAI,CAAC;QACf,IAAI,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;QAEhC,IAAI,OAAO,MAAM,IAAI,QAAQ,EAAE;YAE9B,eAAe,GAAG,MAAM,CAAC;SACzB;aACI;SAGJ;QAED,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;KAC1C;IACD,OAAO,YAAY,CAAC;AACrB,CAAC"}
|