@hhgtech/hhg-components 1.23.41 → 1.23.43

package/build/esm/{index-6845557a.js → index-4f2cfc1b.js}

@@ -1 +1 @@
-import n from"react";import{a as e,b as o}from"./FullScreen-eb147eae.js";import{u as a}from"./useTranslations-a0e86cc1.js";import{b as t,_ as r}from"./tslib.es6-51b116d4.js";import i from"styled-components";var d,s,l,p,c,x,u=function(o){var a=o.type,t=void 0===a?"solid":a,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":t,dividerType:t})},g=function(e){var a=e.label,t=e.name,r=e.checked,i=e.className,d=e.isDisabled,s=e.onChange,l=e.value,p=e.isRectangle,c=e.inputDataTestId,x=e.siteType;return n.createElement(o,{className:i,"data-disabled":d||void 0,"data-is-rectangle":p||void 0,"data-label-text":a,"data-theme":x},n.createElement("input",{type:"checkbox",checked:r,name:t,onChange:function(){return s(l,!r)},disabled:d,value:l,id:"".concat(t,"-").concat(l),"data-label-text":a,"data-testid":c}),!p&&n.createElement("label",{htmlFor:"".concat(t,"-").concat(l)},a))},b="U9NRDG6",h={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},m=function(e){var o=e.role,t=e.title,r=a().t,i=o?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(o):"";return i&&h[i]?n.createElement("div",{className:b,"data-label-type":i},t||r(h[i])):null},v=i.div(d||(d=t(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: 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    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\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      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\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      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: 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    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\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      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\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      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),f=i.div(s||(s=t(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\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  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\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"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),w=i.ul(l||(l=t(["\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    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\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    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\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})),k=i.li(p||(p=t(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),y=i.div(c||(c=t(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),E=i.div(x||(x=t(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),C=function(e){var o=e.className,a=e.value,t=e.options,i=e.onChange,d=void 0===i?function(){}:i,s=e.id,l=e.placeholderIcon,p=e.placeholder,c=e.style,x=e.size,u=void 0===x?"lg":x,g=e.groupedWithLabel,b=e.disabled,h=e.dropdownLabelTrackingAttributes,m=void 0===h?{}:h,C=e.isNativeSelect,z=void 0!==C&&C,A=n.useState(!1),L=A[0],N=A[1],j=function(){return!b&&N(!L)};return z?n.createElement(v,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=t.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&n.createElement("option",{value:p,disabled:!0,selected:!0},p),t.map((function(e){return n.createElement("option",{key:"".concat(s,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(v,{className:o,"data-dropdown-open":L||void 0,"data-size":u,id:s,"data-has-icons":!!l,style:c,onBlur:function(){return N(!1)},tabIndex:0,"data-disabled":b},!!g&&n.createElement(E,null,g),n.createElement(f,r({onClick:j,className:g&&"with-label"},m),l," ",n.createElement("span",null,a&&a.value?a.label:p)),L&&n.createElement(w,{onClick:j,"data-has-icons":!!l},t.map((function(e){return n.createElement(k,{key:"".concat(s,"-").concat(e.value),"data-selected":a&&a.value===e.value||void 0,onClick:function(){return!e.disabled&&!b&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(y,null,e.icon),e.label)}))))};export{m as A,g as C,u as D,C as a};
+import n from"react";import{a as e,b as o}from"./FullScreen-183eb0f1.js";import{u as a}from"./useTranslations-cac1d975.js";import{b as t,_ as r}from"./tslib.es6-3c1226ff.js";import i from"styled-components";var d,s,l,p,c,x,u=function(o){var a=o.type,t=void 0===a?"solid":a,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":t,dividerType:t})},g=function(e){var a=e.label,t=e.name,r=e.checked,i=e.className,d=e.isDisabled,s=e.onChange,l=e.value,p=e.isRectangle,c=e.inputDataTestId,x=e.siteType;return n.createElement(o,{className:i,"data-disabled":d||void 0,"data-is-rectangle":p||void 0,"data-label-text":a,"data-theme":x},n.createElement("input",{type:"checkbox",checked:r,name:t,onChange:function(){return s(l,!r)},disabled:d,value:l,id:"".concat(t,"-").concat(l),"data-label-text":a,"data-testid":c}),!p&&n.createElement("label",{htmlFor:"".concat(t,"-").concat(l)},a))},b="U9NRDG6",h={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},m=function(e){var o=e.role,t=e.title,r=a().t,i=o?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(o):"";return i&&h[i]?n.createElement("div",{className:b,"data-label-type":i},t||r(h[i])):null},v=i.div(d||(d=t(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: 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    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\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      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\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      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: 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    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\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      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\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      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),f=i.div(s||(s=t(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\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  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\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"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),w=i.ul(l||(l=t(["\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    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\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    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\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})),k=i.li(p||(p=t(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),y=i.div(c||(c=t(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),E=i.div(x||(x=t(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),C=function(e){var o=e.className,a=e.value,t=e.options,i=e.onChange,d=void 0===i?function(){}:i,s=e.id,l=e.placeholderIcon,p=e.placeholder,c=e.style,x=e.size,u=void 0===x?"lg":x,g=e.groupedWithLabel,b=e.disabled,h=e.dropdownLabelTrackingAttributes,m=void 0===h?{}:h,C=e.isNativeSelect,z=void 0!==C&&C,A=n.useState(!1),L=A[0],N=A[1],j=function(){return!b&&N(!L)};return z?n.createElement(v,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=t.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&n.createElement("option",{value:p,disabled:!0,selected:!0},p),t.map((function(e){return n.createElement("option",{key:"".concat(s,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(v,{className:o,"data-dropdown-open":L||void 0,"data-size":u,id:s,"data-has-icons":!!l,style:c,onBlur:function(){return N(!1)},tabIndex:0,"data-disabled":b},!!g&&n.createElement(E,null,g),n.createElement(f,r({onClick:j,className:g&&"with-label"},m),l," ",n.createElement("span",null,a&&a.value?a.label:p)),L&&n.createElement(w,{onClick:j,"data-has-icons":!!l},t.map((function(e){return n.createElement(k,{key:"".concat(s,"-").concat(e.value),"data-selected":a&&a.value===e.value||void 0,onClick:function(){return!e.disabled&&!b&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(y,null,e.icon),e.label)}))))};export{m as A,g as C,u as D,C as a};

package/build/esm/{index-84c3d9bf.js → index-52369c29.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as r}from"./tslib.es6-51b116d4.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-b5bf561f.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-06d8705b.js";import{T as a}from"./index-05475dd1.js";import s from"styled-components";import{C as d}from"./index-76b0e8ee.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};
+import{b as n,c as e,_ as r}from"./tslib.es6-3c1226ff.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-c2237d6d.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-79376ac6.js";import{T as a}from"./index-fb7e55d3.js";import s from"styled-components";import{C as d}from"./index-6c881b52.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};

package/build/esm/{index-76b0e8ee.js → index-6c881b52.js}

@@ -1 +1 @@
-import{c as e,_ as n}from"./tslib.es6-51b116d4.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";var a=d.Slide,s=l({}),p=function(e,n){return e>=n?e-n:e},f=function(l){var i=l.children,a=l.blurFromCenter,f=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,g=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=t(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?f+h-1:c,u=l+d,s=u===t?0:u>t?u-t:u,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return p(m+n,t)}));i.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/h,i=0;i<h;i++){if(n===p(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof i?i(F):i))};f.Slide=function(l){var d=l.children,u=l.onClick,p=e(l,["children","onClick"]),f=i(s),v=f.slider,h=f.selectSlideWhenClick,m=t(),x=t(""),S=o(0),g=S[0],b=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(a,n({},y,p),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==u||u(g)}},d))};export{f as C};
+import{c as e,_ as n}from"./tslib.es6-3c1226ff.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";var a=d.Slide,s=l({}),f=function(e,n){return e>=n?e-n:e},p=function(l){var i=l.children,a=l.blurFromCenter,p=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,g=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=t(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?p+h-1:c,u=l+d,s=u===t?0:u>t?u-t:u,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return f(m+n,t)}));i.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/h,i=0;i<h;i++){if(n===f(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof i?i(F):i))};p.Slide=function(l){var d=l.children,u=l.onClick,f=e(l,["children","onClick"]),p=i(s),v=p.slider,h=p.selectSlideWhenClick,m=t(),x=t(""),S=o(0),g=S[0],b=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(a,n({},y,f),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==u||u(g)}},d))};export{p as C};