@hhgtech/hhg-components 1.20.63 → 1.20.64

package/build/esm/{index.styled-86e27baf.js → index.styled-c85c6576.js}

@@ -1 +1 @@
-import n,{useRef as e,useEffect as t}from"react";import{t as i,k as o,M as a}from"./screenSizeContext-d6e9a094.js";import{createPortal as r}from"react-dom";import{am as d,an as l,ao as s,T as h,ap as p}from"./index.styled-69a7dc58.js";import{e as c}from"./tslib.es6-5532bd7b.js";import m from"styled-components";var x,u,f,g=function(e){var t=e.open,i=void 0!==t&&t,o=e.onClickOutside;return n.createElement(d,{open:i,onClick:o})},v=function(a){var d=a.children,c=a.title,m=a.onClose,x=a.open,u=void 0!==x&&x,f=a.placement,v=void 0===f?"left":f,w=a.destroyOnClose,b=void 0!==w&&w,C=a.className,y=e();t((function(){return i(u),function(){return i(!1)}}),[u]);var k=function(){y.current.classList.add("slideOut"),setTimeout((function(){m()}),800)};return!u&&b?null:r(n.createElement(n.Fragment,null,n.createElement(l,{className:C,open:u},n.createElement(g,{open:u,onClickOutside:k}),n.createElement(s,{open:u,placement:v,ref:y,hasTitle:Boolean(c)},n.createElement("div",{className:"title"},c&&n.createElement(h,{size:"s2",type:"semiBold"},c),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:k},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(p,{onClick:function(n){return n.stopPropagation()}},d&&(n.isValidElement(d)?d:"function"==typeof d?d({internalClose:k}):null))))),o())},w=m.div(x||(x=c(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),b=m.div(u||(u=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    "," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      "," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    "," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      "," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    "," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    "," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    "," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    "," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    "," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      "," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    "," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      "," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    "," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    "," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    "," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    "," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),w,w,w,w,w,w,a.mbDown,w,a.mbDown,w,a.mbDown),C=m.div(f||(f=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{v as D,b as S,C as a,w as b};
+import n,{useRef as e,useEffect as t}from"react";import{t as i,k as o,M as a}from"./screenSizeContext-d6e9a094.js";import{createPortal as r}from"react-dom";import{am as d,an as l,ao as s,T as h,ap as p}from"./index.styled-5dde8b59.js";import{e as c}from"./tslib.es6-5532bd7b.js";import m from"styled-components";var x,u,f,g=function(e){var t=e.open,i=void 0!==t&&t,o=e.onClickOutside;return n.createElement(d,{open:i,onClick:o})},v=function(a){var d=a.children,c=a.title,m=a.onClose,x=a.open,u=void 0!==x&&x,f=a.placement,v=void 0===f?"left":f,w=a.destroyOnClose,b=void 0!==w&&w,C=a.className,y=e();t((function(){return i(u),function(){return i(!1)}}),[u]);var k=function(){y.current.classList.add("slideOut"),setTimeout((function(){m()}),800)};return!u&&b?null:r(n.createElement(n.Fragment,null,n.createElement(l,{className:C,open:u},n.createElement(g,{open:u,onClickOutside:k}),n.createElement(s,{open:u,placement:v,ref:y,hasTitle:Boolean(c)},n.createElement("div",{className:"title"},c&&n.createElement(h,{size:"s2",type:"semiBold"},c),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:k},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(p,{onClick:function(n){return n.stopPropagation()}},d&&(n.isValidElement(d)?d:"function"==typeof d?d({internalClose:k}):null))))),o())},w=m.div(x||(x=c(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),b=m.div(u||(u=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    "," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      "," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    "," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      "," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    "," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    "," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    "," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    "," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    "," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      "," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    "," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      "," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    "," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    "," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    "," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    "," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),w,w,w,w,w,w,a.mbDown,w,a.mbDown,w,a.mbDown),C=m.div(f||(f=c(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{v as D,b as S,C as a,w as b};

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-5532bd7b.js";import"react";import"./core-d22826b4.js";import"./index.styled-69a7dc58.js";export{N as NavigationV2,g as getNavMenuContent,e as getNavMenuContentWithCache}from"./index-bea7d9e6.js";import"react-id-generator";import"./index-6157a8d9.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./utils-5ed9a485.js";import"lodash/debounce";import"react-dom";import"./index.styled-86e27baf.js";import"lodash";import"keen-slider/react";import"./screenSizeContext-d6e9a094.js";import"react-range";import"./translationsContext-2a7c9f4a.js";import"string-format";import"./getDynamicHealthTool-86651d3e.js";import"styled-components";import"./Locale-69030fff.js";import"./index-17fca505.js";import"./index-9dd60ba6.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./theme-a50a1aa5.js";import"smoothscroll-polyfill";import"./index-6fcace56.js";import"./index-b8401631.js";import"./useTranslations-18bb1454.js";import"./types-f57c9932.js";import"./useHealthToolCache-6668e8c3.js";import"./constants-a0a981fa.js";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"./cookieHelper-0e8521c3.js";import"slugify";import"vanilla-lazyload";import"./isProduction-6fc0946c.js";
+import"./tslib.es6-5532bd7b.js";import"react";import"./core-d22826b4.js";import"./index.styled-5dde8b59.js";export{N as NavigationV2,g as getNavMenuContent,f as getNavMenuContentWithCache}from"./index-1ed74344.js";import"react-id-generator";import"./index-ac6eee6f.js";import"date-fns";import"react-day-picker/DayPickerInput";import"./utils-b98b3f61.js";import"lodash/debounce";import"react-dom";import"./index.styled-c85c6576.js";import"lodash";import"keen-slider/react";import"./screenSizeContext-d6e9a094.js";import"react-range";import"./translationsContext-2a7c9f4a.js";import"string-format";import"./getDynamicHealthTool-86651d3e.js";import"styled-components";import"./Locale-69030fff.js";import"./index-3ed74272.js";import"./index-9dd60ba6.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./theme-a50a1aa5.js";import"smoothscroll-polyfill";import"./index-0873d7c1.js";import"./index-5e39fabf.js";import"./useTranslations-18bb1454.js";import"./types-f57c9932.js";import"./useHealthToolCache-6668e8c3.js";import"./constants-a0a981fa.js";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"./cookieHelper-0e8521c3.js";import"slugify";import"vanilla-lazyload";import"./isProduction-6fc0946c.js";