@hhgtech/hhg-components 1.22.22 → 1.22.23

package/build/esm/index.js

@@ -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-820d9982.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-a8d73207.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-1e5458a4.js";export{H as Heading}from"./index-aca74507.js";export{I as Input}from"./index-c2f532a6.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-1f8b678b.js";export{P as PureInput}from"./index-71a7683a.js";export{T as Text}from"./index-a0e2043c.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-d86e7d98.js";export{C as Container}from"./index-662d80a5.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-83eec8a7.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-f97c847d.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-cd632d53.js";export{B as BookingSearchBar,t as CareTypes}from"./types-e15564af.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-ff96a3d1.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-8c12973e.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,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-40d4438f.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"./gAssets.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"date-fns";import"./types-f57c9932.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-range";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";
+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-ddf433f0.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-a8d73207.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-1e5458a4.js";export{H as Heading}from"./index-aca74507.js";export{I as Input}from"./index-c2f532a6.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-1f8b678b.js";export{P as PureInput}from"./index-71a7683a.js";export{T as Text}from"./index-a0e2043c.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-d86e7d98.js";export{C as Container}from"./index-662d80a5.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-83eec8a7.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-f97c847d.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-cd632d53.js";export{B as BookingSearchBar,t as CareTypes}from"./types-e15564af.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-ff96a3d1.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-8c12973e.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,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-40d4438f.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"./gAssets.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"date-fns";import"./types-f57c9932.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-range";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

@@ -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,Indicator as m,Textarea as u,Modal as p,Badge as h,Spoiler as f,Accordion as g,Avatar as v,LoadingOverlay as b,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-ff96a3d1.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-40d4438f.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-a0e2043c.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=function(n){return o.createElement(m,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:z.colors.red700}}},n))},$=P(u)(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),nn=function(n){return o.createElement($,t({minRows:2,maxRows:4},n))},en=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),tn=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(en,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)}}))})))},rn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(h,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},on=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,u=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 p=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(f,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.showLess"))},d,{maxHeight:u}),r)},an=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")})),ln=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(an,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};ln.Control=g.Control,ln.Item=g.Item,ln.Panel=g.Panel;var cn=S.getAssetPath("avatar.jpg"),sn=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,u=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(v,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:cn,width:s}))};return i?o.createElement(m,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},dn=function(n){return o.createElement(b,t({loaderProps:{color:z.colors.primaryBase}},n))},mn=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)};mn.Slide=T.Slide;var un=function(n){return o.createElement(x,t({},n))};un.Group=x.Group;var pn,hn,fn,gn="hhgcomp-mantine-slider-slider",vn=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(hn||(hn=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),xn=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,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(d||m||0),g=f[0],v=f[1],b=W(g,R)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((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(vn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?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"}))))},wn=P(k)(fn||(fn=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})),kn=function(n){return o.createElement(wn,t({size:"sm"},n))};kn.Group=k.Group;var yn,Cn,En=P(y)(yn||(yn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),Sn=((Cn={})[B.Vietnam]="vi",Cn[B.Cambodia]="km",Cn[B.India]="hi",Cn[B.Indonesia]="id",Cn[B.Malaysia]="ms",Cn[B.Thailand]="th",Cn[B.Taiwan]="zh-tw",Cn[B.PhilippinesTagalog]="tl-ph",Cn[B.PhilippinesEnglish]="en",Cn[B.Myanmar]="my",Cn),jn=function(n){l((function(){Sn[n]&&require("dayjs/locale/".concat(Sn[n],".js"))}),[n])},An={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},Pn=function(n){return{datesLocale:Sn[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:An}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},An),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Mn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return jn(i),o.createElement(E,t({theme:Pn(i)},a),r)};export{ln as Accordion,sn as Avatar,rn as Badge,mn as Carousel,un as Checkbox,K as DatePicker,Z as Indicator,dn as LoadingOverlay,Sn as MAPPED_LOCALE,Mn as MantineProvider,tn as Modal,kn as Radio,q as Select,xn as Slider,on as Spoiler,En as Switch,nn as TextArea,Pn as getMantineThemeOverride,jn as useMantineLocale};
+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,Indicator as m,Textarea as u,Modal as p,Badge as h,Spoiler as f,Accordion as g,Avatar as v,LoadingOverlay as b,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-ff96a3d1.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-40d4438f.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-a0e2043c.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 F}from"@mantine/hooks";import{B as W}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=function(n){return o.createElement(m,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:z.colors.red700}}},n))},$=P(u)(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),nn=function(n){return o.createElement($,t({minRows:2,maxRows:4},n))},en=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),tn=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(en,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)}}))})))},rn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(h,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},on=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=e.customExpandFn,m=n(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),u=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 h=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(f,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},h,{onClick:d}),u("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},h),u("articlePage.showLess"))},m,{maxHeight:p}),r)},an=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")})),ln=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(an,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};ln.Control=g.Control,ln.Item=g.Item,ln.Panel=g.Panel;var cn=S.getAssetPath("avatar.jpg"),sn=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,u=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(v,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:cn,width:s}))};return i?o.createElement(m,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},dn=function(n){return o.createElement(b,t({loaderProps:{color:z.colors.primaryBase}},n))},mn=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)};mn.Slide=T.Slide;var un=function(n){return o.createElement(x,t({},n))};un.Group=x.Group;var pn,hn,fn,gn="hhgcomp-mantine-slider-slider",vn=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(hn||(hn=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),xn=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,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(d||m||0),g=f[0],v=f[1],b=F(g,R)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(bn,null,c&&o.createElement(W,{type:"button",size:"sm",color:"ghost",onClick:function(){v((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(vn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),c&&o.createElement(W,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?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"}))))},wn=P(k)(fn||(fn=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})),kn=function(n){return o.createElement(wn,t({size:"sm"},n))};kn.Group=k.Group;var yn,En,Cn=P(y)(yn||(yn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),Sn=((En={})[B.Vietnam]="vi",En[B.Cambodia]="km",En[B.India]="hi",En[B.Indonesia]="id",En[B.Malaysia]="ms",En[B.Thailand]="th",En[B.Taiwan]="zh-tw",En[B.PhilippinesTagalog]="tl-ph",En[B.PhilippinesEnglish]="en",En[B.Myanmar]="my",En),jn=function(n){l((function(){Sn[n]&&require("dayjs/locale/".concat(Sn[n],".js"))}),[n])},An={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},Pn=function(n){return{datesLocale:Sn[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:An}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},An),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Mn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return jn(i),o.createElement(E,t({theme:Pn(i)},a),r)};export{ln as Accordion,sn as Avatar,rn as Badge,mn as Carousel,un as Checkbox,K as DatePicker,Z as Indicator,dn as LoadingOverlay,Sn as MAPPED_LOCALE,Mn as MantineProvider,tn as Modal,kn as Radio,q as Select,xn as Slider,on as Spoiler,Cn as Switch,nn as TextArea,Pn as getMantineThemeOverride,jn as useMantineLocale};