@hhgtech/hhg-components 1.21.80 → 1.21.82

package/build/esm/localizeNumberFormat-77c129ef.js

@@ -1 +0,0 @@
-import{differenceInWeeks as r,differenceInMonths as t}from"date-fns";var o=function(o,e){void 0===e&&(e=new Date);var n=r(e,o,{roundingMethod:"ceil"}),a=t(e,o);return{year:Math.floor(a/12),month:a%12,week:n}},e=function(r,t,o){return void 0===o&&(o=2),Intl.NumberFormat(void 0,{maximumFractionDigits:o}).format(r)},n=function(r){return Number(r.replace(/,/gi,"."))};export{o as a,n as c,e as l};

package/build/esm/screenSizeContext-1852eabc.js

@@ -1 +0,0 @@
-import{e as n,_ as t}from"./tslib.es6-dcf36680.js";import{keyframes as a}from"styled-components";import r from"vanilla-lazyload";import i,{createContext as e,useState as o,useEffect as s,useMemo as d}from"react";import{throttle as m}from"lodash";var c,_,l,E,f,B,O,P,I,T=function(n){var t=Object.keys(n);return t.length?"?"+t.map((function(t){return"".concat(t,"=").concat(n[t])})).join("&"):""},A=function(n,t,a){void 0===t&&(t=1),void 0===a&&(a="page");var r=n.split("?"),i=r[0],e=r[1],o=new URLSearchParams(e||""),s={};return o.forEach((function(n,t){n&&(s[t]=n)})),Number(t)>1?s[a]=String(t):delete s[a],i+T(s)},p=function(n){"undefined"!=typeof window&&(document.documentElement.style.overflow=n?"hidden":"")},u={BREAK_POINT_SMALL_MOBILE:480,BREAK_POINT_MOBILE:768,BREAK_POINT_TABLET:1024,BREAK_POINT_PC:1159,BREAK_POINT_LGPC:1440},L={smbDown:"@media (max-width: ".concat(u.BREAK_POINT_SMALL_MOBILE-1,"px)"),smbUp:"@media (min-width: ".concat(u.BREAK_POINT_SMALL_MOBILE,"px)"),mbDown:"@media (max-width: ".concat(u.BREAK_POINT_MOBILE-1,"px)"),mbOnly:"@media (min-width: ".concat(u.BREAK_POINT_SMALL_MOBILE,"px) and (max-width: ").concat(u.BREAK_POINT_MOBILE-1,"px)"),mbUp:"@media (min-width: ".concat(u.BREAK_POINT_MOBILE,"px)"),tdDown:"@media (max-width: ".concat(u.BREAK_POINT_TABLET-1,"px)"),tdOnly:"@media (min-width: ".concat(u.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(u.BREAK_POINT_TABLET-1,"px)"),tdUp:"@media (min-width: ".concat(u.BREAK_POINT_TABLET,"px)"),pcUp:"@media (min-width: ".concat(u.BREAK_POINT_PC,"px)"),pcOnly:"@media (min-width: ".concat(u.BREAK_POINT_TABLET,"px) and (max-width: ").concat(u.BREAK_POINT_PC-1,"px)"),pcDown:"@media (max-width: ".concat(u.BREAK_POINT_PC-1,"px)"),lgPcUp:"@media (min-width: ".concat(u.BREAK_POINT_LGPC,"px)"),lgPcOnly:"@media (min-width: ".concat(u.BREAK_POINT_PC,"px) and (max-width: ").concat(u.BREAK_POINT_LGPC-1,"px)"),lgPcDown:"@media (max-width: ".concat(u.BREAK_POINT_LGPC-1,"px)"),mbToPC:"@media (min-width: ".concat(u.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(u.BREAK_POINT_PC-1,"px)")},w=function(n){switch(n){case"smbDown":return[0,u.BREAK_POINT_SMALL_MOBILE-1];case"smbUp":return[u.BREAK_POINT_SMALL_MOBILE,0];case"mbDown":return[0,u.BREAK_POINT_MOBILE-1];case"mbOnly":return[u.BREAK_POINT_SMALL_MOBILE,u.BREAK_POINT_MOBILE-1];case"mbUp":return[u.BREAK_POINT_MOBILE,0];case"tdDown":return[0,u.BREAK_POINT_TABLET-1];case"tdOnly":return[u.BREAK_POINT_MOBILE,u.BREAK_POINT_TABLET-1];case"tdUp":return[u.BREAK_POINT_TABLET,0];case"pcUp":return[u.BREAK_POINT_PC,0];case"pcOnly":return[u.BREAK_POINT_TABLET,u.BREAK_POINT_PC-1];case"pcDown":return[0,u.BREAK_POINT_PC-1];case"lgPcUp":return[u.BREAK_POINT_LGPC,0];case"lgPcOnly":return[u.BREAK_POINT_PC,u.BREAK_POINT_LGPC-1];case"lgPcDown":return[0,u.BREAK_POINT_LGPC-1];case"mbToPC":return[u.BREAK_POINT_MOBILE,u.BREAK_POINT_PC-1]}},R=function(){if("undefined"==typeof document)return null;var n="hhg-comp-popup-wrapper";if(!document.querySelector("#"+n)){var t=document.createElement("div");t.id=n,document.body.appendChild(t)}return document.querySelector("#"+n)},N=function(n){return n.replace(/\w\S*/g,(function(n){return n.charAt(0).toUpperCase()+n.substr(1).toLowerCase()}))},K=function(n){return decodeURI(n)!==n?n:encodeURI(n)},h=a(c||(c=n(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),b=a(_||(_=n(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),v=a(l||(l=n(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),y=a(E||(E=n(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),M=a(f||(f=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),x=a(B||(B=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),C=a(O||(O=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),S=a(P||(P=n(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),g=a(I||(I=n(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),U=null;"undefined"==typeof window||U||(U=new r);var D=e({isInit:!0}),G=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<u.BREAK_POINT_SMALL_MOBILE,mobile:t>=u.BREAK_POINT_SMALL_MOBILE&&t<u.BREAK_POINT_MOBILE,tablet:t>=u.BREAK_POINT_MOBILE&&t<u.BREAK_POINT_TABLET,pc:t>=u.BREAK_POINT_TABLET&&t<u.BREAK_POINT_PC,xl:t>=u.BREAK_POINT_PC}},j=function(n){var a=n.children,r=o((function(){return{isInit:!0}})),e=r[0],c=r[1];s((function(){var n=m((function(){c({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var _=d((function(){return G(e.width)}),[e.width]);return i.createElement(D.Provider,{value:t(t({},e),{sizeGroups:_})},a)};export{u as B,L as M,D as S,b as a,v as b,y as c,S as d,M as e,x as f,C as g,g as h,A as i,w as j,R as k,U as l,T as m,N as n,K as o,G as p,j as q,h as s,p as t};

package/build/esm/theme-21fb8984.js

@@ -1 +0,0 @@
-import{e as n,_ as e,b as t}from"./tslib.es6-dcf36680.js";import r,{useState as a,useEffect as o,createContext as i,useContext as l,useRef as c}from"react";import{Image as s,Accordion as d,Indicator as u,Avatar as m,createEmotionCache as p,FileInput as f,NumberInput as h,PasswordInput as g,TextInput as v,Checkbox as b,Slider as y,Radio as C,Switch as k}from"@mantine/core";import{CommonGAssets as Y}from"./gAssets.js";import{DatePicker as w,DateRangePicker as x}from"@mantine/dates";import S,{css as M}from"styled-components";import{useDebouncedValue as E,useResizeObserver as D}from"@mantine/hooks";import{Carousel as A}from"@mantine/carousel";import{Z as P}from"./index-6384e385.js";import"date-fns";import"./screenSizeContext-1852eabc.js";import{t as I}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import{L as F}from"./Locale-69030fff.js";var z,j,T,R,B=S(w)(j||(j=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&M(z||(z=n(["\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    "])))})),L=S(x)(R||(R=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&M(T||(T=n(["\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    "])))})),N=function(n){return r.createElement(B,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(s,{src:Y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};N.Range=function(n){return r.createElement(L,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(s,{src:Y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var O,V=S(d)(O||(O=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"],["\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||Y.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||Y.getAssetPath("minus-icon.svg")})),W=function(n){var a=n.children,o=t(n,["children"]);return r.createElement(V,e({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},o),a)};W.Control=d.Control,W.Item=d.Item,W.Panel=d.Panel;var G,H=Y.getAssetPath("avatar.jpg"),U=function(n){var a=n.withIndicator,o=void 0!==a&&a,i=n.indicatorConfig,l=void 0===i?null:i,c=n.size,s=void 0===c?56:c,d=n.children,p=t(n,["withIndicator","indicatorConfig","size","children"]),f=function(){return r.createElement(m,e({size:s,radius:"xl"},p),d||r.createElement("img",{src:H,width:s}))};return o?r.createElement(u,e({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:r.isValidElement(l.label)&&"transparent"}}}),f()):f()},Z=300,q=p({key:"mantine",prepend:!1}),_=((G={})[F.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},G[F.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.India]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},G[F.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},G[F.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},G[F.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},G[F.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},G),J=Y.getAssetPath("EyeVisible.svg"),K=Y.getAssetPath("EyeHidden.svg"),Q=function(n){var i=n.value,l=n.onChange,c=t(n,["value","onChange"]),s=a(i||""),d=s[0],u=s[1],m=E(d,Z)[0];return o((function(){null==l||l(m)}),[m]),o((function(){u(i)}),[i]),r.createElement(v,e({size:"md",onChange:function(n){return u(n.currentTarget.value)},value:d},c))};Q.File=function(n){return r.createElement(f,e({size:"md"},n))},Q.Password=function(n){var i=n.value,l=n.onChange,c=t(n,["value","onChange"]),s=a(i||""),d=s[0],u=s[1],m=E(d,Z)[0];return o((function(){null==l||l(m)}),[m]),o((function(){u(i)}),[i]),r.createElement(g,e({size:"md",onChange:function(n){return u(n.currentTarget.value)},visibilityToggleIcon:function(n){var e=n.reveal,t=n.size;return e?r.createElement("img",{src:J,width:t}):r.createElement("img",{src:K,width:t})},styles:{rightSection:{pointerEvents:"initial"}},value:d},c))},Q.Number=function(n){var i=n.value,l=n.onChange,c=t(n,["value","onChange"]),s=a(i||0),d=s[0],u=s[1],m=E(d,Z)[0];return o((function(){null==l||l(m)}),[m]),o((function(){u(i)}),[i]),r.createElement(h,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(n){return Math.max(1e3/Math.pow(n,2),25)},onChange:u,hideControls:!0,min:0,formatter:function(n){return 0===Number(n)?"":n||""},removeTrailingZeros:!0,value:d},c))};var X=function(n){var a=n.slidesToShow,o=void 0===a?1:a,i=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(A,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};X.Slide=A.Slide;var $,nn=S(A.Slide)($||($=n([""],[""]))),en=i({}),tn=function(n,e){return n>=e?n-e:n},rn=function(n){var i=n.children,l=n.blurFromCenter,s=n.blurFromIndex,d=n.blurLength,u=void 0===d?3:d,m=n.maxBlurOpacity,p=void 0===m?.5:m,f=n.onSlideChange,h=t(n,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange"]),g=D(),v=g[0],b=g[1],y=c(null),C=a(0),k=C[0],Y=C[1],w=function(){var n,e,t,r=null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.selectedScrollSnap();Y(r);var a=(null===(e=null==y?void 0:y.current)||void 0===e?void 0:e.slideNodes())||[],o=a.length,i=(null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.slidesInView()).length,c=Math.floor(i/2),d=l?s+u-1:c,m=r+d,f=m===o?0:m>o?m-o:m,h=r-d,g=h<0?o+h:h>0?r-d:0,v=Array(2*d+1).fill("").map((function(n,e){return tn(g+e,o)}));a.map((function(n,e){if(e===r?n.classList.add("center-slide"):n.classList.remove("center-slide"),-1!==v.indexOf(e))for(var t=p/u,a=0;a<u;a++){if(e===tn(g+a,o)||e===(l=o,(i=f-a)<0?l+i:i)){n.style.opacity=String((a+1)*t);break}n.style.opacity="1"}else n.style.opacity="0";var i,l}))},x={getEmblaApi:function(n){y.current=n},onSlideChange:function(n){w(),null==f||f(n)}};return o((function(){(null==y?void 0:y.current)&&w()}),[b]),r.createElement(en.Provider,{value:{slider:null==y?void 0:y.current,centerSlide:k}},r.createElement(A,e({ref:v,slideSize:"auto",containScroll:"trimSnaps"},x,h,{loop:!0}),"function"==typeof i?i(k):i))};rn.Slide=function(n){var i=n.children,s=n.onClick,d=t(n,["children","onClick"]),u=l(en).slider,m=c(),p=c(""),f=a(0),h=f[0],g=f[1];return o((function(){p.current=String(Math.round(1e4*Math.random()))}),[]),o((function(){var n=(null==u?void 0:u.slideNodes())||[];g(n.findIndex((function(n){return n.dataset.key===p.current})))}),[u]),r.createElement(nn,e({ref:m,"data-key":p.current,"data-index":h},d),r.createElement("div",{onClick:function(){null==u||u.scrollTo(h),null==s||s(h)}},i))};var an=function(n){return r.createElement(b,e({},n))};an.Group=b.Group;var on,ln,cn,sn="hhgcomp-mantine-slider-slider",dn=P(S(y)(on||(on=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"],["\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})),sn),un=S.div(ln||(ln=n(["\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"])),sn),mn=S(C)(cn||(cn=n(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||I.colors.primaryBase})),pn=function(n){return r.createElement(mn,e({size:"sm"},n))};pn.Group=C.Group;var fn,hn,gn=S(k)(fn||(fn=n(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),vn=((hn={})[F.Vietnam]="vi",hn[F.Cambodia]="km",hn[F.India]="hi",hn[F.Indonesia]="id",hn[F.Malaysia]="ms",hn[F.Thailand]="th",hn[F.Taiwan]="zh-tw",hn[F.PhilippinesTagalog]="tl-ph",hn[F.PhilippinesEnglish]="en",hn[F.Myanmar]="my",hn),bn=function(n){o((function(){vn[n]&&require("dayjs/locale/".concat(vn[n],".js"))}),[n])},yn={"&:hover":{borderColor:"".concat(I.colors.blue200),boxShadow:"0 0 2px 2px ".concat(I.colors.blue200)}},Cn=function(n){return{datesLocale:vn[n],dateFormat:_[n].dateFormat,fontFamily:n===F.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:_[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(I.colors.blue200),boxShadow:"0 0 2px 2px ".concat(I.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:yn}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},yn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};export{W as A,rn as C,Z as D,Q as I,vn as M,pn as R,un as S,dn as a,N as b,U as c,X as d,an as e,gn as f,Cn as g,q as h,bn as u};