@hhgtech/hhg-components 1.22.8 → 1.22.9

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.
Files changed (16) hide show
  1. package/build/components/mantine/CentralCarousel/index.d.ts +1 -0
  2. package/build/components.js +1 -1
  3. package/build/esm/components.js +1 -1
  4. package/build/esm/{index-37ba6c72.js → index-681be88e.js} +1 -1
  5. package/build/esm/index-d20231b7.js +1 -0
  6. package/build/esm/index.js +1 -1
  7. package/build/esm/mantine.js +1 -1
  8. package/build/esm/pwg.js +1 -1
  9. package/build/{index-6a4ab611.js → index-54e59382.js} +1 -1
  10. package/build/index-8ddc0bb9.js +1 -0
  11. package/build/index.js +1 -1
  12. package/build/mantine.js +1 -1
  13. package/build/pwg.js +1 -1
  14. package/package.json +1 -1
  15. package/build/esm/index-b080540e.js +0 -1
  16. package/build/index-ebe71f71.js +0 -1
package/build/components/mantine/CentralCarousel/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export type CentralCarouselProps = {
5
5
  blurFromCenter?: boolean;
6
6
  blurFromIndex?: number;
7
7
  blurLength?: number;
8
+ selectSlideWhenClick?: boolean;
8
9
  onSlideChange?: (index: number) => void;
9
10
  } & MantineCarouselProps;
10
11
  export type CarouselSlideProps = {
package/build/components.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-587a9376.js"),r=require("./index-4ee9e0a4.js"),o=require("./index-d632029d.js"),t=require("./index-cbc786e1.js"),a=require("./index-de78a526.js"),i=require("./index-aba6bda8.js"),s=require("./index-f1d22aeb.js"),d=require("./index-6193a08c.js"),n=require("./index-4b65b38e.js"),u=require("./index-753d5042.js"),p=require("./index-8cf56087.js"),x=require("./index-dfc05d3b.js"),l=require("./index-2bf458c4.js"),c=require("./index-76dc603c.js"),b=require("./index-6a4ab611.js"),q=require("./footer.js");require("react"),require("./tslib.es6-e6f346c4.js"),require("./utils-df758048.js"),require("./theme-b4bf0ca3.js"),require("styled-components"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("./screenSizeContext-562a50e8.js"),require("./lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("./index-04b29b8d.js"),require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./gAssets.js"),require("./useTranslations-00120db0.js"),require("./translationsContext-9e231a88.js"),require("string-format"),require("react-hook-form"),require("./index-66fcfd20.js"),require("@mantine/core"),require("@mantine/hooks"),require("./useHealthToolCache-7866f415.js"),require("./getDynamicHealthTool-04d91381.js"),require("./core-27ea44f3.js"),require("./routing-a1ce2d90.js"),require("@hookform/resolvers/yup"),require("date-fns"),require("react-range"),require("./types-2b3bdf79.js"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-0eac7dff.js"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./getSocialList-2ed6dad4.js"),require("./cookieHelper-612b90fa.js"),require("slugify"),require("./index.styled-5df734b4.js"),require("./constants-ca5ea110.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("./index-7d3b086d.js"),require("./useScrollbarSize-586f6706.js"),require("react-dom"),require("./index-ebe71f71.js"),require("@mantine/carousel"),exports.Alert=e.Alert,exports.AmpNextPage=e.AmpNextPage,exports.ArticleCard=e.ArticleCard,exports.BMICardEmbed=e.BMICardEmbed,exports.BMRCardEmbed=e.BMRCardEmbed,exports.BabyGrowthCardEmbed=e.BabyGrowthCardEmbed,exports.BabyPoopEmbed=e.BabyPoopEmbed,exports.Badge=e.Badge,exports.BorderHeading=e.BorderHeading,exports.Breadcrumbs=e.Breadcrumbs,exports.Carousel=e.Carousel,exports.CategoryCard=e.CategoryCard,exports.Checkbox=e.Checkbox,exports.CheckboxGroup=e.CheckboxGroup,exports.CookieAcceptConfirm=e.CookieAcceptConfirm,exports.DatePicker=e.DatePicker,exports.DateRangePicker=e.DateRangePicker,exports.DoctorInfo=e.DoctorInfo,exports.DueDateCardEmbed=e.DueDateCardEmbed,exports.FileDropdown=e.FileDropdown,exports.FloatButtonGroup=e.FloatButtonGroup,exports.Grid=e.Grid,exports.IconText=e.IconText,exports.MobileBottomNavigation=e.MobileBottomNavigation,exports.MobileBottomNavigationIcon=e.MobileBottomNavigationIcon,exports.OvulationCardEmbed=e.OvulationCardEmbed,exports.PWGCardEmbed=e.PWGCardEmbed,exports.Pagination=e.Pagination,exports.Progress=e.Progress,exports.ProgressBar=e.ProgressBar,exports.Radio=e.Radio,exports.RadioGroup=e.RadioGroup,exports.RateStars=e.RateStars,exports.ScrollList=e.ScrollList,exports.SeoHead=e.SeoHead,exports.Shadow=e.Shadow,exports.ShareContainer=e.ShareContainer,exports.ShareDrawer=e.ShareDrawer,exports.SideMenu=e.index,exports.Slider=e.Slider,exports.StatisticCard=e.StatisticCard,exports.SurveyQuestionCard=e.SurveyQuestionCard,exports.SurveyThankyouCard=e.SurveyThankyouCard,exports.THRCardEmbed=e.THRCardEmbed,exports.Table=e.index$1,exports.Tabs=e.Tabs,exports.Tag=e.Tag,exports.Toggle=e.Toggle,exports.ToolsBannerCard=e.ToolsBannerCard,exports.UnderlinedLink=e.UnderlinedLink,exports.Uploader=e.Uploader,exports.Avatar=r.Avatar,exports.Popup=r.Popup,exports.Button=o.Button,exports.AuthorBadge=t.AuthorBadge,exports.Divider=t.Divider,exports.Dropdown=t.Dropdown,exports.Flag=a.Flag,exports.LanguageSwitcher=a.LanguageSwitcher,exports.NavigationLogoutPopup=a.NavigationLogoutPopup,exports.NavigationProfileButton=a.NavigationProfileButton,exports.NavigationV2=a.NavigationV2,exports.ProfilePopup=a.ProfilePopup,exports.UserProfileNavigation=a.UserProfileNavigation,exports.UserProfileNavigationHeader=a.NavHeader,exports.UserProfileNavigationStats=a.UserStats,exports.getNavMenuContent=a.getNavMenuContent,exports.getNavMenuContentWithCache=a.getNavMenuContentWithCache,exports.Heading=i.Heading,exports.Input=s.Input,exports.Label=d.Label,exports.Logo=n.Logo,exports.PureInput=u.PureInput,exports.Text=p.Text,exports.Drawer=x.Drawer,exports.Icon=x.Icon,exports.Menu=x.Menu,exports.Modal=x.Modal,exports.NewBabyProfileRadio=x.NewBabyProfileRadio,exports.RadioImageGroup=x.RadioImageGroup,exports.TextArea=x.TextArea,exports.TextDivider=x.TextDivider,exports.Container=l.Container,exports.CustomReferenceDot=c.CustomReferenceDot,exports.PillCarousel=b.PillCarousel,exports.Footer=q.Footer;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-587a9376.js"),r=require("./index-4ee9e0a4.js"),o=require("./index-d632029d.js"),t=require("./index-cbc786e1.js"),a=require("./index-de78a526.js"),i=require("./index-aba6bda8.js"),s=require("./index-f1d22aeb.js"),d=require("./index-6193a08c.js"),n=require("./index-4b65b38e.js"),u=require("./index-753d5042.js"),p=require("./index-8cf56087.js"),x=require("./index-dfc05d3b.js"),l=require("./index-2bf458c4.js"),c=require("./index-76dc603c.js"),b=require("./index-54e59382.js"),q=require("./footer.js");require("react"),require("./tslib.es6-e6f346c4.js"),require("./utils-df758048.js"),require("./theme-b4bf0ca3.js"),require("styled-components"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("./screenSizeContext-562a50e8.js"),require("./lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("./index-04b29b8d.js"),require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./gAssets.js"),require("./useTranslations-00120db0.js"),require("./translationsContext-9e231a88.js"),require("string-format"),require("react-hook-form"),require("./index-66fcfd20.js"),require("@mantine/core"),require("@mantine/hooks"),require("./useHealthToolCache-7866f415.js"),require("./getDynamicHealthTool-04d91381.js"),require("./core-27ea44f3.js"),require("./routing-a1ce2d90.js"),require("@hookform/resolvers/yup"),require("date-fns"),require("react-range"),require("./types-2b3bdf79.js"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-0eac7dff.js"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./getSocialList-2ed6dad4.js"),require("./cookieHelper-612b90fa.js"),require("slugify"),require("./index.styled-5df734b4.js"),require("./constants-ca5ea110.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("./index-7d3b086d.js"),require("./useScrollbarSize-586f6706.js"),require("react-dom"),require("./index-8ddc0bb9.js"),require("@mantine/carousel"),exports.Alert=e.Alert,exports.AmpNextPage=e.AmpNextPage,exports.ArticleCard=e.ArticleCard,exports.BMICardEmbed=e.BMICardEmbed,exports.BMRCardEmbed=e.BMRCardEmbed,exports.BabyGrowthCardEmbed=e.BabyGrowthCardEmbed,exports.BabyPoopEmbed=e.BabyPoopEmbed,exports.Badge=e.Badge,exports.BorderHeading=e.BorderHeading,exports.Breadcrumbs=e.Breadcrumbs,exports.Carousel=e.Carousel,exports.CategoryCard=e.CategoryCard,exports.Checkbox=e.Checkbox,exports.CheckboxGroup=e.CheckboxGroup,exports.CookieAcceptConfirm=e.CookieAcceptConfirm,exports.DatePicker=e.DatePicker,exports.DateRangePicker=e.DateRangePicker,exports.DoctorInfo=e.DoctorInfo,exports.DueDateCardEmbed=e.DueDateCardEmbed,exports.FileDropdown=e.FileDropdown,exports.FloatButtonGroup=e.FloatButtonGroup,exports.Grid=e.Grid,exports.IconText=e.IconText,exports.MobileBottomNavigation=e.MobileBottomNavigation,exports.MobileBottomNavigationIcon=e.MobileBottomNavigationIcon,exports.OvulationCardEmbed=e.OvulationCardEmbed,exports.PWGCardEmbed=e.PWGCardEmbed,exports.Pagination=e.Pagination,exports.Progress=e.Progress,exports.ProgressBar=e.ProgressBar,exports.Radio=e.Radio,exports.RadioGroup=e.RadioGroup,exports.RateStars=e.RateStars,exports.ScrollList=e.ScrollList,exports.SeoHead=e.SeoHead,exports.Shadow=e.Shadow,exports.ShareContainer=e.ShareContainer,exports.ShareDrawer=e.ShareDrawer,exports.SideMenu=e.index,exports.Slider=e.Slider,exports.StatisticCard=e.StatisticCard,exports.SurveyQuestionCard=e.SurveyQuestionCard,exports.SurveyThankyouCard=e.SurveyThankyouCard,exports.THRCardEmbed=e.THRCardEmbed,exports.Table=e.index$1,exports.Tabs=e.Tabs,exports.Tag=e.Tag,exports.Toggle=e.Toggle,exports.ToolsBannerCard=e.ToolsBannerCard,exports.UnderlinedLink=e.UnderlinedLink,exports.Uploader=e.Uploader,exports.Avatar=r.Avatar,exports.Popup=r.Popup,exports.Button=o.Button,exports.AuthorBadge=t.AuthorBadge,exports.Divider=t.Divider,exports.Dropdown=t.Dropdown,exports.Flag=a.Flag,exports.LanguageSwitcher=a.LanguageSwitcher,exports.NavigationLogoutPopup=a.NavigationLogoutPopup,exports.NavigationProfileButton=a.NavigationProfileButton,exports.NavigationV2=a.NavigationV2,exports.ProfilePopup=a.ProfilePopup,exports.UserProfileNavigation=a.UserProfileNavigation,exports.UserProfileNavigationHeader=a.NavHeader,exports.UserProfileNavigationStats=a.UserStats,exports.getNavMenuContent=a.getNavMenuContent,exports.getNavMenuContentWithCache=a.getNavMenuContentWithCache,exports.Heading=i.Heading,exports.Input=s.Input,exports.Label=d.Label,exports.Logo=n.Logo,exports.PureInput=u.PureInput,exports.Text=p.Text,exports.Drawer=x.Drawer,exports.Icon=x.Icon,exports.Menu=x.Menu,exports.Modal=x.Modal,exports.NewBabyProfileRadio=x.NewBabyProfileRadio,exports.RadioImageGroup=x.RadioImageGroup,exports.TextArea=x.TextArea,exports.TextDivider=x.TextDivider,exports.Container=l.Container,exports.CustomReferenceDot=c.CustomReferenceDot,exports.PillCarousel=b.PillCarousel,exports.Footer=q.Footer;
package/build/esm/components.js CHANGED
@@ -1 +1 @@
1
- export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-7b7b3406.js";export{A as Avatar,P as Popup}from"./index-649fc75a.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-c014ea04.js";export{H as Heading}from"./index-0c0ea915.js";export{I as Input}from"./index-8b13ba47.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-018c49c5.js";export{P as PureInput}from"./index-f59fd5b3.js";export{T as Text}from"./index-b39dee28.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-e2638b17.js";export{C as Container}from"./index-f8c330c6.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-37ba6c72.js";export{Footer}from"./footer.js";import"react";import"./tslib.es6-2fa94e2c.js";import"./utils-11febb09.js";import"./theme-13d11d67.js";import"styled-components";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./screenSizeContext-7bae7c67.js";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"./useTranslations-b3eb31ef.js";import"./translationsContext-e7808c8f.js";import"string-format";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"./useHealthToolCache-4416dcd1.js";import"./getDynamicHealthTool-be4f9753.js";import"./core-8c1d445f.js";import"./routing-03bdf8e6.js";import"@hookform/resolvers/yup";import"date-fns";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./getSocialList-72c3eb4c.js";import"./cookieHelper-0e8521c3.js";import"slugify";import"./index.styled-ed780131.js";import"./constants-a0a981fa.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"./useScrollbarSize-99db33e1.js";import"react-dom";import"./index-b080540e.js";import"@mantine/carousel";
1
+ export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-7b7b3406.js";export{A as Avatar,P as Popup}from"./index-649fc75a.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-c014ea04.js";export{H as Heading}from"./index-0c0ea915.js";export{I as Input}from"./index-8b13ba47.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-018c49c5.js";export{P as PureInput}from"./index-f59fd5b3.js";export{T as Text}from"./index-b39dee28.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-e2638b17.js";export{C as Container}from"./index-f8c330c6.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-681be88e.js";export{Footer}from"./footer.js";import"react";import"./tslib.es6-2fa94e2c.js";import"./utils-11febb09.js";import"./theme-13d11d67.js";import"styled-components";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./screenSizeContext-7bae7c67.js";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"./useTranslations-b3eb31ef.js";import"./translationsContext-e7808c8f.js";import"string-format";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"./useHealthToolCache-4416dcd1.js";import"./getDynamicHealthTool-be4f9753.js";import"./core-8c1d445f.js";import"./routing-03bdf8e6.js";import"@hookform/resolvers/yup";import"date-fns";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./getSocialList-72c3eb4c.js";import"./cookieHelper-0e8521c3.js";import"slugify";import"./index.styled-ed780131.js";import"./constants-a0a981fa.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"./useScrollbarSize-99db33e1.js";import"react-dom";import"./index-d20231b7.js";import"@mantine/carousel";
package/build/esm/{index-37ba6c72.js → index-681be88e.js} RENAMED
@@ -1 +1 @@
1
- import{b as n,c as e,_ as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-69030fff.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-13d11d67.js";import{T as a}from"./index-b39dee28.js";import s from"styled-components";import{C as d}from"./index-b080540e.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"],["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"],["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"],["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};
1
+ import{b as n,c as e,_ as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-69030fff.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-13d11d67.js";import{T as a}from"./index-b39dee28.js";import s from"styled-components";import{C as d}from"./index-d20231b7.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"],["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"],["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"],["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};
package/build/esm/index-d20231b7.js ADDED
@@ -0,0 +1 @@
1
+ import{b as e,c as n,_ as r}from"./tslib.es6-2fa94e2c.js";import l,{createContext as t,useContext as i,useRef as o,useState as c,useEffect as d}from"react";import{Carousel as a}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";import s from"styled-components";var p,f=s(a.Slide)(p||(p=e([""],[""]))),m=t({}),v=function(e,n){return e>=n?e-n:e},h=function(e){var t=e.children,i=e.blurFromCenter,s=e.blurFromIndex,p=e.blurLength,f=void 0===p?3:p,h=e.maxBlurOpacity,x=void 0===h?.5:h,S=e.onSlideChange,g=e.selectSlideWhenClick,b=n(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=o(null),E=c(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var t=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],o=t.length,c=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,d=Math.floor(c/2),a=i?s+f-1:d,u=l+a,p=u===o?0:u>o?u-o:u,m=l-a,h=m<0?o+m:m>0?l-a:0,S=Array(2*a+1).fill("").map((function(e,n){return v(h+n,o)}));t.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/f,t=0;t<f;t++){if(n===v(h+t,o)||n===(c=o,(i=p-t)<0?c+i:i)){e.style.opacity=String((t+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var i,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return d((function(){(null==w?void 0:w.current)&&L()}),[k]),l.createElement(m.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},l.createElement(a,r({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof t?t(F):t))};h.Slide=function(e){var t=e.children,a=e.onClick,u=n(e,["children","onClick"]),s=i(m),p=s.slider,v=s.selectSlideWhenClick,h=o(),x=o(""),S=c(0),g=S[0],b=S[1];d((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),d((function(){var e=(null==p?void 0:p.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[p]);var y={ref:h,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return l.createElement(f,r({},y,u),l.createElement("div",{onClick:function(){v&&(null==p||p.scrollTo(g)),null==a||a(g)}},t))};export{h as C};
package/build/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-2cf746a8.js";export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-7b7b3406.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-649fc75a.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-c014ea04.js";export{H as Heading}from"./index-0c0ea915.js";export{I as Input}from"./index-8b13ba47.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-018c49c5.js";export{P as PureInput}from"./index-f59fd5b3.js";export{T as Text}from"./index-b39dee28.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-e2638b17.js";export{C as Container}from"./index-f8c330c6.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-37ba6c72.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-c44ed8d3.js";export{u as useHealthToolsCache}from"./useHealthToolCache-4416dcd1.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-c27099c7.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-2b84314e.js";export{B as BookingSearchBar,t as CareTypes}from"./types-d1fd7d11.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7bae7c67.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./gAssets.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"date-fns";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"string-format";import"./index.styled-ed780131.js";import"./core-8c1d445f.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"react-dom";import"./index-b080540e.js";import"@mantine/carousel";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";
1
+ export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-2cf746a8.js";export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-7b7b3406.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-649fc75a.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-c014ea04.js";export{H as Heading}from"./index-0c0ea915.js";export{I as Input}from"./index-8b13ba47.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-018c49c5.js";export{P as PureInput}from"./index-f59fd5b3.js";export{T as Text}from"./index-b39dee28.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-e2638b17.js";export{C as Container}from"./index-f8c330c6.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-681be88e.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-c44ed8d3.js";export{u as useHealthToolsCache}from"./useHealthToolCache-4416dcd1.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-c27099c7.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-2b84314e.js";export{B as BookingSearchBar,t as CareTypes}from"./types-d1fd7d11.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7bae7c67.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./gAssets.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"date-fns";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"string-format";import"./index.styled-ed780131.js";import"./core-8c1d445f.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"react-dom";import"./index-d20231b7.js";import"@mantine/carousel";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";
package/build/esm/mantine.js CHANGED
@@ -1 +1 @@
1
- import{c as n,_ as t,b as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i,useState as a,useEffect as l}from"react";import{Autocomplete as c,Image as s,Select as d,Textarea as m,Modal as p,Badge as u,Spoiler as h,Accordion as g,Indicator as f,Avatar as b,LoadingOverlay as v,Checkbox as x,Slider as w,Radio as k,Switch as y,MantineProvider as E}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{DatePicker as j,DateRangePicker as A}from"@mantine/dates";import P,{css as M}from"styled-components";import"dayjs";import"./screenSizeContext-7bae7c67.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-11febb09.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-b39dee28.js";import{u as L}from"./useTranslations-b3eb31ef.js";import{D as R,a as D}from"./index-d87f080b.js";export{I as Input,e as emotionCache}from"./index-d87f080b.js";import{Carousel as T}from"@mantine/carousel";export{C as CentralCarousel}from"./index-b080540e.js";import{useDebouncedValue as W}from"@mantine/hooks";import{B as F}from"./index-bfb83ce8.js";import{g as G}from"./defaultClassWrapper-27a74473.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-e7808c8f.js";import"string-format";var O,N,U,V,q=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(c,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},_=P(j)(N||(N=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(O||(O=r(["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),J=P(A)(V||(V=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(U||(U=r(["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),K=function(n){return o.createElement(_,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};K.Range=function(n){return o.createElement(J,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var Q,X,Y,Z=P(m)(Q||(Q=r(["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"],["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"])),z.colors.gray200),$=function(n){return o.createElement(Z,t({minRows:2,maxRows:4},n))},nn=P(p)(X||(X=r(["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"],["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"])),z.colors.neutral100),en=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(nn,t({centered:!0},i,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:S.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=i.onClose)||void 0===n?void 0:n.call(i)}}))})))},tn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(u,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},rn=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=L().t,p=i((function(){return s||(a&&l?a*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var u=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(h,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},u),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},u),m("articlePage.showLess"))},d,{maxHeight:p}),r)},on=P(g)(Y||(Y=r(["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"],["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"])),(function(n){return n.closeChevron||S.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||S.getAssetPath("minus-icon.svg")})),an=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(on,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};an.Control=g.Control,an.Item=g.Item,an.Panel=g.Panel;var ln=S.getAssetPath("avatar.jpg"),cn=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,l=void 0===a?null:a,c=e.size,s=void 0===c?56:c,d=e.children,m=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(b,t({size:s,radius:"xl"},m),d||o.createElement("img",{src:ln,width:s}))};return i?o.createElement(f,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},sn=function(n){return o.createElement(v,t({loaderProps:{color:z.colors.primaryBase}},n))},dn=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(T,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};dn.Slide=T.Slide;var mn=function(n){return o.createElement(x,t({},n))};mn.Group=x.Group;var pn,un,hn,gn="hhgcomp-mantine-slider-slider",fn=G(P(w)(pn||(pn=r(["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"],["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),gn),bn=P.div(un||(un=r(["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"],["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"])),gn),vn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,m=e.min,p=e.max,u=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),g=a(d||m||0),f=g[0],b=g[1],v=W(f,R)[0];return l((function(){null==s||s(v)}),[v]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(fn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:f,onChange:u?function(){return null}:b,min:m,max:p},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(n){return p&&n===p?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},xn=P(k)(hn||(hn=r(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||z.colors.primaryBase})),wn=function(n){return o.createElement(xn,t({size:"sm"},n))};wn.Group=k.Group;var kn,yn,Cn=P(y)(kn||(kn=r(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),En=((yn={})[B.Vietnam]="vi",yn[B.Cambodia]="km",yn[B.India]="hi",yn[B.Indonesia]="id",yn[B.Malaysia]="ms",yn[B.Thailand]="th",yn[B.Taiwan]="zh-tw",yn[B.PhilippinesTagalog]="tl-ph",yn[B.PhilippinesEnglish]="en",yn[B.Myanmar]="my",yn),Sn=function(n){l((function(){En[n]&&require("dayjs/locale/".concat(En[n],".js"))}),[n])},jn={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},An=function(n){return{datesLocale:En[n],dateFormat:D[n].dateFormat,fontFamily:n===B.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:D[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:jn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},jn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Pn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return Sn(i),o.createElement(E,t({theme:An(i)},a),r)};export{an as Accordion,cn as Avatar,tn as Badge,dn as Carousel,mn as Checkbox,K as DatePicker,sn as LoadingOverlay,En as MAPPED_LOCALE,Pn as MantineProvider,en as Modal,wn as Radio,q as Select,vn as Slider,rn as Spoiler,Cn as Switch,$ as TextArea,An as getMantineThemeOverride,Sn as useMantineLocale};
1
+ import{c as n,_ as t,b as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i,useState as a,useEffect as l}from"react";import{Autocomplete as c,Image as s,Select as d,Textarea as m,Modal as p,Badge as u,Spoiler as h,Accordion as g,Indicator as f,Avatar as b,LoadingOverlay as v,Checkbox as x,Slider as w,Radio as k,Switch as y,MantineProvider as E}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{DatePicker as j,DateRangePicker as A}from"@mantine/dates";import P,{css as M}from"styled-components";import"dayjs";import"./screenSizeContext-7bae7c67.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-11febb09.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-b39dee28.js";import{u as L}from"./useTranslations-b3eb31ef.js";import{D as R,a as D}from"./index-d87f080b.js";export{I as Input,e as emotionCache}from"./index-d87f080b.js";import{Carousel as T}from"@mantine/carousel";export{C as CentralCarousel}from"./index-d20231b7.js";import{useDebouncedValue as W}from"@mantine/hooks";import{B as F}from"./index-bfb83ce8.js";import{g as G}from"./defaultClassWrapper-27a74473.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-e7808c8f.js";import"string-format";var O,N,U,V,q=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(c,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},_=P(j)(N||(N=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(O||(O=r(["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),J=P(A)(V||(V=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(U||(U=r(["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),K=function(n){return o.createElement(_,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};K.Range=function(n){return o.createElement(J,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var Q,X,Y,Z=P(m)(Q||(Q=r(["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"],["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"])),z.colors.gray200),$=function(n){return o.createElement(Z,t({minRows:2,maxRows:4},n))},nn=P(p)(X||(X=r(["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"],["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"])),z.colors.neutral100),en=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(nn,t({centered:!0},i,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:S.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=i.onClose)||void 0===n?void 0:n.call(i)}}))})))},tn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(u,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},rn=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=L().t,p=i((function(){return s||(a&&l?a*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var u=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(h,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},u),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},u),m("articlePage.showLess"))},d,{maxHeight:p}),r)},on=P(g)(Y||(Y=r(["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"],["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"])),(function(n){return n.closeChevron||S.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||S.getAssetPath("minus-icon.svg")})),an=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(on,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};an.Control=g.Control,an.Item=g.Item,an.Panel=g.Panel;var ln=S.getAssetPath("avatar.jpg"),cn=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,l=void 0===a?null:a,c=e.size,s=void 0===c?56:c,d=e.children,m=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(b,t({size:s,radius:"xl"},m),d||o.createElement("img",{src:ln,width:s}))};return i?o.createElement(f,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},sn=function(n){return o.createElement(v,t({loaderProps:{color:z.colors.primaryBase}},n))},dn=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(T,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};dn.Slide=T.Slide;var mn=function(n){return o.createElement(x,t({},n))};mn.Group=x.Group;var pn,un,hn,gn="hhgcomp-mantine-slider-slider",fn=G(P(w)(pn||(pn=r(["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"],["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),gn),bn=P.div(un||(un=r(["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"],["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"])),gn),vn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,m=e.min,p=e.max,u=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),g=a(d||m||0),f=g[0],b=g[1],v=W(f,R)[0];return l((function(){null==s||s(v)}),[v]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(fn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:f,onChange:u?function(){return null}:b,min:m,max:p},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(n){return p&&n===p?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},xn=P(k)(hn||(hn=r(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||z.colors.primaryBase})),wn=function(n){return o.createElement(xn,t({size:"sm"},n))};wn.Group=k.Group;var kn,yn,Cn=P(y)(kn||(kn=r(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),En=((yn={})[B.Vietnam]="vi",yn[B.Cambodia]="km",yn[B.India]="hi",yn[B.Indonesia]="id",yn[B.Malaysia]="ms",yn[B.Thailand]="th",yn[B.Taiwan]="zh-tw",yn[B.PhilippinesTagalog]="tl-ph",yn[B.PhilippinesEnglish]="en",yn[B.Myanmar]="my",yn),Sn=function(n){l((function(){En[n]&&require("dayjs/locale/".concat(En[n],".js"))}),[n])},jn={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},An=function(n){return{datesLocale:En[n],dateFormat:D[n].dateFormat,fontFamily:n===B.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:D[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:jn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},jn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Pn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return Sn(i),o.createElement(E,t({theme:An(i)},a),r)};export{an as Accordion,cn as Avatar,tn as Badge,dn as Carousel,mn as Checkbox,K as DatePicker,sn as LoadingOverlay,En as MAPPED_LOCALE,Pn as MantineProvider,en as Modal,wn as Radio,q as Select,vn as Slider,rn as Spoiler,Cn as Switch,$ as TextArea,An as getMantineThemeOverride,Sn as useMantineLocale};
package/build/esm/pwg.js CHANGED
@@ -1 +1 @@
1
- import{_ as e,b as n,c as t}from"./tslib.es6-2fa94e2c.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-b39dee28.js";import{P as c}from"./index-37ba6c72.js";import{u as s}from"./useTranslations-b3eb31ef.js";import{t as d}from"./theme-13d11d67.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as f,XAxis as g,YAxis as x,Area as b,ReferenceDot as h}from"recharts";import{C as y}from"./index-a1a50ff8.js";import{u as v}from"./useOutsideClick-6004483a.js";import w from"styled-components";import"./utils-11febb09.js";import"./Locale-69030fff.js";import"./gAssets.js";import"./index-2cf746a8.js";import"./isProduction-6fc0946c.js";import"./index-b080540e.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-e7808c8f.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),d.colors.yellow600),z=w.div(E||(E=n(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),C=w.div(j||(j=n(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),S=[{name:"overweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),f=u.backgroundColor,g=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:f}},r.createElement(o,{size:"n1",color:g},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(f,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(g,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:d.colors.gray600}}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(h,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"])),d.colors.neutral100),F=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};
1
+ import{_ as e,b as n,c as t}from"./tslib.es6-2fa94e2c.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-b39dee28.js";import{P as c}from"./index-681be88e.js";import{u as s}from"./useTranslations-b3eb31ef.js";import{t as d}from"./theme-13d11d67.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as f,XAxis as g,YAxis as x,Area as b,ReferenceDot as h}from"recharts";import{C as y}from"./index-a1a50ff8.js";import{u as v}from"./useOutsideClick-6004483a.js";import w from"styled-components";import"./utils-11febb09.js";import"./Locale-69030fff.js";import"./gAssets.js";import"./index-2cf746a8.js";import"./isProduction-6fc0946c.js";import"./index-d20231b7.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-e7808c8f.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),d.colors.yellow600),z=w.div(E||(E=n(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),C=w.div(j||(j=n(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),S=[{name:"overweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),f=u.backgroundColor,g=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:f}},r.createElement(o,{size:"n1",color:g},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(f,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(g,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:d.colors.gray600}}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(h,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"])),d.colors.neutral100),F=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};
package/build/{index-6a4ab611.js → index-54e59382.js} RENAMED
@@ -1 +1 @@
1
- "use strict";var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),r=require("./Locale-11b51016.js"),t=require("./gAssets.js"),i=require("./theme-b4bf0ca3.js"),l=require("./index-8cf56087.js"),o=require("styled-components"),a=require("./index-ebe71f71.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,x=c(n),b=c(o),f=b.default.div(s||(s=e.__makeTemplateObject(["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"],["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),g=b.default.div(d||(d=e.__makeTemplateObject(["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"],["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=b.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return x.default.createElement(g,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),x.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},x.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?x.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):x.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=b.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=b.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"],["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return x.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return x.default.createElement(_,e.__assign({key:t,onClick:l},o),x.default.createElement("div",{className:"centerred-pill-wrapper"},x.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};
1
+ "use strict";var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),r=require("./Locale-11b51016.js"),t=require("./gAssets.js"),i=require("./theme-b4bf0ca3.js"),l=require("./index-8cf56087.js"),o=require("styled-components"),a=require("./index-8ddc0bb9.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,b=c(n),x=c(o),f=x.default.div(s||(s=e.__makeTemplateObject(["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"],["\n display: inline-flex;\n overflow: hidden;\n width: ","px;\n height: ","px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n\n border: 1px solid #e4e8ec;\n background-color: ",";\n border-radius: ",";\n & > * {\n width: ","px;\n height: ","px;\n }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),g=x.default.div(d||(d=e.__makeTemplateObject(["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"],["\n display: inline-block;\n height: 108px;\n background-color: ",";\n border-radius: 60px;\n cursor: pointer;\n &.selected-week-pill {\n background-color: ",";\n }\n\n & > div:first-child {\n margin: 4px 4px 0;\n }\n\n & > p {\n margin-top: 8px;\n text-align: center;\n }\n\n & > * {\n pointer-events: none;\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=x.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return b.default.createElement(g,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),b.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},b.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?b.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):b.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=x.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=x.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"],["\n .centerred-pill-wrapper {\n padding: 16px 0;\n }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return b.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return b.default.createElement(_,e.__assign({key:t,onClick:l},o),b.default.createElement("div",{className:"centerred-pill-wrapper"},b.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};
package/build/index-8ddc0bb9.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),c=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),a=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,c=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),g=S[0],b=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,a=Math.floor(o/2),s=u?c+f-1:a,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[b]),o.default.createElement(a.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:g,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(a),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return o.default.createElement(c,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;
package/build/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-57503957.js"),r=require("./index-04b29b8d.js"),o=require("./index-587a9376.js"),t=require("./index-4ee9e0a4.js"),a=require("./index-d632029d.js"),s=require("./index-cbc786e1.js"),i=require("./index-de78a526.js"),p=require("./index-aba6bda8.js"),n=require("./index-f1d22aeb.js"),x=require("./index-6193a08c.js"),u=require("./index-4b65b38e.js"),d=require("./index-753d5042.js"),l=require("./index-8cf56087.js"),g=require("./index-dfc05d3b.js"),c=require("./index-2bf458c4.js"),C=require("./index-76dc603c.js"),P=require("./index-6a4ab611.js"),m=require("./footer.js"),b=require("./useTranslations-00120db0.js"),h=require("./useScrollbarSize-586f6706.js"),f=require("./useFbDataLayer-bf534f29.js"),q=require("./useHealthToolCache-7866f415.js"),S=require("./translationsProvider-e8f5d92d.js"),T=require("./translationsContext-9e231a88.js"),v=require("./types-636fe383.js"),D=require("./types-643498e8.js"),j=require("./constants-ca5ea110.js"),y=require("./localizeNumberFormat-155e5aec.js"),B=require("./screenSizeContext-562a50e8.js"),L=require("./cookieHelper-612b90fa.js"),k=require("./lazyLoad-f5c59bb0.js");require("react"),require("styled-components");var I=require("./theme-b4bf0ca3.js"),A=require("./dataTransform-a27830ef.js"),N=require("./routing-a1ce2d90.js"),R=require("./utils-df758048.js"),w=require("./getDynamicHealthTool-04d91381.js"),M=require("./getSocialList-2ed6dad4.js");require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./tslib.es6-e6f346c4.js"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("./gAssets.js"),require("react-hook-form"),require("./index-66fcfd20.js"),require("@mantine/core"),require("@mantine/hooks"),require("@hookform/resolvers/yup"),require("date-fns"),require("react-range"),require("./types-2b3bdf79.js"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-0eac7dff.js"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("slugify"),require("string-format"),require("./index.styled-5df734b4.js"),require("./core-27ea44f3.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("./index-7d3b086d.js"),require("react-dom"),require("./index-ebe71f71.js"),require("@mantine/carousel"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.BMICardEmbed=o.BMICardEmbed,exports.BMRCardEmbed=o.BMRCardEmbed,exports.BabyGrowthCardEmbed=o.BabyGrowthCardEmbed,exports.BabyPoopEmbed=o.BabyPoopEmbed,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DatePicker=o.DatePicker,exports.DateRangePicker=o.DateRangePicker,exports.DoctorInfo=o.DoctorInfo,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.MobileBottomNavigation=o.MobileBottomNavigation,exports.MobileBottomNavigationIcon=o.MobileBottomNavigationIcon,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.RateStars=o.RateStars,exports.ScrollList=o.ScrollList,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.Slider=o.Slider,exports.StatisticCard=o.StatisticCard,exports.SurveyQuestionCard=o.SurveyQuestionCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.THRCardEmbed=o.THRCardEmbed,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.Avatar=t.Avatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Popup=t.Popup,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.AuthorBadge=s.AuthorBadge,exports.Divider=s.Divider,exports.Dropdown=s.Dropdown,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Label=x.Label,exports.Logo=u.Logo,exports.PureInput=d.PureInput,exports.Text=l.Text,exports.Drawer=g.Drawer,exports.Icon=g.Icon,exports.Menu=g.Menu,exports.Modal=g.Modal,exports.NewBabyProfileRadio=g.NewBabyProfileRadio,exports.RadioImageGroup=g.RadioImageGroup,exports.TextArea=g.TextArea,exports.TextDivider=g.TextDivider,exports.Container=c.Container,exports.CustomReferenceDot=C.CustomReferenceDot,exports.PillCarousel=P.PillCarousel,exports.Footer=m.Footer,exports.useTranslations=b.useTranslations,exports.MEASURE_ELEMENT_CLASS=h.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=h.useScrollbarSize,exports.useFbDataLayer=f.useFbDataLayer,exports.useHealthToolsCache=q.useHealthToolsCache,exports.TranslationsProvider=S.TranslationsProvider,exports.translationsMap=S.translationsMap,exports.TranslationsContext=T.TranslationsContext,exports.defaultTranslations=T.defaultTranslations,exports.CardAuthor=v.CardAuthor,exports.CardLink=v.CardLink,exports.CardPost=v.CardPost,exports.CardPostPopoverMore=v.CardPostPopoverMore,exports.CardReactions=v.CardReactions,exports.CardReply=v.CardReply,exports.CardReplyPopover=v.CardReplyPopover,exports.CreateNewPostContent=v.CreateNewPostContent,exports.CreatePostDescription=v.CreatePostDescription,exports.CreatePostTitle=v.CreatePostTitle,exports.ImagePreviewPopup=v.ImagePreviewPopup,exports.InputCommentBar=v.InputCommentBar,exports.LabelPin=v.LabelPin,exports.LabelSortPin=v.LabelSortPin,exports.LabelSorting=v.LabelSorting,exports.Loading=v.Loading,exports.PopoverMenu=v.PopoverMenu,exports.PopupDanger=v.PopupDanger,exports.PopupDoctor=v.PopupDoctor,exports.PopupExpert=v.PopupExpert,exports.PopupFrame=v.PopupFrame,exports.PopupHospital=v.PopupHospital,exports.PostContent=v.PostContent,exports.PostImagePreview=v.PostImagePreview,exports.PostSingleImageViewPopup=v.PostSingleImageViewPopup,exports.ShareBox=v.ShareBox,exports.SharePopup=v.SharePopup,exports.SocialLinkPreview=v.SocialLinkPreview,exports.SubmitReportForm=v.SubmitReportForm,exports.TagTopic=v.TagTopic,exports.TogetherAuthConfigContext=v.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=v.TogetherAuthConfigContextProvider,exports.TogetherTypes=v.types,exports.TopicSelectList=v.TopicSelectList,exports.useTogetherAuthRequiredAction=v.useTogetherAuthRequiredAction,exports.BookingSearchBar=D.BookingSearchBar,exports.CareTypes=D.types,exports.CareConstants=j.constants,exports.ageGenerate=y.ageGenerate,exports.convertLocalizedStringToNumber=y.convertLocalizedStringToNumber,exports.localizeNumberFormat=y.localizeNumberFormat,exports.ScreenSizeContext=B.ScreenSizeContext,exports.ScreenSizeContextProvider=B.ScreenSizeContextProvider,exports.fadeIn=B.fadeIn,exports.getWindowSizeGroups=B.getWindowSizeGroups,exports.slideInDown=B.slideInDown,exports.slideInLeft=B.slideInLeft,exports.slideInRight=B.slideInRight,exports.slideInUp=B.slideInUp,exports.slideOutDown=B.slideOutDown,exports.slideOutLeft=B.slideOutLeft,exports.slideOutRight=B.slideOutRight,exports.slideOutUp=B.slideOutUp,exports.deleteCookie=L.deleteCookie,exports.getCookie=L.getCookie,exports.setCookie=L.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return k.lazyLoadInstance}}),exports.theme=I.theme,exports.abbreviateNumber=A.abbreviateNumber,exports.formatPill=A.formatPill,exports.getCareApiDomain=N.getCareApiDomain,exports.getCurrentBaseUrl=N.getCurrentBaseUrl,exports.getCurrentSsoUrl=N.getCurrentSsoUrl,exports.getDiscoverApiDomain=N.getDiscoverApiDomain,exports.getTogetherApiDomain=N.getTogetherApiDomain,exports.Breakpoints=R.Breakpoints,exports.MediaQueries=R.MediaQueries,exports.formatUrlWithPageParam=R.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=R.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=R.getPopupWrapperDom,exports.makeParams=R.makeParams,exports.safeEncodeURI=R.safeEncodeURI,exports.startCase=R.startCase,exports.toggleNoScroll=R.toggleNoScroll,exports.formatHealthTool=w.formatHealthTool,exports.getDynamicHealthTool=w.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=w.getDynamicHealthToolWithCache,exports.getSocialList=M.getSocialList;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-57503957.js"),r=require("./index-04b29b8d.js"),o=require("./index-587a9376.js"),t=require("./index-4ee9e0a4.js"),a=require("./index-d632029d.js"),s=require("./index-cbc786e1.js"),i=require("./index-de78a526.js"),p=require("./index-aba6bda8.js"),n=require("./index-f1d22aeb.js"),x=require("./index-6193a08c.js"),u=require("./index-4b65b38e.js"),d=require("./index-753d5042.js"),l=require("./index-8cf56087.js"),g=require("./index-dfc05d3b.js"),c=require("./index-2bf458c4.js"),C=require("./index-76dc603c.js"),P=require("./index-54e59382.js"),m=require("./footer.js"),b=require("./useTranslations-00120db0.js"),h=require("./useScrollbarSize-586f6706.js"),f=require("./useFbDataLayer-bf534f29.js"),q=require("./useHealthToolCache-7866f415.js"),S=require("./translationsProvider-e8f5d92d.js"),T=require("./translationsContext-9e231a88.js"),v=require("./types-636fe383.js"),D=require("./types-643498e8.js"),j=require("./constants-ca5ea110.js"),y=require("./localizeNumberFormat-155e5aec.js"),B=require("./screenSizeContext-562a50e8.js"),L=require("./cookieHelper-612b90fa.js"),k=require("./lazyLoad-f5c59bb0.js");require("react"),require("styled-components");var I=require("./theme-b4bf0ca3.js"),A=require("./dataTransform-a27830ef.js"),N=require("./routing-a1ce2d90.js"),R=require("./utils-df758048.js"),w=require("./getDynamicHealthTool-04d91381.js"),M=require("./getSocialList-2ed6dad4.js");require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./tslib.es6-e6f346c4.js"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("./gAssets.js"),require("react-hook-form"),require("./index-66fcfd20.js"),require("@mantine/core"),require("@mantine/hooks"),require("@hookform/resolvers/yup"),require("date-fns"),require("react-range"),require("./types-2b3bdf79.js"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-0eac7dff.js"),require("./useOutsideClick-528bfd6c.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("slugify"),require("string-format"),require("./index.styled-5df734b4.js"),require("./core-27ea44f3.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("./index-7d3b086d.js"),require("react-dom"),require("./index-8ddc0bb9.js"),require("@mantine/carousel"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.BMICardEmbed=o.BMICardEmbed,exports.BMRCardEmbed=o.BMRCardEmbed,exports.BabyGrowthCardEmbed=o.BabyGrowthCardEmbed,exports.BabyPoopEmbed=o.BabyPoopEmbed,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DatePicker=o.DatePicker,exports.DateRangePicker=o.DateRangePicker,exports.DoctorInfo=o.DoctorInfo,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.MobileBottomNavigation=o.MobileBottomNavigation,exports.MobileBottomNavigationIcon=o.MobileBottomNavigationIcon,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.RateStars=o.RateStars,exports.ScrollList=o.ScrollList,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.Slider=o.Slider,exports.StatisticCard=o.StatisticCard,exports.SurveyQuestionCard=o.SurveyQuestionCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.THRCardEmbed=o.THRCardEmbed,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.Avatar=t.Avatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Popup=t.Popup,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.AuthorBadge=s.AuthorBadge,exports.Divider=s.Divider,exports.Dropdown=s.Dropdown,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Label=x.Label,exports.Logo=u.Logo,exports.PureInput=d.PureInput,exports.Text=l.Text,exports.Drawer=g.Drawer,exports.Icon=g.Icon,exports.Menu=g.Menu,exports.Modal=g.Modal,exports.NewBabyProfileRadio=g.NewBabyProfileRadio,exports.RadioImageGroup=g.RadioImageGroup,exports.TextArea=g.TextArea,exports.TextDivider=g.TextDivider,exports.Container=c.Container,exports.CustomReferenceDot=C.CustomReferenceDot,exports.PillCarousel=P.PillCarousel,exports.Footer=m.Footer,exports.useTranslations=b.useTranslations,exports.MEASURE_ELEMENT_CLASS=h.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=h.useScrollbarSize,exports.useFbDataLayer=f.useFbDataLayer,exports.useHealthToolsCache=q.useHealthToolsCache,exports.TranslationsProvider=S.TranslationsProvider,exports.translationsMap=S.translationsMap,exports.TranslationsContext=T.TranslationsContext,exports.defaultTranslations=T.defaultTranslations,exports.CardAuthor=v.CardAuthor,exports.CardLink=v.CardLink,exports.CardPost=v.CardPost,exports.CardPostPopoverMore=v.CardPostPopoverMore,exports.CardReactions=v.CardReactions,exports.CardReply=v.CardReply,exports.CardReplyPopover=v.CardReplyPopover,exports.CreateNewPostContent=v.CreateNewPostContent,exports.CreatePostDescription=v.CreatePostDescription,exports.CreatePostTitle=v.CreatePostTitle,exports.ImagePreviewPopup=v.ImagePreviewPopup,exports.InputCommentBar=v.InputCommentBar,exports.LabelPin=v.LabelPin,exports.LabelSortPin=v.LabelSortPin,exports.LabelSorting=v.LabelSorting,exports.Loading=v.Loading,exports.PopoverMenu=v.PopoverMenu,exports.PopupDanger=v.PopupDanger,exports.PopupDoctor=v.PopupDoctor,exports.PopupExpert=v.PopupExpert,exports.PopupFrame=v.PopupFrame,exports.PopupHospital=v.PopupHospital,exports.PostContent=v.PostContent,exports.PostImagePreview=v.PostImagePreview,exports.PostSingleImageViewPopup=v.PostSingleImageViewPopup,exports.ShareBox=v.ShareBox,exports.SharePopup=v.SharePopup,exports.SocialLinkPreview=v.SocialLinkPreview,exports.SubmitReportForm=v.SubmitReportForm,exports.TagTopic=v.TagTopic,exports.TogetherAuthConfigContext=v.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=v.TogetherAuthConfigContextProvider,exports.TogetherTypes=v.types,exports.TopicSelectList=v.TopicSelectList,exports.useTogetherAuthRequiredAction=v.useTogetherAuthRequiredAction,exports.BookingSearchBar=D.BookingSearchBar,exports.CareTypes=D.types,exports.CareConstants=j.constants,exports.ageGenerate=y.ageGenerate,exports.convertLocalizedStringToNumber=y.convertLocalizedStringToNumber,exports.localizeNumberFormat=y.localizeNumberFormat,exports.ScreenSizeContext=B.ScreenSizeContext,exports.ScreenSizeContextProvider=B.ScreenSizeContextProvider,exports.fadeIn=B.fadeIn,exports.getWindowSizeGroups=B.getWindowSizeGroups,exports.slideInDown=B.slideInDown,exports.slideInLeft=B.slideInLeft,exports.slideInRight=B.slideInRight,exports.slideInUp=B.slideInUp,exports.slideOutDown=B.slideOutDown,exports.slideOutLeft=B.slideOutLeft,exports.slideOutRight=B.slideOutRight,exports.slideOutUp=B.slideOutUp,exports.deleteCookie=L.deleteCookie,exports.getCookie=L.getCookie,exports.setCookie=L.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return k.lazyLoadInstance}}),exports.theme=I.theme,exports.abbreviateNumber=A.abbreviateNumber,exports.formatPill=A.formatPill,exports.getCareApiDomain=N.getCareApiDomain,exports.getCurrentBaseUrl=N.getCurrentBaseUrl,exports.getCurrentSsoUrl=N.getCurrentSsoUrl,exports.getDiscoverApiDomain=N.getDiscoverApiDomain,exports.getTogetherApiDomain=N.getTogetherApiDomain,exports.Breakpoints=R.Breakpoints,exports.MediaQueries=R.MediaQueries,exports.formatUrlWithPageParam=R.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=R.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=R.getPopupWrapperDom,exports.makeParams=R.makeParams,exports.safeEncodeURI=R.safeEncodeURI,exports.startCase=R.startCase,exports.toggleNoScroll=R.toggleNoScroll,exports.formatHealthTool=w.formatHealthTool,exports.getDynamicHealthTool=w.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=w.getDynamicHealthToolWithCache,exports.getSocialList=M.getSocialList;
package/build/mantine.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-562a50e8.js"),require("./lazyLoad-f5c59bb0.js");var i=require("./theme-b4bf0ca3.js");require("./index-04b29b8d.js"),require("./utils-df758048.js"),require("./isProduction-32e6a55a.js");var l=require("./Locale-11b51016.js"),s=require("./index-8cf56087.js"),c=require("./useTranslations-00120db0.js"),d=require("./index-66fcfd20.js"),u=require("@mantine/carousel"),m=require("./index-ebe71f71.js"),p=require("@mantine/hooks"),f=require("./index-d632029d.js"),g=require("./defaultClassWrapper-0eac7dff.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-9e231a88.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=e.__makeTemplateObject(["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=e.__makeTemplateObject(["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"],["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"])),i.theme.colors.gray200),O=k.default(t.Modal)(S||(S=e.__makeTemplateObject(["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"],["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=e.__makeTemplateObject(["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"],["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.Slider)(z||(z=e.__makeTemplateObject(["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"],["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),W=k.default.div(B||(B=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"],["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"])),G),F=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(F,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(W,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight"]),p=c.useTranslations().t,f=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.showLess"))},m,{maxHeight:f}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-562a50e8.js"),require("./lazyLoad-f5c59bb0.js");var i=require("./theme-b4bf0ca3.js");require("./index-04b29b8d.js"),require("./utils-df758048.js"),require("./isProduction-32e6a55a.js");var l=require("./Locale-11b51016.js"),s=require("./index-8cf56087.js"),c=require("./useTranslations-00120db0.js"),d=require("./index-66fcfd20.js"),u=require("@mantine/carousel"),m=require("./index-8ddc0bb9.js"),p=require("@mantine/hooks"),f=require("./index-d632029d.js"),g=require("./defaultClassWrapper-0eac7dff.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-9e231a88.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=e.__makeTemplateObject(["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=e.__makeTemplateObject(["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"],["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"])),i.theme.colors.gray200),O=k.default(t.Modal)(S||(S=e.__makeTemplateObject(["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"],["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=e.__makeTemplateObject(["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"],["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.Slider)(z||(z=e.__makeTemplateObject(["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"],["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),W=k.default.div(B||(B=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"],["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"])),G),F=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(F,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(W,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight"]),p=c.useTranslations().t,f=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.showLess"))},m,{maxHeight:f}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;
package/build/pwg.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-8cf56087.js"),a=require("./index-6a4ab611.js"),r=require("./useTranslations-00120db0.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-df758048.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-04b29b8d.js"),require("./isProduction-32e6a55a.js"),require("./index-ebe71f71.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-9e231a88.js"),require("string-format");var u,m,p,f,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),k=x.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),p=m.backgroundColor,f=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:p}},g.default.createElement(n.Text,{size:"n1",color:f},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,p=a.toolTipLabel,f=void 0===p?[]:p,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:f,status:x,activeWeek:u,t:w})}),[d,s,f,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-8cf56087.js"),a=require("./index-54e59382.js"),r=require("./useTranslations-00120db0.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-df758048.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-04b29b8d.js"),require("./isProduction-32e6a55a.js"),require("./index-8ddc0bb9.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-9e231a88.js"),require("string-format");var u,m,p,f,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),k=x.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),p=m.backgroundColor,f=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:p}},g.default.createElement(n.Text,{size:"n1",color:f},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,p=a.toolTipLabel,f=void 0===p?[]:p,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:f,status:x,activeWeek:u,t:w})}),[d,s,f,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hhgtech/hhg-components",
3
- "version": "1.22.8",
3
+ "version": "1.22.9",
4
4
  "main": "build/index.js",
5
5
  "module": "build/esm/index.js",
6
6
  "files": [
package/build/esm/index-b080540e.js DELETED
@@ -1 +0,0 @@
1
- import{b as e,c as n,_ as r}from"./tslib.es6-2fa94e2c.js";import t,{createContext as i,useContext as l,useRef as o,useState as a,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";import s from"styled-components";var p,f=s(d.Slide)(p||(p=e([""],[""]))),m=i({}),v=function(e,n){return e>=n?e-n:e},h=function(e){var i=e.children,l=e.blurFromCenter,s=e.blurFromIndex,p=e.blurLength,f=void 0===p?3:p,h=e.maxBlurOpacity,x=void 0===h?.5:h,g=e.onSlideChange,b=n(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange"]),y=u(),S=y[0],C=y[1],k=o(null),w=a(0),E=w[0],F=w[1],I=function(){var e,n,r,t=null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.selectedScrollSnap();F(t);var i=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slideNodes())||[],o=i.length,a=(null===(r=null==k?void 0:k.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(a/2),d=l?s+f-1:c,u=t+d,p=u===o?0:u>o?u-o:u,m=t-d,h=m<0?o+m:m>0?t-d:0,g=Array(2*d+1).fill("").map((function(e,n){return v(h+n,o)}));i.map((function(e,n){if(n===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(n))for(var r=x/f,i=0;i<f;i++){if(n===v(h+i,o)||n===(a=o,(l=p-i)<0?a+l:l)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var l,a}))},L={getEmblaApi:function(e){k.current=e},onSlideChange:function(e){I(),null==g||g(e)}};return c((function(){(null==k?void 0:k.current)&&I()}),[C]),t.createElement(m.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:E}},t.createElement(d,r({ref:S,slideSize:"auto",containScroll:"trimSnaps"},L,b,{loop:!0}),"function"==typeof i?i(E):i))};h.Slide=function(e){var i=e.children,d=e.onClick,u=n(e,["children","onClick"]),s=l(m).slider,p=o(),v=o(""),h=a(0),x=h[0],g=h[1];c((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==s?void 0:s.slideNodes())||[];g(e.findIndex((function(e){return e.dataset.key===v.current})))}),[s]);var b={ref:p,"data-key":v.current,"data-index":x,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return t.createElement(f,r({},b,u),t.createElement("div",{onClick:function(){null==s||s.scrollTo(x),null==d||d(x)}},i))};export{h as C};
package/build/index-ebe71f71.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-e6f346c4.js"),r=require("react"),n=require("@mantine/carousel"),t=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(r),a=i(l).default(n.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),c=r.createContext({}),d=function(e,r){return e>=r?e-r:e},s=function(l){var i=l.children,u=l.blurFromCenter,a=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,x=l.onSlideChange,h=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange"]),m=t.useResizeObserver(),g=m[0],b=m[1],S=r.useRef(null),y=r.useState(0),C=y[0],_=y[1],k=function(){var e,r,n,t=null===(e=null==S?void 0:S.current)||void 0===e?void 0:e.selectedScrollSnap();_(t);var l=(null===(r=null==S?void 0:S.current)||void 0===r?void 0:r.slideNodes())||[],i=l.length,o=(null===(n=null==S?void 0:S.current)||void 0===n?void 0:n.slidesInView()).length,c=Math.floor(o/2),s=u?a+f-1:c,v=t+s,x=v===i?0:v>i?v-i:v,h=t-s,m=h<0?i+h:h>0?t-s:0,g=Array(2*s+1).fill("").map((function(e,r){return d(m+r,i)}));l.map((function(e,r){if(r===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==g.indexOf(r))for(var n=p/f,l=0;l<f;l++){if(r===d(m+l,i)||r===(o=i,(u=x-l)<0?o+u:u)){e.style.opacity=String((l+1)*n);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},E={getEmblaApi:function(e){S.current=e},onSlideChange:function(e){k(),null==x||x(e)}};return r.useEffect((function(){(null==S?void 0:S.current)&&k()}),[b]),o.default.createElement(c.Provider,{value:{slider:null==S?void 0:S.current,centerSlide:C}},o.default.createElement(n.Carousel,e.__assign({ref:g,slideSize:"auto",containScroll:"trimSnaps"},E,h,{loop:!0}),"function"==typeof i?i(C):i))};s.Slide=function(n){var t=n.children,l=n.onClick,i=e.__rest(n,["children","onClick"]),u=r.useContext(c).slider,d=r.useRef(),s=r.useRef(""),f=r.useState(0),v=f[0],p=f[1];r.useEffect((function(){s.current=String(Math.round(1e4*Math.random()))}),[]),r.useEffect((function(){var e=(null==u?void 0:u.slideNodes())||[];p(e.findIndex((function(e){return e.dataset.key===s.current})))}),[u]);var x={ref:d,"data-key":s.current,"data-index":v,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return o.default.createElement(a,e.__assign({},x,i),o.default.createElement("div",{onClick:function(){null==u||u.scrollTo(v),null==l||l(v)}},t))},exports.CentralCarousel=s;