@cleartrip/ct-design-horizontal-scroll 1.1.0

package/dist/ct-design-horizontal-scroll.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("@cleartrip/ct-design-container"),i=require("styled-components"),s=require("@cleartrip/ct-design-tooltip-v2"),o=require("@cleartrip/ct-design-icons"),l=require("@cleartrip/ct-design-use-theme");function a(e){return e&&e.__esModule?e:{default:e}}var c,u,d,f,h,g=a(i),p=a(l),x=g.default.div(c||(c=e.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"],["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"])),(function(e){return e.width||"64px"}),(function(e){var n=e.shadowGradientStyle;return(null==n?void 0:n.right)||"linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)"})),_=g.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"],["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"])),(function(e){return e.width||"64px"}),(function(e){var n=e.shadowGradientStyle;return(null==n?void 0:n.left)||"linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)"})),R=g.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"],["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"])));exports.ARROW_SIZE=void 0,(f=exports.ARROW_SIZE||(exports.ARROW_SIZE={})).SM="sm",f.MD="md",f.LG="lg",exports.ARROW_DIRECTION=void 0,(h=exports.ARROW_DIRECTION||(exports.ARROW_DIRECTION={})).LEFT="LEFT",h.RIGHT="RIGHT";var w=function(i){var l=i.children,a=i.showShadow,c=i.showArrow,u=i.className,d=i.containerClassname,f=i.childrenClassname,h=i.shadowWidth,g=i.arrowSize,w=void 0===g?exports.ARROW_SIZE.MD:g,E=i.shadowGradientStyle,m=h||{},v=m.left,b=m.right,I=p.default(),y=t.useState(!1),O=y[0],C=y[1],T=t.useState({left:!1,right:!1}),S=T[0],j=T[1],W=t.useRef(null),A=t.useRef(null),k=t.useRef(null),L=function(){if(W.current&&k.current){var n=W.current.getBoundingClientRect(),t=n.right,r=n.left,i=k.current.getBoundingClientRect(),s=i.right,o=i.left;j(o<r?function(n){return e.__assign(e.__assign({},n),{left:!0})}:function(n){return e.__assign(e.__assign({},n),{left:!1})}),j(s>t?function(n){return e.__assign(e.__assign({},n),{right:!0})}:function(n){return e.__assign(e.__assign({},n),{right:!1})})}};t.useEffect((function(){L()}),[]);var N=t.useCallback((function(e){return function(){e===s.HOVER_TYPE.ENTER?C(!0):C(!1)}}),[]),F=function(e){return function(){if(A.current&&W.current){var n=A.current,t=W.current.getBoundingClientRect().width;e===exports.ARROW_DIRECTION.RIGHT?n.scrollLeft=n.scrollLeft+t/2:n.scrollLeft=n.scrollLeft-t/2}setTimeout((function(){L()}),200)}},G=t.useMemo((function(){switch(w){case exports.ARROW_SIZE.SM:case exports.ARROW_SIZE.MD:return I.size[6];case exports.ARROW_SIZE.LG:return I.size[10];default:return I.size[6]}}),[w]);return n.jsxs(r.Container,e.__assign({position:"relative",onMouseEnter:N(s.HOVER_TYPE.ENTER),onMouseLeave:N(s.HOVER_TYPE.LEAVE),className:d,ref:W},{children:[a&&S.left&&n.jsx(_,e.__assign({width:v,shadowGradientStyle:E},{children:c&&O&&n.jsx(r.Container,e.__assign({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingLeft:I.spacing[4],onClick:F(exports.ARROW_DIRECTION.LEFT)},{children:n.jsx(o.LeftChevronWithBoundingBox,{height:G,width:G})}))})),n.jsx(R,e.__assign({ref:A,className:u},{children:n.jsx(r.Container,e.__assign({className:f,ref:k,display:"flex"},{children:l}))})),a&&S.right&&n.jsx(x,e.__assign({width:b,shadowGradientStyle:E},{children:c&&O&&n.jsx(r.Container,e.__assign({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingRight:I.spacing[4],onClick:F(exports.ARROW_DIRECTION.RIGHT)},{children:n.jsx(o.RightChevronWithBoundingBox,{height:G,width:G})}))}))]}))};w.defaultProps={children:null,className:""},exports.HorizontalScroll=w,exports.StyledHorizontalScroll=R;
+//# sourceMappingURL=ct-design-horizontal-scroll.browser.cjs.js.map

package/dist/ct-design-horizontal-scroll.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-horizontal-scroll.browser.cjs.js","sources":["../../packages/components/HorizontalScroll/src/type.ts","../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ARROW_SIZE","ARROW_DIRECTION","StyledRightShadow","styled","default","div","templateObject_1","__makeTemplateObject","_a","width","shadowGradientStyle","right","StyledLeftShadow","left","StyledHorizontalScroll","HorizontalScroll","children","showShadow","showArrow","className","containerClassname","childrenClassname","shadowWidth","_b","arrowSize","MD","_c","leftShadowWidth","rightShadowWidth","theme","useTheme","_d","useState","isHovering","setIsHovering","_e","shadowDirection","setShadowDirection","horizontalScrollRef","useRef","parentContainerRef","childContainerRef","updateArrowIcons","current","getBoundingClientRect","horizontalScrollRight","horizontalScrollLeft","childContainerRight","childContainerLeft","prevState","__assign","useEffect","onHover","useCallback","type","HOVER_TYPE","ENTER","onArrowClick","arrowDirection","parentContainerElement","horizontalScrollWidth","RIGHT","scrollLeft","setTimeout","arrowDimension","useMemo","SM","size","LG","_jsxs","Container","position","onMouseEnter","onMouseLeave","LEAVE","ref","_jsx","display","justifyContent","alignItems","cursor","paddingLeft","spacing","onClick","LEFT","LeftChevronWithBoundingBox","height","jsx","paddingRight","RightChevronWithBoundingBox","defaultProps"],"mappings":"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"}

package/dist/ct-design-horizontal-scroll.browser.esm.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n,__assign as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as o,useEffect as l,useCallback as a,useMemo as s}from"react";import{Container as c}from"@cleartrip/ct-design-container";import d from"styled-components";import{HOVER_TYPE as f}from"@cleartrip/ct-design-tooltip-v2";import{LeftChevronWithBoundingBox as u,RightChevronWithBoundingBox as h}from"@cleartrip/ct-design-icons";import p from"@cleartrip/ct-design-use-theme";var g,m,w,x,y,b=d.div(g||(g=n(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"],["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"])),(function(n){return n.width||"64px"}),(function(n){var t=n.shadowGradientStyle;return(null==t?void 0:t.right)||"linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)"})),v=d.div(m||(m=n(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"],["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ",";\n  z-index: 10px;\n  background: ",";\n"])),(function(n){return n.width||"64px"}),(function(n){var t=n.shadowGradientStyle;return(null==t?void 0:t.left)||"linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)"})),E=d.div(w||(w=n(["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"],["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"])));!function(n){n.SM="sm",n.MD="md",n.LG="lg"}(x||(x={})),function(n){n.LEFT="LEFT",n.RIGHT="RIGHT"}(y||(y={}));var L=function(n){var d=n.children,g=n.showShadow,m=n.showArrow,w=n.className,L=n.containerClassname,F=n.childrenClassname,G=n.shadowWidth,k=n.arrowSize,R=void 0===k?x.MD:k,T=n.shadowGradientStyle,C=G||{},S=C.left,z=C.right,I=p(),j=i(!1),M=j[0],N=j[1],H=i({left:!1,right:!1}),B=H[0],D=H[1],W=o(null),A=o(null),K=o(null),P=function(){if(W.current&&K.current){var n=W.current.getBoundingClientRect(),e=n.right,r=n.left,i=K.current.getBoundingClientRect(),o=i.right,l=i.left;D(l<r?function(n){return t(t({},n),{left:!0})}:function(n){return t(t({},n),{left:!1})}),D(o>e?function(n){return t(t({},n),{right:!0})}:function(n){return t(t({},n),{right:!1})})}};l((function(){P()}),[]);var V=a((function(n){return function(){n===f.ENTER?N(!0):N(!1)}}),[]),q=function(n){return function(){if(A.current&&W.current){var t=A.current,e=W.current.getBoundingClientRect().width;n===y.RIGHT?t.scrollLeft=t.scrollLeft+e/2:t.scrollLeft=t.scrollLeft-e/2}setTimeout((function(){P()}),200)}},J=s((function(){switch(R){case x.SM:case x.MD:return I.size[6];case x.LG:return I.size[10];default:return I.size[6]}}),[R]);return e(c,t({position:"relative",onMouseEnter:V(f.ENTER),onMouseLeave:V(f.LEAVE),className:L,ref:W},{children:[g&&B.left&&r(v,t({width:S,shadowGradientStyle:T},{children:m&&M&&r(c,t({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingLeft:I.spacing[4],onClick:q(y.LEFT)},{children:r(u,{height:J,width:J})}))})),r(E,t({ref:A,className:w},{children:r(c,t({className:F,ref:K,display:"flex"},{children:d}))})),g&&B.right&&r(b,t({width:z,shadowGradientStyle:T},{children:m&&M&&r(c,t({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingRight:I.spacing[4],onClick:q(y.RIGHT)},{children:r(h,{height:J,width:J})}))}))]}))};L.defaultProps={children:null,className:""};export{y as ARROW_DIRECTION,x as ARROW_SIZE,L as HorizontalScroll,E as StyledHorizontalScroll};
+//# sourceMappingURL=ct-design-horizontal-scroll.browser.esm.js.map

package/dist/ct-design-horizontal-scroll.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-horizontal-scroll.browser.esm.js","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../../packages/components/HorizontalScroll/src/type.ts","../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ARROW_SIZE","ARROW_DIRECTION","StyledRightShadow","styled","div","templateObject_1","__makeTemplateObject","_a","width","shadowGradientStyle","right","StyledLeftShadow","left","StyledHorizontalScroll","HorizontalScroll","children","showShadow","showArrow","className","containerClassname","childrenClassname","shadowWidth","_b","arrowSize","MD","_c","leftShadowWidth","rightShadowWidth","theme","useTheme","_d","useState","isHovering","setIsHovering","_e","shadowDirection","setShadowDirection","horizontalScrollRef","useRef","parentContainerRef","childContainerRef","updateArrowIcons","current","getBoundingClientRect","horizontalScrollRight","horizontalScrollLeft","childContainerRight","childContainerLeft","prevState","__assign","useEffect","onHover","useCallback","type","HOVER_TYPE","ENTER","onArrowClick","arrowDirection","parentContainerElement","horizontalScrollWidth","RIGHT","scrollLeft","setTimeout","arrowDimension","useMemo","SM","size","LG","_jsxs","Container","position","onMouseEnter","onMouseLeave","LEAVE","ref","_jsx","display","justifyContent","alignItems","cursor","paddingLeft","spacing","onClick","LEFT","LeftChevronWithBoundingBox","height","paddingRight","RightChevronWithBoundingBox","defaultProps"],"mappings":"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"}

package/dist/ct-design-horizontal-scroll.cjs.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
+var styled = require('styled-components');
+var ctDesignTooltipV2 = require('@cleartrip/ct-design-tooltip-v2');
+var ctDesignIcons = require('@cleartrip/ct-design-icons');
+var useTheme = require('@cleartrip/ct-design-use-theme');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+
+var StyledRightShadow = styled__default.default.div(templateObject_1$2 || (templateObject_1$2 = tslib.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"])), function (_a) {
+    var width = _a.width;
+    return width || '64px';
+}, function (_a) {
+    var shadowGradientStyle = _a.shadowGradientStyle;
+    return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.right) || "linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)";
+});
+var templateObject_1$2;
+
+var StyledLeftShadow = styled__default.default.div(templateObject_1$1 || (templateObject_1$1 = tslib.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"])), function (_a) {
+    var width = _a.width;
+    return width || '64px';
+}, function (_a) {
+    var shadowGradientStyle = _a.shadowGradientStyle;
+    return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.left) || "linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)";
+});
+var templateObject_1$1;
+
+var StyledHorizontalScroll = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"], ["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"])));
+var templateObject_1;
+
+exports.ARROW_SIZE = void 0;
+(function (ARROW_SIZE) {
+    ARROW_SIZE["SM"] = "sm";
+    ARROW_SIZE["MD"] = "md";
+    ARROW_SIZE["LG"] = "lg";
+})(exports.ARROW_SIZE || (exports.ARROW_SIZE = {}));
+exports.ARROW_DIRECTION = void 0;
+(function (ARROW_DIRECTION) {
+    ARROW_DIRECTION["LEFT"] = "LEFT";
+    ARROW_DIRECTION["RIGHT"] = "RIGHT";
+})(exports.ARROW_DIRECTION || (exports.ARROW_DIRECTION = {}));
+
+var HorizontalScroll = function (_a) {
+    var children = _a.children, showShadow = _a.showShadow, showArrow = _a.showArrow, className = _a.className, containerClassname = _a.containerClassname, childrenClassname = _a.childrenClassname, shadowWidth = _a.shadowWidth, _b = _a.arrowSize, arrowSize = _b === void 0 ? exports.ARROW_SIZE.MD : _b, shadowGradientStyle = _a.shadowGradientStyle;
+    var _c = shadowWidth || {}, leftShadowWidth = _c.left, rightShadowWidth = _c.right;
+    var theme = useTheme__default.default();
+    var _d = react.useState(false), isHovering = _d[0], setIsHovering = _d[1];
+    var _e = react.useState({
+        left: false,
+        right: false,
+    }), shadowDirection = _e[0], setShadowDirection = _e[1];
+    var horizontalScrollRef = react.useRef(null);
+    var parentContainerRef = react.useRef(null);
+    var childContainerRef = react.useRef(null);
+    var updateArrowIcons = function () {
+        if (horizontalScrollRef.current && childContainerRef.current) {
+            var _a = horizontalScrollRef.current.getBoundingClientRect(), horizontalScrollRight = _a.right, horizontalScrollLeft = _a.left;
+            var _b = childContainerRef.current.getBoundingClientRect(), childContainerRight = _b.right, childContainerLeft = _b.left;
+            if (childContainerLeft < horizontalScrollLeft) {
+                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { left: true })); });
+            }
+            else {
+                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { left: false })); });
+            }
+            if (childContainerRight > horizontalScrollRight) {
+                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { right: true })); });
+            }
+            else {
+                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { right: false })); });
+            }
+        }
+    };
+    react.useEffect(function () {
+        updateArrowIcons();
+    }, []);
+    var onHover = react.useCallback(function (type) { return function () {
+        if (type === ctDesignTooltipV2.HOVER_TYPE.ENTER) {
+            setIsHovering(true);
+        }
+        else {
+            setIsHovering(false);
+        }
+    }; }, []);
+    var onArrowClick = function (arrowDirection) { return function () {
+        if (parentContainerRef.current && horizontalScrollRef.current) {
+            var parentContainerElement = parentContainerRef.current;
+            var horizontalScrollWidth = horizontalScrollRef.current.getBoundingClientRect().width;
+            if (arrowDirection === exports.ARROW_DIRECTION.RIGHT) {
+                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft + horizontalScrollWidth / 2;
+            }
+            else {
+                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft - horizontalScrollWidth / 2;
+            }
+        }
+        setTimeout(function () {
+            updateArrowIcons();
+        }, 200);
+    }; };
+    var arrowDimension = react.useMemo(function () {
+        switch (arrowSize) {
+            case exports.ARROW_SIZE.SM: {
+                return theme.size[6];
+            }
+            case exports.ARROW_SIZE.MD: {
+                return theme.size[6];
+            }
+            case exports.ARROW_SIZE.LG: {
+                return theme.size[10];
+            }
+            default: {
+                return theme.size[6];
+            }
+        }
+    }, [arrowSize]);
+    return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ position: 'relative', onMouseEnter: onHover(ctDesignTooltipV2.HOVER_TYPE.ENTER), onMouseLeave: onHover(ctDesignTooltipV2.HOVER_TYPE.LEAVE), className: containerClassname, ref: horizontalScrollRef }, { children: [showShadow && shadowDirection.left && (jsxRuntime.jsx(StyledLeftShadow, tslib.__assign({ width: leftShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingLeft: theme.spacing[4], onClick: onArrowClick(exports.ARROW_DIRECTION.LEFT) }, { children: jsxRuntime.jsx(ctDesignIcons.LeftChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) }))), jsxRuntime.jsx(StyledHorizontalScroll, tslib.__assign({ ref: parentContainerRef, className: className }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: childrenClassname, ref: childContainerRef, display: 'flex' }, { children: children })) })), showShadow && shadowDirection.right && (jsxRuntime.jsx(StyledRightShadow, tslib.__assign({ width: rightShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingRight: theme.spacing[4], onClick: onArrowClick(exports.ARROW_DIRECTION.RIGHT) }, { children: jsxRuntime.jsx(ctDesignIcons.RightChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) })))] })));
+};
+HorizontalScroll.defaultProps = {
+    children: null,
+    className: '',
+};
+
+exports.HorizontalScroll = HorizontalScroll;
+exports.StyledHorizontalScroll = StyledHorizontalScroll;
+//# sourceMappingURL=ct-design-horizontal-scroll.cjs.js.map

package/dist/ct-design-horizontal-scroll.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-horizontal-scroll.cjs.js","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../../packages/components/HorizontalScroll/src/type.ts","../../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["styled","templateObject_1","__makeTemplateObject","ARROW_SIZE","ARROW_DIRECTION","useTheme","useState","useRef","__assign","useEffect","useCallback","HOVER_TYPE","useMemo","_jsxs","Container","_jsx","LeftChevronWithBoundingBox","RightChevronWithBoundingBox"],"mappings":"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"}

package/dist/ct-design-horizontal-scroll.esm.js

@@ -0,0 +1,123 @@
+import { __makeTemplateObject, __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { Container } from '@cleartrip/ct-design-container';
+import styled from 'styled-components';
+import { HOVER_TYPE } from '@cleartrip/ct-design-tooltip-v2';
+import { LeftChevronWithBoundingBox, RightChevronWithBoundingBox } from '@cleartrip/ct-design-icons';
+import useTheme from '@cleartrip/ct-design-use-theme';
+
+var StyledRightShadow = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"])), function (_a) {
+    var width = _a.width;
+    return width || '64px';
+}, function (_a) {
+    var shadowGradientStyle = _a.shadowGradientStyle;
+    return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.right) || "linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)";
+});
+var templateObject_1$2;
+
+var StyledLeftShadow = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  width: ", ";\n  z-index: 10px;\n  background: ", ";\n"])), function (_a) {
+    var width = _a.width;
+    return width || '64px';
+}, function (_a) {
+    var shadowGradientStyle = _a.shadowGradientStyle;
+    return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.left) || "linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)";
+});
+var templateObject_1$1;
+
+var StyledHorizontalScroll = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"], ["\n  display: flex;\n  white-space: no-wrap;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  -webkit-tap-highlight-color: transparent;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n\n  &::-webkit-scrollbar {\n    /* WebKit */\n    display: none;\n  }\n"])));
+var templateObject_1;
+
+var ARROW_SIZE;
+(function (ARROW_SIZE) {
+    ARROW_SIZE["SM"] = "sm";
+    ARROW_SIZE["MD"] = "md";
+    ARROW_SIZE["LG"] = "lg";
+})(ARROW_SIZE || (ARROW_SIZE = {}));
+var ARROW_DIRECTION;
+(function (ARROW_DIRECTION) {
+    ARROW_DIRECTION["LEFT"] = "LEFT";
+    ARROW_DIRECTION["RIGHT"] = "RIGHT";
+})(ARROW_DIRECTION || (ARROW_DIRECTION = {}));
+
+var HorizontalScroll = function (_a) {
+    var children = _a.children, showShadow = _a.showShadow, showArrow = _a.showArrow, className = _a.className, containerClassname = _a.containerClassname, childrenClassname = _a.childrenClassname, shadowWidth = _a.shadowWidth, _b = _a.arrowSize, arrowSize = _b === void 0 ? ARROW_SIZE.MD : _b, shadowGradientStyle = _a.shadowGradientStyle;
+    var _c = shadowWidth || {}, leftShadowWidth = _c.left, rightShadowWidth = _c.right;
+    var theme = useTheme();
+    var _d = useState(false), isHovering = _d[0], setIsHovering = _d[1];
+    var _e = useState({
+        left: false,
+        right: false,
+    }), shadowDirection = _e[0], setShadowDirection = _e[1];
+    var horizontalScrollRef = useRef(null);
+    var parentContainerRef = useRef(null);
+    var childContainerRef = useRef(null);
+    var updateArrowIcons = function () {
+        if (horizontalScrollRef.current && childContainerRef.current) {
+            var _a = horizontalScrollRef.current.getBoundingClientRect(), horizontalScrollRight = _a.right, horizontalScrollLeft = _a.left;
+            var _b = childContainerRef.current.getBoundingClientRect(), childContainerRight = _b.right, childContainerLeft = _b.left;
+            if (childContainerLeft < horizontalScrollLeft) {
+                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { left: true })); });
+            }
+            else {
+                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { left: false })); });
+            }
+            if (childContainerRight > horizontalScrollRight) {
+                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { right: true })); });
+            }
+            else {
+                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { right: false })); });
+            }
+        }
+    };
+    useEffect(function () {
+        updateArrowIcons();
+    }, []);
+    var onHover = useCallback(function (type) { return function () {
+        if (type === HOVER_TYPE.ENTER) {
+            setIsHovering(true);
+        }
+        else {
+            setIsHovering(false);
+        }
+    }; }, []);
+    var onArrowClick = function (arrowDirection) { return function () {
+        if (parentContainerRef.current && horizontalScrollRef.current) {
+            var parentContainerElement = parentContainerRef.current;
+            var horizontalScrollWidth = horizontalScrollRef.current.getBoundingClientRect().width;
+            if (arrowDirection === ARROW_DIRECTION.RIGHT) {
+                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft + horizontalScrollWidth / 2;
+            }
+            else {
+                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft - horizontalScrollWidth / 2;
+            }
+        }
+        setTimeout(function () {
+            updateArrowIcons();
+        }, 200);
+    }; };
+    var arrowDimension = useMemo(function () {
+        switch (arrowSize) {
+            case ARROW_SIZE.SM: {
+                return theme.size[6];
+            }
+            case ARROW_SIZE.MD: {
+                return theme.size[6];
+            }
+            case ARROW_SIZE.LG: {
+                return theme.size[10];
+            }
+            default: {
+                return theme.size[6];
+            }
+        }
+    }, [arrowSize]);
+    return (jsxs(Container, __assign({ position: 'relative', onMouseEnter: onHover(HOVER_TYPE.ENTER), onMouseLeave: onHover(HOVER_TYPE.LEAVE), className: containerClassname, ref: horizontalScrollRef }, { children: [showShadow && shadowDirection.left && (jsx(StyledLeftShadow, __assign({ width: leftShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsx(Container, __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingLeft: theme.spacing[4], onClick: onArrowClick(ARROW_DIRECTION.LEFT) }, { children: jsx(LeftChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) }))), jsx(StyledHorizontalScroll, __assign({ ref: parentContainerRef, className: className }, { children: jsx(Container, __assign({ className: childrenClassname, ref: childContainerRef, display: 'flex' }, { children: children })) })), showShadow && shadowDirection.right && (jsx(StyledRightShadow, __assign({ width: rightShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsx(Container, __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingRight: theme.spacing[4], onClick: onArrowClick(ARROW_DIRECTION.RIGHT) }, { children: jsx(RightChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) })))] })));
+};
+HorizontalScroll.defaultProps = {
+    children: null,
+    className: '',
+};
+
+export { ARROW_DIRECTION, ARROW_SIZE, HorizontalScroll, StyledHorizontalScroll };
+//# sourceMappingURL=ct-design-horizontal-scroll.esm.js.map

package/dist/ct-design-horizontal-scroll.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-horizontal-scroll.esm.js","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../../packages/components/HorizontalScroll/src/type.ts","../../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["templateObject_1","_jsxs","_jsx"],"mappings":";;;;;;;;;AAQA,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAAA,kBAAA,KAAAA,kBAAA,GAAA,oBAAA,CAAA,CAAA,qJAAA,EAAA,qCAAA,EAAA,KAAA,CAAA,EAAA,CAAwB,qJAQjD,EAA8B,qCAEzB,EACoF,KACnG,CAAA,CAAA,CAAA,EAJU,UAAC,EAAS,EAAA;AAAP,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;IAAO,OAAA,KAAK,IAAI,MAAM,CAAA;AAAf,CAAe,EAEzB,UAAC,EAAuB,EAAA;AAArB,IAAA,IAAA,mBAAmB,GAAA,EAAA,CAAA,mBAAA,CAAA;IAClC,OAAA,CAAA,mBAAmB,KAAnB,IAAA,IAAA,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,KAAI,kEAAkE,CAAA;AAAhG,CAAgG,CACnG,CAAC;;;ACZF,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAAA,kBAAA,KAAAA,kBAAA,GAAA,oBAAA,CAAA,CAAA,sJAAA,EAAA,qCAAA,EAAA,KAAA,CAAA,EAAA,CAAuB,sJAQ/C,EAA8B,qCAEzB,EACkF,KACjG,CAAA,CAAA,CAAA,EAJU,UAAC,EAAS,EAAA;AAAP,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;IAAO,OAAA,KAAK,IAAI,MAAM,CAAA;AAAf,CAAe,EAEzB,UAAC,EAAuB,EAAA;AAArB,IAAA,IAAA,mBAAmB,GAAA,EAAA,CAAA,mBAAA,CAAA;IAClC,OAAA,CAAA,mBAAmB,KAAnB,IAAA,IAAA,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,iEAAiE,CAAA;AAA9F,CAA8F,CACjG,CAAC;;;AClBI,IAAA,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,qTAAA,CAAA,EAAA,CAAA,qTAaxC,KAAC;;;ICRU,WAIX;AAJD,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACX,CAAC,EAJW,UAAU,KAAV,UAAU,GAIrB,EAAA,CAAA,CAAA,CAAA;IAcW,gBAGX;AAHD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,GAG1B,EAAA,CAAA,CAAA;;AChBK,IAAA,gBAAgB,GAAqC,UAAC,EAU3D,EAAA;AATC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,kBAAkB,wBAAA,EAClB,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,EAAA,GAAA,EAAA,CAAA,SAAyB,EAAzB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,UAAU,CAAC,EAAE,GAAA,EAAA,EACzB,mBAAmB,GAAA,EAAA,CAAA,mBAAA,CAAA;IAEb,IAAA,EAAA,GAAqD,WAAW,IAAI,EAAE,EAA9D,eAAe,GAAA,EAAA,CAAA,IAAA,EAAS,gBAAgB,GAAA,EAAA,CAAA,KAAsB,CAAC;AAC7E,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACnB,IAAA,EAAA,GAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAC;IAC9C,IAAA,EAAA,GAAwC,QAAQ,CAAC;AACrD,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,KAAK,EAAE,KAAK;AACb,KAAA,CAAC,EAHK,eAAe,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,kBAAkB,QAGxC,CAAC;AAEH,IAAA,IAAM,mBAAmB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;AACtD,IAAA,IAAM,kBAAkB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;AACrD,IAAA,IAAM,iBAAiB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;AAEpD,IAAA,IAAM,gBAAgB,GAAG,YAAA;AACvB,QAAA,IAAI,mBAAmB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;AACtD,YAAA,IAAA,EACJ,GAAA,mBAAmB,CAAC,OAAO,CAAC,qBAAqB,EAAE,EADtC,qBAAqB,GAAA,EAAA,CAAA,KAAA,EAAQ,oBAAoB,UACX,CAAC;AAChD,YAAA,IAAA,EACJ,GAAA,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,EAAE,EADpC,mBAAmB,GAAA,EAAA,CAAA,KAAA,EAAQ,kBAAkB,UACT,CAAC;YAEpD,IAAI,kBAAkB,GAAG,oBAAoB,EAAE;AAC7C,gBAAA,kBAAkB,CAAC,UAAC,SAAS,EAAA,EAAK,QAC7B,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CACZ,EAAA,EAAA,IAAI,EAAE,IAAI,EAAA,CAAA,EAFsB,EAGhC,CAAC,CAAC;AACL,aAAA;AAAM,iBAAA;AACL,gBAAA,kBAAkB,CAAC,UAAC,SAAS,EAAA,EAAK,QAC7B,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CACZ,EAAA,EAAA,IAAI,EAAE,KAAK,EAAA,CAAA,EAFqB,EAGhC,CAAC,CAAC;AACL,aAAA;YAED,IAAI,mBAAmB,GAAG,qBAAqB,EAAE;AAC/C,gBAAA,kBAAkB,CAAC,UAAC,SAAS,EAAA,EAAK,QAC7B,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CACZ,EAAA,EAAA,KAAK,EAAE,IAAI,EAAA,CAAA,EAFqB,EAGhC,CAAC,CAAC;AACL,aAAA;AAAM,iBAAA;AACL,gBAAA,kBAAkB,CAAC,UAAC,SAAS,EAAA,EAAK,QAC7B,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CACZ,EAAA,EAAA,KAAK,EAAE,KAAK,EAAA,CAAA,EAFoB,EAGhC,CAAC,CAAC;AACL,aAAA;AACF,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,gBAAgB,EAAE,CAAC;KACpB,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,IAAqB,IAAK,OAAA,YAAA;AACzB,QAAA,IAAI,IAAI,KAAK,UAAU,CAAC,KAAK,EAAE;YAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;AACrB,SAAA;AAAM,aAAA;YACL,aAAa,CAAC,KAAK,CAAC,CAAC;AACtB,SAAA;AACH,KAAC,CAN0B,EAM1B,EACD,EAAE,CACH,CAAC;AAEF,IAAA,IAAM,YAAY,GAAG,UAAC,cAAoC,IAAK,OAAA,YAAA;AAC7D,QAAA,IAAI,kBAAkB,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE;AAC7D,YAAA,IAAM,sBAAsB,GAAG,kBAAkB,CAAC,OAAO,CAAC;YAElD,IAAO,qBAAqB,GAAK,mBAAmB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA,KAAxD,CAAyD;AAE7F,YAAA,IAAI,cAAc,KAAK,eAAe,CAAC,KAAK,EAAE;gBAC5C,sBAAsB,CAAC,UAAU,GAAG,sBAAsB,CAAC,UAAU,GAAG,qBAAqB,GAAG,CAAC,CAAC;AACnG,aAAA;AAAM,iBAAA;gBACL,sBAAsB,CAAC,UAAU,GAAG,sBAAsB,CAAC,UAAU,GAAG,qBAAqB,GAAG,CAAC,CAAC;AACnG,aAAA;AACF,SAAA;AAED,QAAA,UAAU,CAAC,YAAA;AACT,YAAA,gBAAgB,EAAE,CAAC;SACpB,EAAE,GAAG,CAAC,CAAC;KACT,CAAA,EAAA,CAAC;IAEF,IAAM,cAAc,GAAG,OAAO,CAAC,YAAA;AAC7B,QAAA,QAAQ,SAAS;AACf,YAAA,KAAK,UAAU,CAAC,EAAE,EAAE;AAClB,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACtB,aAAA;AACD,YAAA,KAAK,UAAU,CAAC,EAAE,EAAE;AAClB,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACtB,aAAA;AACD,YAAA,KAAK,UAAU,CAAC,EAAE,EAAE;AAClB,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvB,aAAA;AACD,YAAA,SAAS;AACP,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACtB,aAAA;AACF,SAAA;AACH,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,QACEC,KAAC,SAAS,EAAA,QAAA,CAAA,EACR,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EACvC,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAE,mBAAmB,EAEvB,EAAA,EAAA,QAAA,EAAA,CAAA,UAAU,IAAI,eAAe,CAAC,IAAI,KACjCC,GAAA,CAAC,gBAAgB,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,mBAAmB,EAC/E,EAAA,EAAA,QAAA,EAAA,SAAS,IAAI,UAAU,KACtBA,GAAC,CAAA,SAAS,aACR,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA,EAAA,EAAA,QAAA,EAE3CA,IAAC,0BAA0B,EAAA,EAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAI,CAAA,EAAA,CAAA,CACnE,CACb,EAAA,CAAA,CACgB,CACpB,EACDA,GAAA,CAAC,sBAAsB,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAA,EAAA,EAAA,QAAA,EACnEA,IAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,iBAAiB,EAAE,OAAO,EAAC,MAAM,gBAC5E,QAAQ,EAAA,CAAA,CACC,EACW,CAAA,CAAA,EACxB,UAAU,IAAI,eAAe,CAAC,KAAK,KAClCA,GAAC,CAAA,iBAAiB,aAAC,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,mBAAmB,EACjF,EAAA,EAAA,QAAA,EAAA,SAAS,IAAI,UAAU,KACtBA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,SAAS,EAChB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,EAE5C,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,2BAA2B,EAAA,EAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAI,CAAA,EAAA,CAAA,CACpE,CACb,EACiB,CAAA,CAAA,CACrB,CACS,EAAA,CAAA,CAAA,EACZ;AACJ,EAAE;AAEF,gBAAgB,CAAC,YAAY,GAAG;AAC9B,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,EAAE;CACd;;;;"}