@useloops/design-system 1.4.575 → 1.4.576
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/systems/Platform/AssetItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/WebCore/Image/Image.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/systems/WebCore/Image/Image.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,Box as t}from"@mui/material";const e={sm:120,lg:200},s=o(t,{shouldForwardProp:o=>"loading"!=o})(({theme:o,size:t,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:o.custom.palette.icon.disabled,borderRadius:o.spacing(o.custom.radius.sm),backgroundColor:o.custom.palette.surface.sunken,boxShadow:`${o.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:o.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:o.spacing(o.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:o.spacing(o.custom.margin.xs),right:o.spacing(o.custom.margin.xs)},"& .overlay-item":{zIndex:
|
|
1
|
+
import{styled as o,Box as t}from"@mui/material";const e={sm:120,lg:200},s=o(t,{shouldForwardProp:o=>"loading"!=o})(({theme:o,size:t,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:o.custom.palette.icon.disabled,borderRadius:o.spacing(o.custom.radius.sm),backgroundColor:o.custom.palette.surface.sunken,boxShadow:`${o.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:o.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:o.spacing(o.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:o.spacing(o.custom.margin.xs),right:o.spacing(o.custom.margin.xs)},"& .overlay-item":{zIndex:2},"&:hover":{"&:before":{opacity:1,backgroundColor:o.custom.palette.interaction.hover},".AssetItem__Menu":{opacity:1}},"&:active":{"&:before":{backgroundColor:o.custom.palette.interaction.press}},width:e[t]}));export{s as AssetItemContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import n from"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import m from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{CardContainer as s,ImageContainer as p,ContentContainer as l,LoopItemTitle as d,LoopItemText as c,CtaContent as b}from"./_partials/styledPartials.js";const C={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},j=({onClick:j,id:u,thumbnail:W,title:h,active:g=!1,loading:S,testCount:B,draftCount:y,cta:f})=>{const k=o();return e(s,S?{onClick:j,active:g,"data-id":u,cta:f,children:[t(p,{id:"image-holder",children:t(n,{src:W,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(m,{height:19}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[t(m,{height:16}),t(m,{height:16})]})]})})]}:{onClick:j,active:g,"data-id":u,cta:f,children:[t(p,{id:"image-holder",children:t(n,{src:W,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",active:g,children:h}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!y&&t(c,{component:"p",variation:"sm",active:g,children:"Empty"}),!!B&&t(c,{component:"p",variation:"sm",active:g,children:`${B} ${a("Test",B)}`}),!!y&&t(c,{component:"p",variation:"sm",active:g,children:`${y} ${a("Draft",y)}`})]})]}),f&&t(b,{children:f})]})};export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,Box as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import o from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(t,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:t,cta:o,disabled:r})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:o?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:o?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:r?"default":"pointer"},...t&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),i=e(t)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),a=e(t)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),s=e(t)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),p=e(t)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),m=e(o,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:t,disabled:o})=>({color:o?e.custom.palette.text.disabled:t?e.custom.palette.text.
|
|
1
|
+
import{styled as e,Box as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import o from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(t,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:t,cta:o,disabled:r})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:o?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:o?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:r?"default":"pointer"},...t&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),i=e(t)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),a=e(t)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),s=e(t)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),p=e(t)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),m=e(o,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:t,disabled:o})=>({color:o?e.custom.palette.text.disabled:t?e.custom.palette.text.lockedWhite:e.custom.palette.text.primary})),n=e(o,{shouldForwardProp:e=>"active"!==e})(({theme:e,active:t})=>({color:t?e.custom.palette.text.lockedWhite:e.custom.palette.text.secondary}));export{r as CardContainer,s as ContentContainer,p as CtaContent,i as IconBacking,a as ImageContainer,n as LoopItemText,m as LoopItemTitle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{styled as
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{styled as e,Box as r,Fade as o,Skeleton as n}from"@mui/material";import{useState as a}from"react";import{useInView as s}from"react-intersection-observer";const h=e("img")(({isLoaded:t})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:t?1:0,filter:t?"blur(0px)":"blur(15px)",transform:t?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"})),l=({children:e,src:l,alt:c,width:d,height:m,containerSx:g,threshold:p=.1,rootMargin:u="500px",...f})=>{const[x,w]=a(!1),{ref:b,inView:v}=s({threshold:p,rootMargin:u,triggerOnce:!0});return t(r,{ref:b,sx:{position:"relative",width:d,height:m,overflow:"hidden",...g},children:[i(o,{in:!x,unmountOnExit:!0,children:i(r,{sx:{width:d,height:m,position:"absolute",inset:0},children:i(n,{variant:"rectangular",width:"100%",height:"100%"})})}),v&&i(h,{onLoad:()=>w(!0),alt:c,src:l,width:d,height:m,isLoaded:x,loading:"lazy",...f})]})};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");const t={sm:120,lg:200},o=e.styled(e.Box,{shouldForwardProp:e=>"loading"!=e})(({theme:e,size:o,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:e.custom.palette.icon.disabled,borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.surface.sunken,boxShadow:`${e.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:e.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:e.spacing(e.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:e.spacing(e.custom.margin.xs),right:e.spacing(e.custom.margin.xs)},"& .overlay-item":{zIndex:
|
|
1
|
+
"use strict";var e=require("@mui/material");const t={sm:120,lg:200},o=e.styled(e.Box,{shouldForwardProp:e=>"loading"!=e})(({theme:e,size:o,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:e.custom.palette.icon.disabled,borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.surface.sunken,boxShadow:`${e.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:e.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:e.spacing(e.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:e.spacing(e.custom.margin.xs),right:e.spacing(e.custom.margin.xs)},"& .overlay-item":{zIndex:2},"&:hover":{"&:before":{opacity:1,backgroundColor:e.custom.palette.interaction.hover},".AssetItem__Menu":{opacity:1}},"&:active":{"&:before":{backgroundColor:e.custom.palette.interaction.press}},width:t[o]}));exports.AssetItemContainer=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react")
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../../../utils/pluralise.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js");var t=require("../../WebCore/Image/Image.js");require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var o=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var a=require("./_partials/styledPartials.js");const s={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}};module.exports=({onClick:n,id:u,thumbnail:l,title:d,active:c=!1,loading:C,testCount:j,draftCount:b,cta:q})=>{const p=r.useTheme();return C?e.jsxs(a.CardContainer,{onClick:n,active:c,"data-id":u,cta:q,children:[e.jsx(a.ImageContainer,{id:"image-holder",children:e.jsx(t,{src:l,width:"100%",height:"100%",containerSx:s})}),e.jsx(a.ContentContainer,{children:e.jsxs(r.Box,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[e.jsx(o,{height:19}),e.jsxs(r.Stack,{direction:"row",gap:p.spacing(p.custom.margin.sm),width:1,justifyContent:"center",children:[e.jsx(o,{height:16}),e.jsx(o,{height:16})]})]})})]}):e.jsxs(a.CardContainer,{onClick:n,active:c,"data-id":u,cta:q,children:[e.jsx(a.ImageContainer,{id:"image-holder",children:e.jsx(t,{src:l,width:"100%",height:"100%",containerSx:s})}),e.jsxs(a.ContentContainer,{children:[e.jsx(a.LoopItemTitle,{component:"p",variation:"sm",weight:"bold",active:c,children:d}),e.jsxs(r.Stack,{direction:"row",gap:p.spacing(p.custom.margin.sm),width:1,justifyContent:"center",children:[!j&&!b&&e.jsx(a.LoopItemText,{component:"p",variation:"sm",active:c,children:"Empty"}),!!j&&e.jsx(a.LoopItemText,{component:"p",variation:"sm",active:c,children:`${j} ${i.pluralise("Test",j)}`}),!!b&&e.jsx(a.LoopItemText,{component:"p",variation:"sm",active:c,children:`${b} ${i.pluralise("Draft",b)}`})]})]}),q&&e.jsx(a.CtaContent,{children:q})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");require("../../../../utils/formValidation/misc.js"),require("react/jsx-runtime"),require("../../../BrandCore/Icon/Icon.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/Accordion/Accordion.js");var r=require("../../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../WebCore/IconButton/IconButton.js"),require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/Label/Label.js"),require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/utils/autocomplete.styles.js"),require("../../../WebCore/Select/AutocompleteListbox.js"),require("../../../WebCore/Select/StyledAutocomplete.js"),require("../../../WebCore/Select/SelectItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/RankItemContainer.js"),require("../../../WebCore/RankItem/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js");const t=e.styled(e.Box,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:r,cta:t,disabled:o})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:t?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:t?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:o?"default":"pointer"},...r&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e.styled(e.Box)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e.styled(e.Box)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e.styled(e.Box)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),u=e.styled(r,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:r,disabled:t})=>({color:t?e.custom.palette.text.disabled:r?e.custom.palette.text.
|
|
1
|
+
"use strict";var e=require("@mui/material");require("../../../../utils/formValidation/misc.js"),require("react/jsx-runtime"),require("../../../BrandCore/Icon/Icon.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/Accordion/Accordion.js");var r=require("../../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../WebCore/IconButton/IconButton.js"),require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/Label/Label.js"),require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/utils/autocomplete.styles.js"),require("../../../WebCore/Select/AutocompleteListbox.js"),require("../../../WebCore/Select/StyledAutocomplete.js"),require("../../../WebCore/Select/SelectItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/RankItemContainer.js"),require("../../../WebCore/RankItem/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js");const t=e.styled(e.Box,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:r,cta:t,disabled:o})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:t?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:t?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:o?"default":"pointer"},...r&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e.styled(e.Box)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e.styled(e.Box)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e.styled(e.Box)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),u=e.styled(r,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:r,disabled:t})=>({color:t?e.custom.palette.text.disabled:r?e.custom.palette.text.lockedWhite:e.custom.palette.text.primary})),n=e.styled(r,{shouldForwardProp:e=>"active"!==e})(({theme:e,active:r})=>({color:r?e.custom.palette.text.lockedWhite:e.custom.palette.text.secondary}));exports.CardContainer=t,exports.ContentContainer=a,exports.CtaContent=s,exports.IconBacking=o,exports.ImageContainer=i,exports.LoopItemText=n,exports.LoopItemTitle=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("react-intersection-observer");const s=t.styled("img")(({isLoaded:e})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:e?1:0,filter:e?"blur(0px)":"blur(15px)",transform:e?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"}));module.exports=({children:o,src:n,alt:a,width:h,height:l,containerSx:d,threshold:c=.1,rootMargin:u="500px",...x})=>{const[g,p]=i.useState(!1),{ref:w,inView:m}=r.useInView({threshold:c,rootMargin:u,triggerOnce:!0});return e.jsxs(t.Box,{ref:w,sx:{position:"relative",width:h,height:l,overflow:"hidden",...d},children:[e.jsx(t.Fade,{in:!g,unmountOnExit:!0,children:e.jsx(t.Box,{sx:{width:h,height:l,position:"absolute",inset:0},children:e.jsx(t.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),m&&e.jsx(s,{onLoad:()=>p(!0),alt:a,src:n,width:h,height:l,isLoaded:g,loading:"lazy",...x})]})};
|