@tamagui/react-native-web-internals 1.135.4-1761748186554 → 1.135.4

package/dist/esm/StyleSheet/__tests__/compiler-test.native.js

@@ -0,0 +1,408 @@
+import { atomic, classic, inline } from "../compiler";
+describe("StyleSheet/compile", function () {
+  describe("atomic", function () {
+    test("converts style to atomic CSS", function () {
+      var result = atomic({
+        animationDirection: ["alternate", "alternate-reverse"],
+        animationKeyframes: [{
+          "0%": {
+            top: 0
+          },
+          "50%": {
+            top: 5
+          },
+          "100%": {
+            top: 10
+          }
+        }, {
+          from: {
+            left: 0
+          },
+          to: {
+            left: 10
+          }
+        }],
+        fontFamily: "System",
+        marginHorizontal: 10,
+        marginStart: 1,
+        marginEnd: 2,
+        placeholderTextColor: "gray",
+        scrollbarWidth: "none",
+        pointerEvents: "box-only",
+        start: "12.34%",
+        textAlign: "start",
+        transform: [{
+          translateX: 50,
+          scale: -1
+        }]
+      });
+      expect(result).toMatchInlineSnapshot(`
+        [
+          {
+            "$$css": true,
+            "$$css$localize": true,
+            "animationDirection": "r-animationDirection-1kmv48j",
+            "animationKeyframes": "r-animationKeyframes-zacbmr",
+            "fontFamily": "r-fontFamily-1qd0xha",
+            "marginEnd": [
+              "r-marginRight-a5pmau",
+              "r-marginLeft-9cviqr",
+            ],
+            "marginHorizontal": "r-marginHorizontal-vlx1xi",
+            "marginStart": [
+              "r-marginLeft-13kc5u0",
+              "r-marginRight-1knfw1x",
+            ],
+            "placeholderTextColor": "r-placeholderTextColor-1418aci",
+            "pointerEvents": "r-pointerEvents-ah5dr5",
+            "scrollbarWidth": "r-scrollbarWidth-2eszeu",
+            "start": [
+              "r-left-2s0hu9",
+              "r-right-1bnbe1j",
+            ],
+            "textAlign": [
+              "r-textAlign-fdjqy7",
+              "r-textAlign-1ff274t",
+            ],
+            "transform": "r-transform-1ehiua4",
+          },
+          [
+            [
+              [
+                ".r-animationDirection-1kmv48j{animation-direction:alternate,alternate-reverse;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-animationKeyframes-zacbmr{animation-name:r-animation-8jhqzh,r-animation-5azpl5;}",
+                "@-webkit-keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@-webkit-keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+                "@keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-fontFamily-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginRight-a5pmau{margin-right:2px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginLeft-9cviqr{margin-left:2px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginHorizontal-vlx1xi{margin-left:10px;margin-right:10px;}",
+              ],
+              2.1,
+            ],
+            [
+              [
+                ".r-marginLeft-13kc5u0{margin-left:1px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginRight-1knfw1x{margin-right:1px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-placeholderTextColor-1418aci::-webkit-input-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+                ".r-placeholderTextColor-1418aci::-moz-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+                ".r-placeholderTextColor-1418aci:-ms-input-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+                ".r-placeholderTextColor-1418aci::placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-pointerEvents-ah5dr5>*{pointer-events:none;}",
+                ".r-pointerEvents-ah5dr5{pointer-events:auto!important;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}",
+                ".r-scrollbarWidth-2eszeu{scrollbar-width:none;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-left-2s0hu9{left:12.34%;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-right-1bnbe1j{right:12.34%;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-textAlign-fdjqy7{text-align:left;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-textAlign-1ff274t{text-align:right;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-transform-1ehiua4{transform:translateX(50px);}",
+              ],
+              2.2,
+            ],
+          ],
+        ]
+      `);
+    });
+  }), describe("classic", function () {
+    test("converts style to classic CSS", function () {
+      var result = classic({
+        animationDirection: ["alternate", "alternate-reverse"],
+        animationKeyframes: [{
+          "0%": {
+            top: 0
+          },
+          "50%": {
+            top: 5
+          },
+          "100%": {
+            top: 10
+          }
+        }, {
+          from: {
+            left: 0
+          },
+          to: {
+            left: 10
+          }
+        }],
+        marginHorizontal: 10,
+        font: "14px System",
+        transform: [{
+          translateX: 50,
+          scale: -1
+        }]
+      }, "text");
+      expect(result).toMatchInlineSnapshot(`
+        [
+          {
+            "$$css": true,
+            "css-text-1jr0ypv": "css-text-1jr0ypv",
+          },
+          [
+            [
+              [
+                "@-webkit-keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@-webkit-keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+                "@keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+                ".css-text-1jr0ypv{animation-direction:alternate,alternate-reverse;animation-name:r-animation-8jhqzh,r-animation-5azpl5;font:14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif;margin-left:10px;margin-right:10px;transform:translateX(50px);}",
+              ],
+              1,
+            ],
+          ],
+        ]
+      `);
+    });
+  }), describe("inline", function () {
+    test("converts style to inline styles", function () {
+      var result = inline({
+        marginHorizontal: 10,
+        display: "flex",
+        flexShrink: 1
+      });
+      expect(result).toMatchInlineSnapshot(`
+        {
+          "display": "flex",
+          "flexShrink": 1,
+          "marginLeft": "10px",
+          "marginRight": "10px",
+        }
+      `);
+    }), describe("logical style polyfill", function () {
+      [!1, !0].forEach(function (isRTL) {
+        var dir = isRTL ? "rtl" : "ltr";
+        test(`ignores "left" properties for ${dir}`, function () {
+          var initial = {
+            borderLeftColor: "rgba(255,0,0,1.00)",
+            borderLeftStyle: "solid",
+            borderLeftWidth: "1px",
+            left: "1px",
+            marginLeft: "5px",
+            paddingLeft: "10px"
+          };
+          expect(inline(initial, isRTL)).toEqual(initial);
+        }), test(`ignores "right" properties for ${dir}`, function () {
+          var initial = {
+            borderRightColor: "rgba(255,0,0,1.00)",
+            borderRightStyle: "solid",
+            borderRightWidth: "1px",
+            right: "1px",
+            marginRight: "5px",
+            paddingRight: "10px"
+          };
+          expect(inline(initial, isRTL)).toEqual(initial);
+        }), test(`ignores "left" values for ${dir}`, function () {
+          var initial = {
+            clear: "left",
+            float: "left",
+            textAlign: "left",
+            transitionProperty: "left"
+          };
+          expect(inline(initial, isRTL)).toEqual(initial);
+        }), test(`ignores "right" values for ${dir}`, function () {
+          var initial = {
+            clear: "right",
+            float: "right",
+            textAlign: "right",
+            transitionProperty: "right"
+          };
+          expect(inline(initial, isRTL)).toEqual(initial);
+        }), test(`converts "start" properties for ${dir}`, function () {
+          var initial = {
+              borderStartColor: "red",
+              borderStartStyle: "solid",
+              borderStartWidth: 1,
+              start: 1,
+              marginStart: 5,
+              paddingStart: 10
+            },
+            expectedLTR = {
+              borderLeftColor: "rgba(255,0,0,1.00)",
+              borderLeftStyle: "solid",
+              borderLeftWidth: "1px",
+              left: "1px",
+              marginLeft: "5px",
+              paddingLeft: "10px"
+            },
+            expectedRTL = {
+              borderRightColor: "rgba(255,0,0,1.00)",
+              borderRightStyle: "solid",
+              borderRightWidth: "1px",
+              right: "1px",
+              marginRight: "5px",
+              paddingRight: "10px"
+            };
+          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), test(`converts "end" properties for ${dir}`, function () {
+          var initial = {
+              borderEndColor: "red",
+              borderEndStyle: "solid",
+              borderEndWidth: 1,
+              end: 1,
+              marginEnd: 5,
+              paddingEnd: 10
+            },
+            expectedLTR = {
+              borderRightColor: "rgba(255,0,0,1.00)",
+              borderRightStyle: "solid",
+              borderRightWidth: "1px",
+              right: "1px",
+              marginRight: "5px",
+              paddingRight: "10px"
+            },
+            expectedRTL = {
+              borderLeftColor: "rgba(255,0,0,1.00)",
+              borderLeftStyle: "solid",
+              borderLeftWidth: "1px",
+              left: "1px",
+              marginLeft: "5px",
+              paddingLeft: "10px"
+            };
+          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), test(`converts "start" values for ${dir}`, function () {
+          var initial = {
+              clear: "start",
+              float: "start",
+              textAlign: "start",
+              transitionProperty: "start"
+            },
+            expectedLTR = {
+              clear: "left",
+              float: "left",
+              textAlign: "left",
+              transitionProperty: "left"
+            },
+            expectedRTL = {
+              clear: "right",
+              float: "right",
+              textAlign: "right",
+              transitionProperty: "right"
+            };
+          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), test(`converts "end" values for ${dir}`, function () {
+          var initial = {
+              clear: "end",
+              float: "end",
+              textAlign: "end",
+              transitionProperty: "end"
+            },
+            expectedLTR = {
+              clear: "right",
+              float: "right",
+              textAlign: "right",
+              transitionProperty: "right"
+            },
+            expectedRTL = {
+              clear: "left",
+              float: "left",
+              textAlign: "left",
+              transitionProperty: "left"
+            };
+          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), test("end/start properties take precedence over left/right", function () {
+          var initialLTR = {
+              borderStartWidth: 10,
+              borderLeftWidth: 0,
+              end: 10,
+              right: 0,
+              marginStart: 10,
+              marginLeft: 0
+            },
+            expectedLTR = {
+              borderLeftWidth: "10px",
+              marginLeft: "10px",
+              right: "10px"
+            },
+            initialRTL = {
+              borderStartWidth: 10,
+              borderRightWidth: 0,
+              end: 10,
+              left: 0,
+              marginStart: 10,
+              marginRight: 0
+            },
+            expectedRTL = {
+              borderRightWidth: "10px",
+              marginRight: "10px",
+              left: "10px"
+            };
+          expect(inline(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=compiler-test.native.js.map

package/dist/esm/StyleSheet/__tests__/compiler-test.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["atomic","classic","inline","describe","test","result","animationDirection","animationKeyframes","top","from","left","to","fontFamily","marginHorizontal","marginStart","marginEnd","placeholderTextColor","scrollbarWidth","pointerEvents","start","textAlign","transform","translateX","scale","expect","toMatchInlineSnapshot","font","display","flexShrink","forEach","isRTL","dir","initial","borderLeftColor","borderLeftStyle","borderLeftWidth","marginLeft","paddingLeft","toEqual","borderRightColor","borderRightStyle","borderRightWidth","right","marginRight","paddingRight","clear","float","transitionProperty","borderStartColor","borderStartStyle","borderStartWidth","paddingStart","expectedLTR","expectedRTL","borderEndColor","borderEndStyle","borderEndWidth","end","paddingEnd"],"sources":["../../../../src/StyleSheet/__tests__/compiler-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.native.js

@@ -0,0 +1,100 @@
+import createOrderedCSSStyleSheet from "../dom/createOrderedCSSStyleSheet.native.js";
+var insertStyleElement = function () {
+    var element = document.createElement("style"),
+      head = document.head;
+    return head.insertBefore(element, head.firstChild), element;
+  },
+  removeStyleElement = function (element) {
+    document.head.removeChild(element);
+  };
+describe("createOrderedCSSStyleSheet", function () {
+  describe("#insert", function () {
+    test("insertion order for same group", function () {
+      var sheet = createOrderedCSSStyleSheet();
+      expect(sheet.getTextContent()).toMatchInlineSnapshot('""'), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}"
+      `), sheet.insert(".b {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}
+        .b {}"
+      `), sheet.insert(".c {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}
+        .b {}
+        .c {}"
+      `);
+    }), test("deduplication for same group", function () {
+      var sheet = createOrderedCSSStyleSheet();
+      sheet.insert(".a {}", 0), sheet.insert(".a {}", 0), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}"
+      `);
+    }), test("order for same group", function () {
+      var sheet = createOrderedCSSStyleSheet();
+      sheet.insert(".c {}", 0), sheet.insert(".b {}", 0), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}
+        .b {}
+        .c {}"
+      `);
+    }), test("insertion order for different groups", function () {
+      var sheet = createOrderedCSSStyleSheet();
+      sheet.insert(".nine-1 {}", 9.9), sheet.insert(".nine-2 {}", 9.9), sheet.insert(".three {}", 3), sheet.insert(".one {}", 1), sheet.insert(".two {}", 2.2), sheet.insert(".four-1 {}", 4), sheet.insert(".four-2 {}", 4), sheet.insert(".twenty {}", 20), sheet.insert(".ten {}", 10), sheet.insert(".twenty-point2 {}", 20.2), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"1\\"]{}
+        .one {}
+        [stylesheet-group=\\"2.2\\"]{}
+        .two {}
+        [stylesheet-group=\\"3\\"]{}
+        .three {}
+        [stylesheet-group=\\"4\\"]{}
+        .four-1 {}
+        .four-2 {}
+        [stylesheet-group=\\"9.9\\"]{}
+        .nine-1 {}
+        .nine-2 {}
+        [stylesheet-group=\\"10\\"]{}
+        .ten {}
+        [stylesheet-group=\\"20\\"]{}
+        .twenty {}
+        [stylesheet-group=\\"20.2\\"]{}
+        .twenty-point2 {}"
+      `);
+    });
+  }), describe("client-side hydration", function () {
+    var element;
+    beforeEach(function () {
+      element != null && removeStyleElement(element), element = insertStyleElement();
+    }), test("from SSR CSS", function () {
+      var serverSheet = createOrderedCSSStyleSheet();
+      serverSheet.insert(".one { width: 10px; }", 1), serverSheet.insert(".two-1 { height: 20px; }", 2), serverSheet.insert(".two-2 { color: red; }", 2), serverSheet.insert("@keyframes anim { 0% { opacity: 1; } }", 2);
+      var textContent = serverSheet.getTextContent();
+      element.appendChild(document.createTextNode(textContent));
+      var clientSheet = createOrderedCSSStyleSheet(element.sheet);
+      expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"1\\"] {}
+        .one {width: 10px;}
+        [stylesheet-group=\\"2\\"] {}
+        .two-1 {height: 20px;}
+        .two-2 {color: red;}
+        @keyframes anim { 
+          0% {opacity: 1;} 
+        }"
+      `);
+    }), test("works when the group marker is in single quotes", function () {
+      var serverSheet = createOrderedCSSStyleSheet();
+      serverSheet.insert(".a { color: red }", 0), serverSheet.insert(".b { color: red }", 1);
+      var textContent = serverSheet.getTextContent().replace(/"/g, "'");
+      element.appendChild(document.createTextNode(textContent));
+      var clientSheet = createOrderedCSSStyleSheet(element.sheet);
+      clientSheet.insert(".c { color: red }", 0), expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group='0'] {}
+        .a {color: red;}
+        .c { color: red }
+        [stylesheet-group='1'] {}
+        .b {color: red;}"
+      `);
+    });
+  });
+});
+//# sourceMappingURL=dom-createOrderedCSSStyleSheet-test.native.js.map

package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOrderedCSSStyleSheet","insertStyleElement","element","document","createElement","head","insertBefore","firstChild","removeStyleElement","removeChild","describe","test","sheet","expect","getTextContent","toMatchInlineSnapshot","insert","beforeEach","serverSheet","textContent","appendChild","createTextNode","clientSheet","replace"],"sources":["../../../../src/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.tsx"],"sourcesContent":[null],"mappings":"AAOA,OAAOA,0BAAA,MAAgC;AAEvC,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;IAC/B,IAAAC,OAAM,GAAAC,QAAU,CAAAC,aAAS,QAAc;MAAOC,IACxC,GAAAF,QAAO,CAAAE,IAAS;IACtB,OAAAA,IAAA,CAAKC,YAAA,CAAaJ,OAAA,EAASG,IAAA,CAAKE,UAAU,GACnCL,OAAA;EACT;EAEMM,kBAAA,GAAqB,SAAAA,CAACN,OAAY;IACtCC,QAAA,CAASE,IAAA,CAAKI,WAAA,CAAYP,OAAO;EACnC;AAEAQ,QAAA,CAAS,8BAA8B,YAAM;EAC3CA,QAAA,CAAS,WAAW,YAAM;IACxBC,IAAA,CAAK,kCAAkC,YAAM;MAC3C,IAAAC,KAAM,GAAAZ,0BAAQ;MAEda,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB,IAAI,GAEzDH,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA,OAGpD,GAEDH,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA,OAIpD,GAEDH,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,OAKpD;IACH,CAAC,GAEDJ,IAAA,CAAK,gCAAgC,YAAM;MACzC,IAAAC,KAAM,GAAAZ,0BAAQ;MAEdY,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GAEvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA,OAGpD;IACH,CAAC,GAEDJ,IAAA,CAAK,wBAAwB,YAAM;MACjC,IAAAC,KAAM,GAAAZ,0BAAQ;MAEdY,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC,GAEvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,OAKpD;IACH,CAAC,GAEDJ,IAAA,CAAK,wCAAwC,YAAM;MACjD,IAAAC,KAAM,GAAAZ,0BAAQ;MAEdY,KAAA,CAAMI,MAAA,CAAO,cAAc,GAAG,GAC9BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,GAAG,GAC9BJ,KAAA,CAAMI,MAAA,CAAO,aAAa,CAAC,GAC3BJ,KAAA,CAAMI,MAAA,CAAO,WAAW,CAAC,GACzBJ,KAAA,CAAMI,MAAA,CAAO,WAAW,GAAG,GAC3BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,CAAC,GAC5BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,CAAC,GAC5BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,EAAE,GAC7BJ,KAAA,CAAMI,MAAA,CAAO,WAAW,EAAE,GAC1BJ,KAAA,CAAMI,MAAA,CAAO,qBAAqB,IAAI,GAEtCH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAmBpD;IACH,CAAC;EACH,CAAC,GAEDL,QAAA,CAAS,yBAAyB,YAAM;IACtC,IAAIR,OAAA;IAEJe,UAAA,CAAW,YAAM;MACXf,OAAA,IAAW,QACbM,kBAAA,CAAmBN,OAAO,GAE5BA,OAAA,GAAUD,kBAAA,CAAmB;IAC/B,CAAC,GAEDU,IAAA,CAAK,gBAAgB,YAAM;MAEzB,IAAAO,WAAM,GAAAlB,0BAAc;MACpBkB,WAAA,CAAYF,MAAA,CAAO,yBAAyB,CAAC,GAC7CE,WAAA,CAAYF,MAAA,CAAO,4BAA4B,CAAC,GAChDE,WAAA,CAAYF,MAAA,CAAO,0BAA0B,CAAC,GAC9CE,WAAA,CAAYF,MAAA,CAAO,0CAA0C,CAAC;MAC9D,IAAAG,WAAM,GAAAD,WAAc,CAAAJ,cAAY;MAGhCZ,OAAA,CAAQkB,WAAA,CAAYjB,QAAA,CAASkB,cAAA,CAAeF,WAAW,CAAC;MACxD,IAAAG,WAAM,GAAAtB,0BAAc,CAAAE,OAA2B,CAAAU,KAAQ;MACvDC,MAAA,CAAOS,WAAA,CAAYR,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAS1D;IACH,CAAC,GAEDJ,IAAA,CAAK,mDAAmD,YAAM;MAE5D,IAAAO,WAAM,GAAAlB,0BAAc;MACpBkB,WAAA,CAAYF,MAAA,CAAO,qBAAqB,CAAC,GACzCE,WAAA,CAAYF,MAAA,CAAO,qBAAqB,CAAC;MACzC,IAAAG,WAAM,GAAAD,WAAc,CAAAJ,cAAY,GAAeS,OAAE,KAAQ,KAAM;MAG/DrB,OAAA,CAAQkB,WAAA,CAAYjB,QAAA,CAASkB,cAAA,CAAeF,WAAW,CAAC;MACxD,IAAAG,WAAM,GAAAtB,0BAAc,CAAAE,OAA2B,CAAAU,KAAQ;MACvDU,WAAA,CAAYN,MAAA,CAAO,qBAAqB,CAAC,GACzCH,MAAA,CAAOS,WAAA,CAAYR,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAM1D;IACH,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}