@cleartrip/talos-background-gradient 1.1.0-beta-260714-1.0

package/dist/BackgroundGradient.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type IBackgroundGradientProps } from "./type";
+declare const BackgroundGradient: ({ styleConfig, variant, }: IBackgroundGradientProps) => import("react").JSX.Element;
+export default BackgroundGradient;
+//# sourceMappingURL=BackgroundGradient.d.ts.map

package/dist/BackgroundGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundGradient.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/BackgroundGradient.tsx"],"names":[],"mappings":";AAMA,OAAO,EAA6B,KAAK,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAKlF,QAAA,MAAM,kBAAkB,8BAGrB,wBAAwB,gCAyB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BackgroundGradient } from "./BackgroundGradient";
+export * from "./type";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAErE,cAAc,QAAQ,CAAC"}

package/dist/style.d.ts

@@ -0,0 +1,40 @@
+export declare const styles: {
+    readonly root: {
+        readonly position: "relative";
+        readonly width: "100%";
+        readonly height: 200;
+        readonly overflow: "hidden";
+        readonly background: "linear-gradient(0deg, #FF4F17 0%, rgba(255, 255, 255, 0.00) 50%);";
+        readonly '-webkit-mask-image': "linear-gradient(to top, #000 55%, transparent 100%)";
+        readonly 'mask-image': "linear-gradient(to top, #000 55%, transparent 100%)";
+    };
+    readonly blob: {
+        readonly position: "absolute";
+        readonly width: 300;
+        readonly height: 175;
+        readonly borderRadius: "50%";
+        readonly filter: "blur(80px)";
+        readonly opacity: 0.8;
+        readonly top: "100%";
+        readonly transform: "translateY(-55%)";
+    };
+    readonly blobLeft: {
+        readonly background: "#FF4F17";
+        readonly animation: "talosBgSlideX 2000ms ease-in-out infinite alternate";
+    };
+    readonly blobRight: {
+        readonly background: "#FF4F17";
+        readonly animation: "talosBgSlideX 2000ms ease-in-out infinite alternate-reverse";
+    };
+    readonly bgSlideX: {
+        readonly "@keyframes talosBgSlideX": {
+            readonly from: {
+                readonly transform: "translateX(-150px) translateY(-55%)";
+            };
+            readonly to: {
+                readonly transform: "translateX(75vw) translateY(-55%)";
+            };
+        };
+    };
+};
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCT,CAAC"}

package/dist/talos-background-gradient.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var a,r=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),e=require("@cleartrip/ct-design-components"),i={position:"relative",width:"100%",height:200,overflow:"hidden",background:"linear-gradient(0deg, #FF4F17 0%, rgba(255, 255, 255, 0.00) 50%);","-webkit-mask-image":"linear-gradient(to top, #000 55%, transparent 100%)","mask-image":"linear-gradient(to top, #000 55%, transparent 100%)"},s={position:"absolute",width:300,height:175,borderRadius:"50%",filter:"blur(80px)",opacity:.8,top:"100%",transform:"translateY(-55%)"},o={background:"#FF4F17",animation:"talosBgSlideX 2000ms ease-in-out infinite alternate"},l={background:"#FF4F17",animation:"talosBgSlideX 2000ms ease-in-out infinite alternate-reverse"},u={"@keyframes talosBgSlideX":{from:{transform:"translateX(-150px) translateY(-55%)"},to:{transform:"translateX(75vw) translateY(-55%)"}}};exports.BackgroundGradientVariant=void 0,(a=exports.BackgroundGradientVariant||(exports.BackgroundGradientVariant={})).DEFAULT="default",a.PROCESSING="processing";exports.BackgroundGradient=function(a){var d=a.styleConfig,g=a.variant,c=void 0===g?exports.BackgroundGradientVariant.DEFAULT:g,m=null==d?void 0:d.root,f=n.useRef(null),p=n.useRef(null);return n.useEffect(function(){var a=c===exports.BackgroundGradientVariant.PROCESSING?"800ms":"2000ms";f.current&&(f.current.style.animationDuration=a),p.current&&(p.current.style.animationDuration=a)},[c]),t.jsxs(e.Container,r.__assign({className:null==m?void 0:m.className,css:r.__assign(r.__assign({},i),null==m?void 0:m.css)},{children:[t.jsx(e.Container,{ref:f,css:r.__assign(r.__assign(r.__assign({},s),o),u)}),t.jsx(e.Container,{ref:p,css:r.__assign(r.__assign(r.__assign({},s),l),u)})]}))};
+//# sourceMappingURL=talos-background-gradient.browser.cjs.js.map

package/dist/talos-background-gradient.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-background-gradient.browser.cjs.js","sources":["../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","styles","position","width","height","overflow","background","borderRadius","filter","opacity","top","transform","animation","from","to","_a","styleConfig","_b","variant","DEFAULT","rootConfig","root","leftBlobRef","useRef","rightBlobRef","useEffect","duration","PROCESSING","current","style","animationDuration","_jsxs","Container","__assign","className","css","children","_jsx","ref"],"mappings":"iBAEYA,oHCFCC,EACH,CACFC,SAAU,WACVC,MAAO,OACPC,OAAQ,IACRC,SAAU,SACVC,WACI,oEACJ,qBAAsB,sDACtB,aAAc,uDATTL,EAWH,CACFC,SAAU,WACVC,MAAO,IACPC,OAAQ,IACRG,aAAc,MACdC,OAAQ,aACRC,QAAS,GACTC,IAAK,OACLC,UAAW,oBAnBNV,EAqBC,CACNK,WAAY,UACZM,UAAW,uDAvBNX,EAyBE,CACPK,WAAY,UACZM,UAAW,+DA3BNX,EA6BC,CACN,2BAA4B,CACxBY,KAAM,CAAEF,UAAW,uCACnBG,GAAI,CAAEH,UAAW,uCD9BjBX,QAGXA,+BAAA,GAHWA,EAAAA,QAAyBA,4BAAzBA,kCAGX,CAAA,IAFG,QAAA,UACAA,EAAA,WAAA,wCEOuB,SAACe,OACxBC,EAAWD,EAAAC,YACXC,EAA2CF,EAAAG,QAA3CA,OAAU,IAAAD,EAAAjB,QAAAA,0BAA0BmB,QAAOF,EAErCG,EAAaJ,aAAA,EAAAA,EAAaK,KAC1BC,EAAcC,SAAuB,MACrCC,EAAeD,SAAuB,MAgB5C,OAdAE,EAAAA,UAAU,WACN,IAAMC,EACFR,IAAYlB,QAAAA,0BAA0B2B,WAZtB,QADH,SAiBbL,EAAYM,UACZN,EAAYM,QAAQC,MAAMC,kBAAoBJ,GAE9CF,EAAaI,UACbJ,EAAaI,QAAQC,MAAMC,kBAAoBJ,EAEvD,EAAG,CAACR,IAGAa,EAAAA,KAACC,EAAAA,UAASC,EAAAA,SAAA,CAACC,UAAWd,eAAAA,EAAYc,UAAWC,IAAUF,EAAAA,SAAAA,WAAA,CAAA,EAAAhC,GAAgBmB,eAAAA,EAAYe,MAAG,CAAAC,SAAA,CAClFC,MAACL,EAASA,UAAA,CAACM,IAAKhB,EAAaa,IAAUF,EAAAA,SAAAA,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAAhC,GAAgBA,GAAoBA,KAC3EoC,EAAAA,IAACL,EAAAA,WAAUM,IAAKd,EAAcW,IAAUF,EAAAA,SAAAA,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAAhC,GAAgBA,GAAqBA,QAGzF"}

package/dist/talos-background-gradient.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as t}from"tslib";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useRef as e,useEffect as n}from"react";import{Container as i}from"@cleartrip/ct-design-components";var o,s={position:"relative",width:"100%",height:200,overflow:"hidden",background:"linear-gradient(0deg, #FF4F17 0%, rgba(255, 255, 255, 0.00) 50%);","-webkit-mask-image":"linear-gradient(to top, #000 55%, transparent 100%)","mask-image":"linear-gradient(to top, #000 55%, transparent 100%)"},l={position:"absolute",width:300,height:175,borderRadius:"50%",filter:"blur(80px)",opacity:.8,top:"100%",transform:"translateY(-55%)"},m={background:"#FF4F17",animation:"talosBgSlideX 2000ms ease-in-out infinite alternate"},u={background:"#FF4F17",animation:"talosBgSlideX 2000ms ease-in-out infinite alternate-reverse"},c={"@keyframes talosBgSlideX":{from:{transform:"translateX(-150px) translateY(-55%)"},to:{transform:"translateX(75vw) translateY(-55%)"}}};!function(t){t.DEFAULT="default",t.PROCESSING="processing"}(o||(o={}));var d=function(d){var f=d.styleConfig,g=d.variant,p=void 0===g?o.DEFAULT:g,v=null==f?void 0:f.root,F=e(null),b=e(null);return n(function(){var t=p===o.PROCESSING?"800ms":"2000ms";F.current&&(F.current.style.animationDuration=t),b.current&&(b.current.style.animationDuration=t)},[p]),r(i,t({className:null==v?void 0:v.className,css:t(t({},s),null==v?void 0:v.css)},{children:[a(i,{ref:F,css:t(t(t({},l),m),c)}),a(i,{ref:b,css:t(t(t({},l),u),c)})]}))};export{d as BackgroundGradient,o as BackgroundGradientVariant};
+//# sourceMappingURL=talos-background-gradient.browser.esm.js.map

package/dist/talos-background-gradient.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-background-gradient.browser.esm.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","styles","position","width","height","overflow","background","borderRadius","filter","opacity","top","transform","animation","from","to","BackgroundGradient","_a","styleConfig","_b","variant","DEFAULT","rootConfig","root","leftBlobRef","useRef","rightBlobRef","useEffect","duration","PROCESSING","current","style","animationDuration","_jsxs","Container","__assign","className","css","children","_jsx","ref"],"mappings":"6LAAO,ICEKA,EDFCC,EACH,CACFC,SAAU,WACVC,MAAO,OACPC,OAAQ,IACRC,SAAU,SACVC,WACI,oEACJ,qBAAsB,sDACtB,aAAc,uDATTL,EAWH,CACFC,SAAU,WACVC,MAAO,IACPC,OAAQ,IACRG,aAAc,MACdC,OAAQ,aACRC,QAAS,GACTC,IAAK,OACLC,UAAW,oBAnBNV,EAqBC,CACNK,WAAY,UACZM,UAAW,uDAvBNX,EAyBE,CACPK,WAAY,UACZM,UAAW,+DA3BNX,EA6BC,CACN,2BAA4B,CACxBY,KAAM,CAAEF,UAAW,uCACnBG,GAAI,CAAEH,UAAW,wCC9B7B,SAAYX,GACRA,EAAA,QAAA,UACAA,EAAA,WAAA,YACH,CAHD,CAAYA,IAAAA,EAGX,CAAA,ICGD,IAGMe,EAAqB,SAACC,OACxBC,EAAWD,EAAAC,YACXC,EAA2CF,EAAAG,QAA3CA,OAAU,IAAAD,EAAAlB,EAA0BoB,QAAOF,EAErCG,EAAaJ,aAAA,EAAAA,EAAaK,KAC1BC,EAAcC,EAAuB,MACrCC,EAAeD,EAAuB,MAgB5C,OAdAE,EAAU,WACN,IAAMC,EACFR,IAAYnB,EAA0B4B,WAZtB,QADH,SAiBbL,EAAYM,UACZN,EAAYM,QAAQC,MAAMC,kBAAoBJ,GAE9CF,EAAaI,UACbJ,EAAaI,QAAQC,MAAMC,kBAAoBJ,EAEvD,EAAG,CAACR,IAGAa,EAACC,EAASC,EAAA,CAACC,UAAWd,eAAAA,EAAYc,UAAWC,IAAUF,EAAAA,EAAA,CAAA,EAAAjC,GAAgBoB,eAAAA,EAAYe,MAAG,CAAAC,SAAA,CAClFC,EAACL,EAAS,CAACM,IAAKhB,EAAaa,IAAUF,EAAAA,EAAAA,EAAA,CAAA,EAAAjC,GAAgBA,GAAoBA,KAC3EqC,EAACL,GAAUM,IAAKd,EAAcW,IAAUF,EAAAA,EAAAA,EAAA,CAAA,EAAAjC,GAAgBA,GAAqBA,QAGzF"}

package/dist/talos-background-gradient.cjs.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ctDesignComponents = require('@cleartrip/ct-design-components');
+
+var styles = {
+    root: {
+        position: "relative",
+        width: "100%",
+        height: 200,
+        overflow: "hidden",
+        background: "linear-gradient(0deg, #FF4F17 0%, rgba(255, 255, 255, 0.00) 50%);",
+        '-webkit-mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
+        'mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
+    },
+    blob: {
+        position: "absolute",
+        width: 300,
+        height: 175,
+        borderRadius: "50%",
+        filter: "blur(80px)",
+        opacity: 0.8,
+        top: "100%",
+        transform: "translateY(-55%)",
+    },
+    blobLeft: {
+        background: "#FF4F17",
+        animation: "talosBgSlideX 2000ms ease-in-out infinite alternate",
+    },
+    blobRight: {
+        background: "#FF4F17",
+        animation: "talosBgSlideX 2000ms ease-in-out infinite alternate-reverse",
+    },
+    bgSlideX: {
+        "@keyframes talosBgSlideX": {
+            from: { transform: "translateX(-150px) translateY(-55%)" },
+            to: { transform: "translateX(75vw) translateY(-55%)" },
+        },
+    },
+};
+
+exports.BackgroundGradientVariant = void 0;
+(function (BackgroundGradientVariant) {
+    BackgroundGradientVariant["DEFAULT"] = "default";
+    BackgroundGradientVariant["PROCESSING"] = "processing";
+})(exports.BackgroundGradientVariant || (exports.BackgroundGradientVariant = {}));
+
+var DEFAULT_DURATION = "2000ms";
+var PROCESSING_DURATION = "800ms";
+var BackgroundGradient = function (_a) {
+    var styleConfig = _a.styleConfig, _b = _a.variant, variant = _b === void 0 ? exports.BackgroundGradientVariant.DEFAULT : _b;
+    var rootConfig = styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.root;
+    var leftBlobRef = react.useRef(null);
+    var rightBlobRef = react.useRef(null);
+    react.useEffect(function () {
+        var duration = variant === exports.BackgroundGradientVariant.PROCESSING
+            ? PROCESSING_DURATION
+            : DEFAULT_DURATION;
+        if (leftBlobRef.current) {
+            leftBlobRef.current.style.animationDuration = duration;
+        }
+        if (rightBlobRef.current) {
+            rightBlobRef.current.style.animationDuration = duration;
+        }
+    }, [variant]);
+    return (jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ className: rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.className, css: tslib.__assign(tslib.__assign({}, styles.root), rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.css) }, { children: [jsxRuntime.jsx(ctDesignComponents.Container, { ref: leftBlobRef, css: tslib.__assign(tslib.__assign(tslib.__assign({}, styles.blob), styles.blobLeft), styles.bgSlideX) }), jsxRuntime.jsx(ctDesignComponents.Container, { ref: rightBlobRef, css: tslib.__assign(tslib.__assign(tslib.__assign({}, styles.blob), styles.blobRight), styles.bgSlideX) })] })));
+};
+
+exports.BackgroundGradient = BackgroundGradient;
+//# sourceMappingURL=talos-background-gradient.cjs.js.map

package/dist/talos-background-gradient.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-background-gradient.cjs.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","useRef","useEffect","_jsxs","Container","__assign","_jsx"],"mappings":"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"}

package/dist/talos-background-gradient.esm.js

@@ -0,0 +1,70 @@
+import { __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Container } from '@cleartrip/ct-design-components';
+
+var styles = {
+    root: {
+        position: "relative",
+        width: "100%",
+        height: 200,
+        overflow: "hidden",
+        background: "linear-gradient(0deg, #FF4F17 0%, rgba(255, 255, 255, 0.00) 50%);",
+        '-webkit-mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
+        'mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
+    },
+    blob: {
+        position: "absolute",
+        width: 300,
+        height: 175,
+        borderRadius: "50%",
+        filter: "blur(80px)",
+        opacity: 0.8,
+        top: "100%",
+        transform: "translateY(-55%)",
+    },
+    blobLeft: {
+        background: "#FF4F17",
+        animation: "talosBgSlideX 2000ms ease-in-out infinite alternate",
+    },
+    blobRight: {
+        background: "#FF4F17",
+        animation: "talosBgSlideX 2000ms ease-in-out infinite alternate-reverse",
+    },
+    bgSlideX: {
+        "@keyframes talosBgSlideX": {
+            from: { transform: "translateX(-150px) translateY(-55%)" },
+            to: { transform: "translateX(75vw) translateY(-55%)" },
+        },
+    },
+};
+
+var BackgroundGradientVariant;
+(function (BackgroundGradientVariant) {
+    BackgroundGradientVariant["DEFAULT"] = "default";
+    BackgroundGradientVariant["PROCESSING"] = "processing";
+})(BackgroundGradientVariant || (BackgroundGradientVariant = {}));
+
+var DEFAULT_DURATION = "2000ms";
+var PROCESSING_DURATION = "800ms";
+var BackgroundGradient = function (_a) {
+    var styleConfig = _a.styleConfig, _b = _a.variant, variant = _b === void 0 ? BackgroundGradientVariant.DEFAULT : _b;
+    var rootConfig = styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.root;
+    var leftBlobRef = useRef(null);
+    var rightBlobRef = useRef(null);
+    useEffect(function () {
+        var duration = variant === BackgroundGradientVariant.PROCESSING
+            ? PROCESSING_DURATION
+            : DEFAULT_DURATION;
+        if (leftBlobRef.current) {
+            leftBlobRef.current.style.animationDuration = duration;
+        }
+        if (rightBlobRef.current) {
+            rightBlobRef.current.style.animationDuration = duration;
+        }
+    }, [variant]);
+    return (jsxs(Container, __assign({ className: rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.className, css: __assign(__assign({}, styles.root), rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.css) }, { children: [jsx(Container, { ref: leftBlobRef, css: __assign(__assign(__assign({}, styles.blob), styles.blobLeft), styles.bgSlideX) }), jsx(Container, { ref: rightBlobRef, css: __assign(__assign(__assign({}, styles.blob), styles.blobRight), styles.bgSlideX) })] })));
+};
+
+export { BackgroundGradient, BackgroundGradientVariant };
+//# sourceMappingURL=talos-background-gradient.esm.js.map

package/dist/talos-background-gradient.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-background-gradient.esm.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAAO,IAAM,MAAM,GAAG;AAClB,IAAA,IAAI,EAAE;AACF,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EACN,mEAAmE;AACvE,QAAA,oBAAoB,EAAE,qDAAqD;AAC3E,QAAA,YAAY,EAAE,qDAAqD;AACtE,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,SAAS,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,QAAQ,EAAE;AACN,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,SAAS,EAAE,qDAAqD;AACnE,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,SAAS,EAAE,6DAA6D;AAC3E,KAAA;AACD,IAAA,QAAQ,EAAE;AACN,QAAA,0BAA0B,EAAE;AACxB,YAAA,IAAI,EAAE,EAAE,SAAS,EAAE,qCAAqC,EAAE;AAC1D,YAAA,EAAE,EAAE,EAAE,SAAS,EAAE,mCAAmC,EAAE;AACzD,SAAA;AACJ,KAAA;CACK;;ICjCE,0BAGX;AAHD,CAAA,UAAY,yBAAyB,EAAA;AACjC,IAAA,yBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,yBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AAC7B,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,GAGpC,EAAA,CAAA,CAAA;;ACGD,IAAM,gBAAgB,GAAG,QAAQ,CAAC;AAClC,IAAM,mBAAmB,GAAG,OAAO,CAAC;AAE9B,IAAA,kBAAkB,GAAG,UAAC,EAGD,EAAA;QAFvB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,EAA2C,GAAA,EAAA,CAAA,OAAA,EAA3C,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,yBAAyB,CAAC,OAAO,GAAA,EAAA,CAAA;IAE3C,IAAM,UAAU,GAAG,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,CAAC;AACrC,IAAA,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACjD,IAAA,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAElD,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAM,QAAQ,GACV,OAAO,KAAK,yBAAyB,CAAC,UAAU;AAC5C,cAAE,mBAAmB;cACnB,gBAAgB,CAAC;QAE3B,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,QAAQ,CAAC;AAC1D,SAAA;QACD,IAAI,YAAY,CAAC,OAAO,EAAE;YACtB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,QAAQ,CAAC;AAC3D,SAAA;AACL,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAEd,IAAA,QACIA,IAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,GAAG,EAAO,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,MAAM,CAAC,IAAI,CAAK,EAAA,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAClFC,IAAC,SAAS,EAAA,EAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAO,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,MAAM,CAAC,IAAI,CAAK,EAAA,MAAM,CAAC,QAAQ,CAAA,EAAK,MAAM,CAAC,QAAQ,CAAM,EAAA,CAAA,EAChGA,GAAC,CAAA,SAAS,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAO,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,MAAM,CAAC,IAAI,GAAK,MAAM,CAAC,SAAS,CAAA,EAAK,MAAM,CAAC,QAAQ,CAAM,EAAA,CAAA,CAAA,EAAA,CAAA,CAC1F,EACd;AACN;;;;"}