@selfcommunity/react-ui 0.6.1-alpha.7 → 0.7.0-alpha.0

package/lib/esm/shared/Media/Link/PreviewComponent.js

@@ -3,14 +3,16 @@ import { styled } from '@mui/material/styles';
 import LazyLoad from 'react-lazyload';
 import { MEDIA_TYPE_VIDEO } from '../../../constants/Media';
 import AutoPlayer from '../../AutoPlayer';
-import CentralProgress from '../../CentralProgress';
 import Box from '@mui/material/Box';
 import { DEFAULT_PRELOAD_OFFSET_VIEWPORT } from '../../../constants/LazyLoad';
 import Skeleton from '@mui/material/Skeleton';
+import classNames from 'classnames';
 const PREFIX = 'SCPreviewMediaLink';
 const classes = {
-    preview: `${PREFIX}-preview`,
+    previewLink: `${PREFIX}-preview-link`,
+    previewVideo: `${PREFIX}-preview-video`,
     thumbnail: `${PREFIX}-thumbnail`,
+    thumbnailFullWidth: `${PREFIX}-thumbnail`,
     image: `${PREFIX}-image`,
     snippet: `${PREFIX}-snippet`,
     snippetTitle: `${PREFIX}-snippetTitle`,
@@ -21,21 +23,31 @@ const Root = styled(Box, {
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({
-    [`& .${classes.preview}`]: {
+    [`& .${classes.previewLink}`]: {
         position: 'relative',
         backgroundColor: '#F5F5F5',
-        margin: '10px 0px'
+        margin: '10px 0px',
+        padding: theme.spacing()
+    },
+    [`& .${classes.previewVideo}`]: {
+        margin: '10px 0px',
+        height: 360
     },
     [`& .${classes.thumbnail}`]: {
-        maxWidth: 150,
         border: '1px solid #dddddd',
-        borderRadius: 4,
-        margin: '10px 10px 10px 20px',
-        padding: 4,
-        float: 'left'
+        borderRadius: 3,
+        paddingTop: theme.spacing(),
+        margin: theme.spacing(),
+        [theme.breakpoints.up('sm')]: {
+            maxWidth: 200,
+            width: '100%',
+            float: 'left'
+        }
     },
     [`& .${classes.image}`]: {
-        width: '100%'
+        backgroundSize: 'cover !important',
+        backgroundPosition: 'center !important',
+        backgroundRepeat: 'no-repeat !important'
     },
     [`& .${classes.snippet}`]: {
         padding: 10,
@@ -61,9 +73,8 @@ export default (props) => {
      * @param(key)
      */
     const renderPreview = (link, key) => {
-        return (React.createElement(Box, { className: classes.preview, key: key },
-            link.embed.metadata.images.length > 0 && (React.createElement(Box, null, fullWidth ? (React.createElement("img", { src: link.embed.metadata.images[0].url, className: classes.image })) : (React.createElement(Box, { className: classes.thumbnail },
-                React.createElement("img", { src: link.embed.metadata.images[0].url, className: classes.image }))))),
+        return (React.createElement(Box, { className: classes.previewLink, key: key },
+            link.embed.metadata.images.length > 0 && (React.createElement(React.Fragment, null, fullWidth ? (React.createElement(Box, { className: classNames(classes.thumbnailFullWidth, classes.image), style: { background: `url(${link.image})`, paddingBottom: `${100 / link.image_width / link.image_height}%` } })) : (React.createElement(Box, { className: classNames(classes.thumbnail, classes.image), style: { background: `url(${link.image})`, paddingBottom: 170 } })))),
             React.createElement(Box, { className: classes.snippet },
                 React.createElement("b", { className: classes.snippetTitle }, link.embed.metadata.title),
                 React.createElement("br", null),
@@ -78,10 +89,10 @@ export default (props) => {
         adornment,
         medias.map((l, i) => {
             if (l.embed.metadata && l.embed.metadata.type === MEDIA_TYPE_VIDEO) {
-                return (React.createElement(LazyLoad, { height: 360, placeholder: React.createElement(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
+                return (React.createElement(LazyLoad, { className: classes.previewVideo, placeholder: React.createElement(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
                     React.createElement(AutoPlayer, { url: l.url, width: '100%', key: i, onVideoWatch: () => handleLinkClick(l) })));
             }
-            return (React.createElement(LazyLoad, { key: i, height: 370, placeholder: React.createElement(CentralProgress, { size: 20 }), once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT }, renderPreview(l, i)));
+            return React.createElement(React.Fragment, { key: i }, renderPreview(l, i));
         })))));
 };
 //# sourceMappingURL=PreviewComponent.js.map

package/lib/esm/shared/Media/Link/PreviewComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Link/PreviewComponent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Link/PreviewComponent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/shared/Media/Share/PreviewComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare const _default: ({ medias, adornment }: {
     medias: any[];
     GridImageProps?: any;

package/lib/esm/shared/Media/Share/PreviewComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/shared/Media/Share/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;YA6BgC,GAAG,EAAE;qBAAmB,GAAG;gBAAc,MAAM,SAAS;MAAI,WAAW;AAAjI,wBAkCE"}
+{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/shared/Media/Share/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;YA8BgC,GAAG,EAAE;qBAAmB,GAAG;gBAAc,MAAM,SAAS;MAAI,WAAW;AAAjI,wBAqBE"}

package/lib/esm/shared/Media/Share/PreviewComponent.js

@@ -1,11 +1,9 @@
-import React from 'react';
-import { styled } from '@mui/material/styles';
-import LazyLoad from 'react-lazyload';
-import Box from '@mui/material/Box';
-import FeedObject from '../../../components/FeedObject';
-import { SCFeedObjectTemplateType } from '../../../types/feedObject';
-import { MAX_PRELOAD_OFFSET_VIEWPORT } from '../../../constants/LazyLoad';
-import FeedObjectSkeleton from '../../../components/FeedObject/Skeleton';
+import React from "react";
+import { styled } from "@mui/material/styles";
+import Box from "@mui/material/Box";
+import FeedObject from "../../../components/FeedObject";
+import { SCFeedObjectTemplateType } from "../../../types/feedObject";
+import { CacheStrategies } from "@selfcommunity/utils";
 const PREFIX = 'SCPreviewMediaShare';
 const classes = {
     sharePreview: `${PREFIX}-share-preview`,
@@ -26,8 +24,7 @@ const Root = styled(Box, {
 export default ({ medias = [], adornment = null }) => {
     return (React.createElement(React.Fragment, null, medias.length > 0 && (React.createElement(Root, null,
         adornment,
-        medias.map((media) => (React.createElement(LazyLoad, { height: 400, key: media.id, placeholder: React.createElement(FeedObjectSkeleton, { template: SCFeedObjectTemplateType.SNIPPET, elevation: 0, variant: 'outlined', className: classes.sharePlaceholder }), once: true, offset: MAX_PRELOAD_OFFSET_VIEWPORT },
-            React.createElement(Box, { className: classes.sharePreview },
-                React.createElement(FeedObject, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: SCFeedObjectTemplateType.SHARE })))))))));
+        medias.map((media, i) => (React.createElement(Box, { className: classes.sharePreview, key: i },
+            React.createElement(FeedObject, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: SCFeedObjectTemplateType.SHARE, cacheStrategy: CacheStrategies.CACHE_FIRST }))))))));
 };
 //# sourceMappingURL=PreviewComponent.js.map

package/lib/esm/shared/Media/Share/PreviewComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Share/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,wBAAwB,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAC,2BAA2B,EAAC,MAAM,6BAA6B,CAAC;AACxE,OAAO,kBAAkB,MAAM,yCAAyC,CAAC;AAEzE,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,YAAY,EAAE,GAAG,MAAM,gBAAgB;IACvC,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;CAChD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,EAAE;KACZ;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAC;AAEJ,eAAe,CAAC,EAAC,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,IAAI,EAAqE,EAAe,EAAE;IAClI,OAAO,CACL,0CACG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,oBAAC,IAAI;QACF,SAAS;QACT,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IACP,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,WAAW,EACT,oBAAC,kBAAkB,IACjB,QAAQ,EAAE,wBAAwB,CAAC,OAAO,EAC1C,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,OAAO,CAAC,gBAAgB,GACnC,EAEJ,IAAI,QACJ,MAAM,EAAE,2BAA2B;YACnC,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY;gBAClC,oBAAC,UAAU,IACT,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACrC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EACzC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,wBAAwB,CAAC,KAAK,GACxC,CACE,CACG,CACZ,CAAC,CACG,CACR,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Share/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAGrE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,YAAY,EAAE,GAAG,MAAM,gBAAgB;IACvC,gBAAgB,EAAE,GAAG,MAAM,oBAAoB;CAChD,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,EAAE;KACZ;IACD,CAAC,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAClC,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAC;AAEJ,eAAe,CAAC,EAAC,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,IAAI,EAAqE,EAAe,EAAE;IAClI,OAAO,CACL,0CACG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,oBAAC,IAAI;QACF,SAAS;QACT,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC;YAC1C,oBAAC,UAAU,IACT,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACrC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EACzC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,wBAAwB,CAAC,KAAK,EACxC,aAAa,EAAE,eAAe,CAAC,WAAW,GAC1C,CACE,CACT,CAAC,CACG,CACR,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/shared/Media/Video/PreviewComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,GAAG,EAAE,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC9B;gCACsB,iBAAiB,KAAG,WAAW;AAAtD,wBA8BE"}
+{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,GAAG,EAAE,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC9B;gCACsB,iBAAiB,KAAG,WAAW;AAAtD,wBA+BE"}

package/lib/esm/shared/Media/Video/PreviewComponent.js

@@ -6,11 +6,18 @@ import AutoPlayer from '../../AutoPlayer';
 import { DEFAULT_PRELOAD_OFFSET_VIEWPORT } from '../../../constants/LazyLoad';
 import Skeleton from '@mui/material/Skeleton';
 const PREFIX = 'SCPreviewMediaVideo';
+const classes = {
+    previewVideo: `${PREFIX}-preview-video`
+};
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+})(({ theme }) => ({
+    [`& .${classes.previewVideo}`]: {
+        minHeight: 360
+    }
+}));
 export default (props) => {
     // PROPS
     const { medias = [], adornment = null, onMediaClick } = props;
@@ -22,7 +29,7 @@ export default (props) => {
      */
     return (React.createElement(React.Fragment, null, medias.length > 0 && (React.createElement(Root, null,
         adornment,
-        medias.map((v, i) => (React.createElement(LazyLoad, { height: 360, placeholder: React.createElement(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
+        medias.map((v, i) => (React.createElement(LazyLoad, { height: 360, placeholder: React.createElement(Skeleton, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, className: classes.previewVideo, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
             React.createElement(AutoPlayer, { url: v.url, width: '100%', onVideoWatch: () => handleVideoClick(v) }))))))));
 };
 //# sourceMappingURL=PreviewComponent.js.map

package/lib/esm/shared/Media/Video/PreviewComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAC,+BAA+B,EAAC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAkBtB,eAAe,CAAC,KAAwB,EAAe,EAAE;IACvD,QAAQ;IACR,MAAM,EAAC,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,YAAY,EAAC,GAAG,KAAK,CAAC;IAE5D,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;QAChC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF;;OAEG;IACH,OAAO,CACL,0CACG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,oBAAC,IAAI;QACF,SAAS;QACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,oBAAC,QAAQ,IACP,MAAM,EAAE,GAAG,EACX,WAAW,EAAE,oBAAC,QAAQ,IAAC,OAAO,EAAC,aAAa,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAI,EAC3E,GAAG,EAAE,CAAC,EACN,IAAI,QACJ,MAAM,EAAE,+BAA+B;YACvC,oBAAC,UAAU,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAI,CACzE,CACZ,CAAC,CACG,CACR,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAC,+BAA+B,EAAC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,YAAY,EAAE,GAAG,MAAM,gBAAgB;CACxC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,EAAE;QAC9B,SAAS,EAAE,GAAG;KACf;CACF,CAAC,CAAC,CAAC;AAkBJ,eAAe,CAAC,KAAwB,EAAe,EAAE;IACvD,QAAQ;IACR,MAAM,EAAC,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,YAAY,EAAC,GAAG,KAAK,CAAC;IAE5D,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;QAChC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF;;OAEG;IACH,OAAO,CACL,0CACG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,oBAAC,IAAI;QACF,SAAS;QACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,oBAAC,QAAQ,IACP,MAAM,EAAE,GAAG,EACX,WAAW,EAAE,oBAAC,QAAQ,IAAC,OAAO,EAAC,aAAa,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAI,EAC3E,GAAG,EAAE,CAAC,EACN,IAAI,QACJ,SAAS,EAAE,OAAO,CAAC,YAAY,EAC/B,MAAM,EAAE,+BAA+B;YACvC,oBAAC,UAAU,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAI,CACzE,CACZ,CAAC,CACG,CACR,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}