@hhgtech/hhg-components 1.23.88-beta-2 → 1.23.89

package/build/index-19cf7ab7.js

@@ -1 +0,0 @@
-"use strict";var n=require("react"),e=require("./index-22f85e6b.js"),t=require("./tslib.es6-9ca973bc.js"),a=require("./theme-929496b2.js"),r=require("styled-components"),o=require("./utils-ef99dc6d.js"),i=require("./defaultClassWrapper-27713cbf.js"),l=require("./index-1c8abe00.js"),s=require("./index-e75c7ef4.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,p,u,g,f,h,m,x,v,b,w,y,k,E,z,_,L,C,j,T,N,M,B,O,P=c(n),S=c(r),A="CHw-fZZ",I="_03U6VRS",D="EO828Vv",q=S.default.div(d||(d=t.__makeTemplateObject(["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"],["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return function(n,e,t,r){var o="";if("numeric"===n)switch(e){case"medium":o="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":o="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var i,l="";t&&(l="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),t&&(i="\n      left: 70%;\n\n      ".concat("large"===e?"\n        top: -7px;\n      ":"medium"===e?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":"","\n    "));var s="";switch(r){case"primary":s="\n      background: ".concat(a.theme.colors.blue50,";\n      color: ").concat(a.theme.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(a.theme.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(l,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(l,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(o,"\n        ").concat(i,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "})),F=S.default.h4(p||(p=t.__makeTemplateObject(["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"],["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),o.MediaQueries.mbDown),U=S.default.div(u||(u=t.__makeTemplateObject(["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200})),W=S.default.div(g||(g=t.__makeTemplateObject(["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),H=S.default.ul(f||(f=t.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),V=S.default.li(h||(h=t.__makeTemplateObject(["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),R=S.default.div(m||(m=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"]))),Z=S.default.div(x||(x=t.__makeTemplateObject(["\n  --columns-count: ",";\n  --columns-count-desktop: ",";\n\n  --grid-template-columns: ",";\n  --grid-template-columns-desktop: ",";\n\n  --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n  --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n  --justify-children: ",";\n  --grid-gap: ",";\n  --align-items: ",";\n\n  display: grid;\n  grid-template-columns: var(--columns);\n  grid-gap: var(--grid-gap);\n  align-items: var(--align-items);\n\n  "," {\n    grid-template-columns: var(--columns-desktop);\n  }\n\n  > * {\n    justify-self: var(--justify-children);\n  }\n"],["\n  --columns-count: ",";\n  --columns-count-desktop: ",";\n\n  --grid-template-columns: ",";\n  --grid-template-columns-desktop: ",";\n\n  --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n  --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n  --justify-children: ",";\n  --grid-gap: ",";\n  --align-items: ",";\n\n  display: grid;\n  grid-template-columns: var(--columns);\n  grid-gap: var(--grid-gap);\n  align-items: var(--align-items);\n\n  "," {\n    grid-template-columns: var(--columns-desktop);\n  }\n\n  > * {\n    justify-self: var(--justify-children);\n  }\n"])),(function(n){return n.theme.columns}),(function(n){return n.theme.columnsDesktop}),(function(n){return n.theme.gridTemplateColumns}),(function(n){return n.theme.gridTemplateColumnsDesktop}),(function(n){return n.theme.justifyChildren}),(function(n){return n.theme.gap}),(function(n){return n.theme.alignItems}),o.MediaQueries.tdUp),Q=S.default.div(v||(v=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  li {\n    transition: all 0.3s ease;\n  }\n  [data-page-active] {\n    background: ",";\n    color: ",";\n\n    > a {\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  li {\n    transition: all 0.3s ease;\n  }\n  [data-page-active] {\n    background: ",";\n    color: ",";\n\n    > a {\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),X=S.default.div(b||(b=t.__makeTemplateObject(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid ",";\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  &[data-last-page] {\n    border: none;\n    background-color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      path {\n        stroke: ",";\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid ",";\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  &[data-last-page] {\n    border: none;\n    background-color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      path {\n        stroke: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray300})),Y=S.default.li(w||(w=t.__makeTemplateObject(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  > a {\n    color: ",";\n    text-decoration: unset;\n    display: block;\n    width: 100%;\n    height: 100%;\n    line-height: 32px;\n    text-align: center;\n  }\n"],["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  > a {\n    color: ",";\n    text-decoration: unset;\n    display: block;\n    width: 100%;\n    height: 100%;\n    line-height: 32px;\n    text-align: center;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),G=function(e){var a=e.pagesAmount,r=e.activePage,i=e.handlePageChange,l=e.handleClick,s=e.href,c=e.queryPageName,d=void 0===c?"page":c,p=t.__spreadArray([],Array(a),!0).map((function(n,e){return e+1})),u=n.useState(r<=4?p.slice(0,5):r>=p.length-3?p.slice(p.length-5,p.length):p.slice(r-2,r+1)),g=u[0],f=u[1];return n.useEffect((function(){r<=4?f(p.slice(0,5)):r>=p.length-3?f(p.slice(p.length-5,p.length)):f(p.slice(r-2,r+1))}),[r]),P.default.createElement(n.Fragment,null,r>4&&P.default.createElement(n.Fragment,null,P.default.createElement(Y,{onClick:function(){return i(1)}},s?P.default.createElement("a",{href:s,onClick:l},1):1),P.default.createElement(Y,null,"...")),g.map((function(n){return P.default.createElement(Y,{key:"".concat("pagination","+").concat(n),"data-page-active":n===r||void 0,onClick:function(){return i(n)}},s?P.default.createElement("a",{href:o.formatUrlWithPageParam(s,n,d),onClick:l},n):n)})),r<p.length-3&&P.default.createElement(n.Fragment,null,P.default.createElement(Y,null,"..."),P.default.createElement(Y,{onClick:function(){return i(p.length)}},s?P.default.createElement("a",{href:o.formatUrlWithPageParam(s,p.length,d),onClick:l},p.length):p.length)))},J=S.default.div(y||(y=t.__makeTemplateObject(["\n  &[data-shadow-size='small'] {\n    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='normal'] {\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='medium'] {\n    filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='large'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='soft'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  &[data-shadow-size='small'] {\n    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='normal'] {\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='medium'] {\n    filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='large'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n  &[data-shadow-size='soft'] {\n    filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  }\n"]))),K=S.default.div(k||(k=t.__makeTemplateObject(["\n  --padding-horizontal: 8px;\n  --pading-vertical: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--pading-vertical) var(--padding-horizontal);\n  border-radius: 24px;\n\n  ","\n\n  ","\n\n  ","\n\n  p {\n    ","\n  }\n\n  ","\n\n  ","\n\n  "," \n\n  &[data-is-selected],\n  &:active {\n    background: ",";\n  }\n"],["\n  --padding-horizontal: 8px;\n  --pading-vertical: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--pading-vertical) var(--padding-horizontal);\n  border-radius: 24px;\n\n  ","\n\n  ","\n\n  ","\n\n  p {\n    ","\n  }\n\n  ","\n\n  ","\n\n  "," \n\n  &[data-is-selected],\n  &:active {\n    background: ",";\n  }\n"])),(function(n){return"sponsored"===n.tagType&&"\n    --offset-size: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    position: relative;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n    border-radius: 0 4px 18px 0;\n    height: 24px;\n    width: 90px;\n    border-left: var(--offset-size) solid ".concat(a.theme.colors.accentLight,";\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ").concat(a.theme.sizes.fwBold,";\n      color: var(\n        --text-props-color,\n        ").concat(a.theme.colors.secondaryDark,"\n      );\n      font-size: 11px;\n      margin-left: calc(var(--offset-size) * -1);\n    }\n\n    &::after {\n      width: calc(var(--offset-size) * 2);\n      height: var(--offset-size);\n      background: ").concat(a.theme.colors.accentMain,";\n      position: absolute;\n      left: calc(var(--offset-size) * -1);\n      bottom: calc(var(--offset-size) * -1);\n      clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n      content: '';\n    }\n  ")}),(function(n){return n.isInline&&"\n      display: inline-block;\n  "}),(function(n){return n.tagHasMorePadding&&"\n    &[data-has-more-padding] {\n      padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n    }\n  "}),(function(n){return n.tagIsLight?"\n      color: var(--text-props-color, #000);\n      ":"\n      color: var(--text-props-color, ".concat((function(n){return n.theme.colors.white}),");\n        ")}),(function(n){return function(n,e){switch(n){case"yellow":var t=e?a.theme.colors.yellow50:a.theme.colors.yellow600;return"\n        background: ".concat(t,";\n        p {\n          color: var(\n            --text-props-color,\n            ").concat(a.theme.colors.gray800,"\n          );\n        }\n      ");case"standard":return"\n      background: ".concat(a.theme.colors.white,";\n      border: 1px solid ").concat(a.theme.colors.gray200,";\n  \n      p {\n        color: var(\n          --text-props-color,\n          ").concat(a.theme.colors.gray800,"\n        );\n      }\n  \n      &:hover {\n        background: ").concat(a.theme.colors.gray100,";\n      }\n      ");case"red":return t=e?a.theme.colors.red50:a.theme.colors.red500,"\n         background: ".concat(t,";\n        ");case"green":return t=e?a.theme.colors.green50:a.theme.colors.green500,"\n         background: ".concat(t,";\n      ");case"blue":return t=e?a.theme.colors.blue50:a.theme.colors.primaryBase,"\n         background: ".concat(t,";\n      ");case"teal":return t=e?a.theme.colors.teal100:a.theme.colors.teal600,"\n         background: ".concat(t,";\n      ");case"pink":return t=e?a.theme.colors.pink200:a.theme.colors.pink800,"\n         background: ".concat(t,";\n      ");case"violet":return t=e?a.theme.colors.violet100:a.theme.colors.violet500,"\n          background: ".concat(t,";\n      ");case"grey":return t=e?a.theme.colors.gray100:a.theme.colors.gray600,"\n          background: ".concat(t,";\n      ")}}(n.tagType,n.tagIsLight)}),(function(n){return n.tagIsSquared&&"sponsored"!==n.tagType&&"\n    border-radius: 4px;\n  "}),(function(n){return n.tagIsALink&&"\n    cursor: pointer;\n  "}),(function(n){return n.theme.colors.blue50})),$="24px",nn=S.default.span(E||(E=t.__makeTemplateObject(["\n  position: relative;\n  display: block;\n  width: 40px;\n  height: ",";\n  background: #c3cbd4;\n  border-radius: 100px;\n  cursor: pointer;\n\n  &:after {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    content: '';\n    transition: 0.3s;\n  }\n"],["\n  position: relative;\n  display: block;\n  width: 40px;\n  height: ",";\n  background: #c3cbd4;\n  border-radius: 100px;\n  cursor: pointer;\n\n  &:after {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    content: '';\n    transition: 0.3s;\n  }\n"])),$),en="hhgcomp-toggle-icon",tn=i.getDefaultClassWrapper(nn,en),an=S.default.span(z||(z=t.__makeTemplateObject(["\n  padding-left: 15px;\n"],["\n  padding-left: 15px;\n"]))),rn=S.default.div(_||(_=t.__makeTemplateObject(["\n  height: ",";\n\n  input[type='checkbox'] {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    color: ",";\n  }\n\n  input:checked + label ."," {\n    background: ",";\n    &:after {\n      left: calc(100% - 2px);\n      transform: translateX(-100%);\n    }\n  }\n"],["\n  height: ",";\n\n  input[type='checkbox'] {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  label {\n    cursor: pointer;\n    display: inline-flex;\n    color: ",";\n  }\n\n  input:checked + label ."," {\n    background: ",";\n    &:after {\n      left: calc(100% - 2px);\n      transform: translateX(-100%);\n    }\n  }\n"])),$,(function(n){return n.theme.colors.gray600}),en,(function(n){return n.theme.colors.primaryBase})),on=S.default.div(L||(L=t.__makeTemplateObject(["\n  a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n\n    &:visited {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    & > a {\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  @include layout-sp {\n    &[data-size='lg'] {\n      & > a {\n        font-size: 16px;\n        font-weight: ",";\n        line-height: 24px;\n      }\n    }\n    &[data-size='md'] {\n      & > a {\n        font-size: 14px;\n        font-weight: ",";\n        line-height: 22px;\n      }\n    }\n    &[data-size='sm'] {\n      & > a {\n        font-size: 13px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n    &[data-size='xm'] {\n      & > a {\n        font-size: 11px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n  }\n"],["\n  a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n\n    &:visited {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    & > a {\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  @include layout-sp {\n    &[data-size='lg'] {\n      & > a {\n        font-size: 16px;\n        font-weight: ",";\n        line-height: 24px;\n      }\n    }\n    &[data-size='md'] {\n      & > a {\n        font-size: 14px;\n        font-weight: ",";\n        line-height: 22px;\n      }\n    }\n    &[data-size='sm'] {\n      & > a {\n        font-size: 13px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n    &[data-size='xm'] {\n      & > a {\n        font-size: 11px;\n        font-weight: ",";\n        line-height: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryVisited}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),ln=S.default.div(C||(C=t.__makeTemplateObject(["\n  .default-button[data-color='secondary'] {\n    border: solid 2px ",";\n    color: ",";\n\n    &:hover {\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      & > svg {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  .default-button[data-color='secondary'] {\n    border: solid 2px ",";\n    color: ",";\n\n    &:hover {\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      & > svg {\n        fill: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),sn=S.default.div(j||(j=t.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n    position: relative;"})),cn=S.default.div(T||(T=t.__makeTemplateObject(["\n  --icon-wrapper-size: 32px;\n  display: flex;\n  width: var(--icon-wrapper-size);\n  height: var(--icon-wrapper-size);\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n\n  ","\n\n  & > svg {\n    width: calc(var(--icon-wrapper-size) / 2);\n    height: calc(var(--icon-wrapper-size) / 2);\n  }\n"],["\n  --icon-wrapper-size: 32px;\n  display: flex;\n  width: var(--icon-wrapper-size);\n  height: var(--icon-wrapper-size);\n  align-items: center;\n  justify-content: center;\n  background-color: ",";\n  border-radius: 50%;\n\n  ","\n\n  & > svg {\n    width: calc(var(--icon-wrapper-size) / 2);\n    height: calc(var(--icon-wrapper-size) / 2);\n  }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n["data-is-attached-to-element"]&&"\n    position: absolute;\n    bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n    right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n  "})),dn=S.default.div(N||(N=t.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),pn=S.default.div(M||(M=t.__makeTemplateObject(["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"],["\n  background-color: var(--neutral50);\n  padding: 12px 0;\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n\n  > * {\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    align-content: center;\n\n    p {\n      font-weight: 600;\n    }\n  }\n\n  .icon-wrapper {\n    display: flex;\n    align-items: center;\n  }\n"]))),un=S.default.div(B||(B=t.__makeTemplateObject(["\n  display: inline-flex;\n\n  gap: calc(var(--gap) * 1px);\n  > svg {\n    width: calc(var(--star-size) * 1px);\n    height: calc(var(--star-size) * 1px);\n  }\n\n  &[data-selectable='true'] {\n    > svg {\n      cursor: pointer;\n    }\n  }\n"],["\n  display: inline-flex;\n\n  gap: calc(var(--gap) * 1px);\n  > svg {\n    width: calc(var(--star-size) * 1px);\n    height: calc(var(--star-size) * 1px);\n  }\n\n  &[data-selectable='true'] {\n    > svg {\n      cursor: pointer;\n    }\n  }\n"]))),gn=function(n){return P.default.createElement("svg",t.__assign({},n,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},fn=function(n){return P.default.createElement("svg",t.__assign({},n,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},hn=function(e){var a=n.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return P.default.createElement("svg",t.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),P.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),P.default.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},P.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),P.default.createElement("g",{mask:"url(#".concat(a,")")},P.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},mn=S.default.div(O||(O=t.__makeTemplateObject(["\n  height: 4px;\n  position: relative;\n\n  &:before {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    opacity: 0.15;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &:after {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: calc(var(--progress) * 1%);\n  }\n"],["\n  height: 4px;\n  position: relative;\n\n  &:before {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    opacity: 0.15;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &:after {\n    content: '';\n    border-radius: 2px;\n    background-color: ",";\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: calc(var(--progress) * 1%);\n  }\n"])),(function(n){return n.theme.colors.yellow400}),(function(n){return n.theme.colors.yellow400}));exports.Alert=function(n){var t=n.style,a=n.onClose,r=n.text,o=n.type,i=n.contentIcon,l=n.closeIcon,s=n.className,c=n.description;return P.default.createElement("div",{className:"".concat(A," ").concat(s||""),style:t,"data-alert-type":o},P.default.createElement("div",{className:I},P.default.createElement("div",{className:"icon-title"},i,P.default.createElement(e.Text,{type:"bold",size:"label1"},r)),P.default.createElement(e.Text,{type:"regular",size:"p3"},c)),P.default.createElement("div",{className:D,onClick:a},l))},exports.Badge=function(n){var e=n.amount,t=n.type,a=n.size,r=void 0===a?"medium":a,o=n.color,i=void 0===o?"primary":o,l=n.icon,s=n.className;return P.default.createElement(q,{"data-notification-type":t,"data-notification-size":r,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:r,notificationColor:i,hasIcon:!!l,className:s},P.default.createElement("div",null,e&&P.default.createElement("span",null,e)," ",l&&P.default.createElement("div",null,l)))},exports.BorderHeading=function(n){var e=n.style,a=n.children,r=n.className,o=n.size,i=void 0===o?"lg":o,l=n.type,s=void 0===l?"bold":l,c=n.upperCase,d=n.as,p=void 0===d?"h4":d,u=n.color;return P.default.createElement(F,{style:t.__assign({color:u},e),className:r,"data-size":i,"data-type":s,"data-uppercase":c,as:p},a)},exports.FileDropdown=function(e){var t=e.className,a=e.value,r=e.options,o=e.onUploadSelected,i=e.id,l=e.placeholderIcon,s=e.placeholder,c=e.style,d=n.useState(!1),p=d[0],u=d[1],g=function(){return u(!p)},f=n.useRef(r.map((function(n){return"upload"===n.type&&P.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+n.value,key:"uploader-dropdown-input-"+i+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(n){console.log("change"),o(n.target.files)}})}))),h=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},P.default.createElement("defs",null,P.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},P.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),P.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"File"),P.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},P.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),P.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),m=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"download"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),x=P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"upload"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return P.default.createElement(U,{className:t,"data-dropdown-open":!!p,id:i,"data-has-icons":!0,style:c,onBlur:function(){return u(!1)},tabIndex:0},P.default.createElement(W,{onClick:g},l||h," ",P.default.createElement("span",null,a&&a.value?a.label:s)),p&&P.default.createElement(H,{onClick:g,"data-has-icons":!0},r.map((function(n){return P.default.createElement(V,{key:"".concat(i,"-").concat(n.value),"data-selected":a&&a.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(n){var e;null===(e=document.querySelector(n))||void 0===e||e.click()}("#uploader-dropdown-input-"+i+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},P.default.createElement(R,null,n.icon||"download"===n.type?m:x),n.label)}))),P.default.createElement(P.default.Fragment,null,f.current))},exports.Grid=function(n){var e=n.className,t=n.columns,a=n.columnsDesktop,r=n.gridTemplateColumns,o=n.gridTemplateColumnsDesktop,i=n.gap,l=n.children,s=n.justifyChildren,c=n.style,d=n.alignItems;return P.default.createElement(Z,{className:e,style:c,theme:{columns:t,columnsDesktop:a,gap:i,justifyChildren:s,gridTemplateColumns:r,gridTemplateColumnsDesktop:o,alignItems:d}},l)},exports.Pagination=function(e){var a=e.className,r=e.pagesAmount,i=e.currentPage,l=e.onChange,s=e.onClick,c=e.style,d=e.href,p=e.queryPageName,u=void 0===p?"page":p,g=t.__spreadArray([],Array(r),!0).map((function(n,e){return e+1})),f=n.useState(i),h=f[0],m=f[1],x=n.useMemo((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),v=r-1,b=function(n){n<=r&&n>0&&(m(n),l(n))},w=function(n){s&&s(n)};return n.useEffect((function(){m(i)}),[i]),P.default.createElement(Q,{className:a,style:c},P.default.createElement(X,{className:"prev-page",onClick:function(){return b(h-1)},"data-last-page":1===h||void 0},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,h,u),onClick:w},P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?P.default.createElement(G,{pagesAmount:r,activePage:h,handlePageChange:b,handleClick:w,href:x,queryPageName:u}):g.map((function(n){return P.default.createElement(Y,{key:"".concat("pagination","+").concat(n),"data-page-active":n===h||void 0,onClick:function(){return b(n)}},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,n,u),onClick:w},n):n)})),P.default.createElement(X,{className:"next-page",onClick:function(){return b(h+1)},"data-last-page":h===v+1||void 0},x?P.default.createElement("a",{href:o.formatUrlWithPageParam(x,h,u),onClick:w},P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):P.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(n){var e=n.percent,a=n.style;return P.default.createElement(mn,{style:t.__assign({"--progress":e},a)})},exports.RateStars=function(e){var a=e.gap,r=void 0===a?2:a,o=e.size,i=void 0===o?24:o,l=e.star,s=e.totalStars,c=void 0===s?5:s,d=e.onSelect,p=e.hideEmptyStars,u=e.style,g=e.className,f=Math.floor(l),h=l-f>=.5?1:0,m=n.useState(null),x=m[0],v=m[1],b=x||f,w=x?0:h;return P.default.createElement(un,{"data-selectable":!!d,style:t.__assign({"--gap":r,"--star-size":i},u),className:g},Array.from({length:p?f+h:c}).map((function(n,e){var t=function(){return!!d&&v(e+1)},a=function(){return!!d&&v(null)};return e+1<=b?P.default.createElement(fn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a}):e+1===b+w?P.default.createElement(hn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a}):P.default.createElement(gn,{key:e,onClick:function(){return null==d?void 0:d(e+1)},onMouseOver:t,onMouseLeave:a})})))},exports.Shadow=function(n){var e=n.size,t=n.children,a=n.style,r=n.className;return P.default.createElement(J,{style:a,className:r,"data-shadow-size":e},t)},exports.Tag=function(n){var a=n.type,r=n.children,o=n.style,i=n.isInline,l=n.isSquared,s=void 0!==l&&l,c=n.className,d=n.isLight,p=n.hasMorePadding,u=n.isLink,g=n.isSelected,f=n.textProps,h=void 0===f?{size:"sm"}:f,m=h.color?{"--text-props-color":h.color}:{};return P.default.createElement(K,{"data-is-squared":s||void 0,"data-tag-type":a,"data-is-light":d||void 0,"data-has-more-padding":p||void 0,"data-is-inline":i||void 0,style:t.__assign(t.__assign({},o),m),className:c,"data-is-selected":g||void 0,"data-is-link":u||void 0,tagType:a,isInline:i,tagHasMorePadding:p,tagIsLight:d,tagIsSquared:s,tagIsALink:u},P.default.createElement(e.Text,t.__assign({},h),r))},exports.TextDivider=function(n){var t=n.children,a=n.icon,r=n.className,o=n.style;return P.default.createElement(pn,{style:o,className:r},P.default.createElement(s.Container,null,P.default.createElement("div",{className:"icon-wrapper"},a),P.default.createElement(e.Text,{size:"c1",color:"var(--neutral800)"},t)))},exports.Toggle=function(n){var e=n.className,t=n.id,a=n.onChange,r=n.checked,o=n.style,i=n.label;return P.default.createElement(rn,{className:e,style:o},P.default.createElement("input",{type:"checkbox",id:t,onChange:a,checked:r}),P.default.createElement("label",{htmlFor:t},P.default.createElement(tn,null),i&&P.default.createElement(an,null,i)))},exports.UnderlinedLink=function(n){var e=n.size,t=n.isDisabled,a=n.className,r=n.link,o=n.style;return P.default.createElement(on,{className:a,"data-size":e,style:o,"data-disabled":t||void 0},r)},exports.Uploader=function(n){var e=n.type,t=n.withIcon,a=n.onFileSelected,r=n.inputId,o=n.withElement,i=n.fileAcceptType,s=n.multiple,c=n.value,d=n.className,p=function(){var n;null===(n=document.querySelector("#uploader-input-"+r))||void 0===n||n.click()};return P.default.createElement(ln,{className:d},"badge"===e?P.default.createElement(sn,{onClick:p,"data-is-attached-to-element":!!o},o,P.default.createElement(cn,{"data-is-attached-to-element":!!o},t)):o?P.default.createElement("div",{onClick:p},o):P.default.createElement(l.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:p},P.default.createElement(dn,null,P.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},P.default.createElement("defs",null,P.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),P.default.createElement("title",null,"upload"),P.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),P.default.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:s,type:"file",style:{display:"none"},onChange:function(n){a(n.target.files)},value:c}))};

package/build/index-22f85e6b.js

@@ -1 +0,0 @@
-"use strict";var a=require("./tslib.es6-9ca973bc.js");function e(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var t=e(require("react")),r="wIj6fkD";exports.Text=function(e){var s=e.size,c=void 0===s?"base":s,n=e.type,o=void 0===n?"regular":n,d=e.className,i=e.style,l=e.children,v=e.color,p=e.dataEventCategory,u=e.dataEventAction,y=e.dataEventLabel,_=e.as,b=void 0===_?"p":_,f=e.wordWrap,g=e.isUppercase,E=a.__rest(e,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),m=b;return t.default.createElement(m,a.__assign({"data-size":c,"data-type":o,style:a.__assign(a.__assign({},i),v?{"--custom-color":v}:void 0),className:"".concat(r," ").concat(d||""),"data-event-category":p,"data-event-action":u,"data-event-label":y,"data-word-wrap":f,"data-is-uppercase":g},E),l)};

package/build/index-248b0906.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-9ca973bc.js"),t=require("react"),r=require("@mantine/core"),n=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),a=function(t){return o.default.createElement(r.Checkbox,e.__assign({},t))};a.Group=r.Checkbox.Group,exports.Checkbox=a,exports.Select=function(t){var s=t.keepSearch,a=void 0!==s&&s,c=e.__rest(t,["keepSearch"]);return a?o.default.createElement(r.Autocomplete,e.__assign({rightSection:o.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c)):o.default.createElement(r.Select,e.__assign({rightSection:o.default.createElement(r.Image,{src:n.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c))};

package/build/index-34ce7760.js

@@ -1 +0,0 @@
-"use strict";var n=require("react"),e=require("./useScrollbarSize-d9fdc260.js"),t=require("react-dom"),a=require("./tslib.es6-9ca973bc.js"),i=require("./utils-ef99dc6d.js"),o=require("./defaultClassWrapper-27713cbf.js"),d=require("styled-components"),r=require("./useTranslations-dc5a775a.js"),l=require("./theme-929496b2.js"),s=require("./index-fe95aecd.js"),c=require("./index-e6ff8187.js"),h=require("./index-22f85e6b.js"),u=require("./index-7b2ca3b6.js"),p=require("./BabyGrowth-d748e1fd.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var f,g,x,y,b,v=m(n),w=m(d),_=w.default.div(f||(f=a.__makeTemplateObject(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\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  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\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})),j="hhgcomp-modal-modal",k=o.getDefaultClassWrapper(_,j),E=w.default.div(g||(g=a.__makeTemplateObject(["\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"])),j,j,j,j,j,j,i.MediaQueries.mbDown,j,i.MediaQueries.mbDown,j,i.MediaQueries.mbDown),B=w.default.div(x||(x=a.__makeTemplateObject(["\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})),T="hhg-modals",q=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},z=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},C=w.default.div(y||(y=a.__makeTemplateObject(["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        justify-self: left;\n      }\n    }\n  }\n"])),i.MediaQueries.mbUp),G=w.default(u.RadioImageGroup)(b||(b=a.__makeTemplateObject(["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"],["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"])));exports.BabyGrowthGender=function(n){var e=n.value,t=n.onChange,a=n.siteType,i=r.useTranslations().t,o="marryBaby"==a;return v.default.createElement(C,{"data-is-marryBaby":o},o?v.default.createElement(c.MarryBabyHeading,{type:"h4",color:l.theme.mbColors.dark},i("babyVaccineTool.selectGender")):v.default.createElement(h.Text,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),v.default.createElement(G,{siteType:a,options:[{value:p.Gender.Boy,label:i("gender.male"),content:o?v.default.createElement(s.Icon.BabyBoyMB,null):v.default.createElement(s.Icon.GenderChooseBoy,null)},{value:p.Gender.Girl,label:i("gender.female"),content:o?v.default.createElement(s.Icon.BabyGirlMB,null):v.default.createElement(s.Icon.GenderChooseGirl,null)}],value:e,onChange:t,className:"gender-selector"}))},exports.Modal=function(a){var i=a.type,o=void 0===i?"lead":i,d=a.closeIcon,r=a.isOpen,l=void 0===r||r,s=a.onClose,c=a.children,h=a.className,u=void 0===h?"":h,p=a.animationType,m=void 0===p?"slideTop":p,f=a.isStaticBackdrop,g=void 0!==f&&f,x=a.siteType;a.style;var y=n.useState(!1),b=y[0],w=y[1],_=n.useRef(null),j=e.useScrollbarSize().width;if(!_.current&&b&&(_.current=document.createElement("div")),n.useEffect((function(){return w(!0),function(){w(!1),q(),z()}}),[]),n.useEffect((function(){if(b){var n=((e=document.getElementById(T))||((e=document.createElement("div")).setAttribute("id",T),document.body.append(e)),e);return n.appendChild(_.current),function(){n.removeChild(_.current)}}var e}),[b]),n.useEffect((function(){l?document.body.classList.add("hhc-modal-show"):q()}),[l]),n.useEffect((function(){l?(document.body.style.overflow="hidden",document.body.style.paddingRight=j+"px",document.body.classList.add("hhc-disabled-scroll")):z()}),[l,j]),!b)return null;var C=["hhg-modal__wrapper",u,m].filter((function(n){return n})).join(" ");return t.createPortal(v.default.createElement(E,{className:C,"data-open":l,"data-type":o},!g&&v.default.createElement(B,{"data-open":l,onClick:s,"data-type":o}),!g&&"video"===o&&!!d&&v.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),v.default.createElement(k,{className:"hhg-modal","data-open":l,"data-site-type":x},v.default.createElement("div",{className:"video"===o?"hhg-modal__video":"hhg-modal__content"},!!d&&"video"!==o&&v.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),c))),_.current)};

package/build/index-35e61707.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-9ca973bc.js"),n=require("react"),t=require("./gAssets.js"),a=require("@mantine/core"),i=require("styled-components"),r=require("./theme-929496b2.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,d=l(n),s=l(i).default(a.Modal)(o||(o=e.__makeTemplateObject(["\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"],["\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"])),r.theme.colors.neutral100);exports.Modal=function(n){var a=n.title,i=e.__rest(n,["title"]);return d.default.createElement(d.default.Fragment,null,d.default.createElement(s,e.__assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},i,{withCloseButton:!1,title:i.withCloseButton&&d.default.createElement(d.default.Fragment,null,a,d.default.createElement("img",{className:"mantine-Modal-close",src:t.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=i.onClose)||void 0===e?void 0:e.call(i)}}))})))};

package/build/index-5adfd033.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-9ca973bc.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=a(require("react")),n="xzO2I0N";exports.Heading=function(a){var c,i=a.as,o=a.tag,s=a.className,r=a.children,l=a.title,d=a.color,g=a.style,v=a.fontWeight,u=a.dataEventCategory,f=a.dataEventAction,_=a.dataEventLabel,y=t.__rest(a,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),E=i||o;return e.default.createElement(E,t.__assign({title:l,style:t.__assign(t.__assign({},d?(c={},c["--custom-heading-color"]=d,c):void 0),g),"data-tag":o,"data-font-weight":v||void 0,"data-event-category":u,"data-event-action":f,"data-event-label":_,className:"".concat(n," ").concat(s||"")},y),r)};

package/build/index-6b8c2388.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("react")),a="DjBFAbd";exports.Label=function(e){var r=e.children,l=e.className,c=e.style,n=e.htmlFor,s=e.size;return t.default.createElement("label",{"data-size":s,className:"".concat(a," ").concat(l||""),style:c,htmlFor:n},r)};