@hhgtech/hhg-components 1.23.4 → 1.23.6

package/build/{index-951ddde6.js → index-5cb2849e.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./index.styled-08349510.js"),t=require("./useTranslations-dca23a07.js"),a=require("./tslib.es6-35767baa.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,l,s,p,u,c=r(n),x=r(o),b={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},g=x.default.div(i||(i=a.__makeTemplateObject(["\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})),h=x.default.div(d||(d=a.__makeTemplateObject(["\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})),m=x.default.ul(l||(l=a.__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    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})),f=x.default.li(s||(s=a.__makeTemplateObject(["\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})),v=x.default.div(p||(p=a.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),w=x.default.div(u||(u=a.__makeTemplateObject(["\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"])));exports.AuthorBadge=function(n){var a=n.role,o=n.title,r=t.useTranslations().t,i=a?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(a):"";return i&&b[i]?c.default.createElement(e.StyledAuthorBadge,{"data-label-type":i},o||r(b[i])):null},exports.Checkbox=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,i=n.isDisabled,d=n.onChange,l=n.value,s=n.isRectangle,p=n.inputDataTestId;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},c.default.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return d(l,!o)},disabled:i,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":p}),!s&&c.default.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},exports.Divider=function(n){var t=n.type,a=void 0===t?"solid":t,o=n.className,r=n.style;return c.default.createElement(e.StyledDivider,{style:r,className:o,"data-diver-type":a,dividerType:a})},exports.Dropdown=function(n){var e=n.className,t=n.value,o=n.options,r=n.onChange,i=void 0===r?function(){}:r,d=n.id,l=n.placeholderIcon,s=n.placeholder,p=n.style,u=n.size,x=void 0===u?"lg":u,b=n.groupedWithLabel,k=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),A=j[0],_=j[1],T=function(){return!k&&_(!A)};return z?c.default.createElement(g,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=o.find((function(e){return e.value===n.target.value}));e&&i(e)}}},s&&c.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(n){return c.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):c.default.createElement(g,{className:e,"data-dropdown-open":A||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return _(!1)},tabIndex:0,"data-disabled":k},!!b&&c.default.createElement(w,null,b),c.default.createElement(h,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),A&&c.default.createElement(m,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(f,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(v,null,n.icon),n.label)}))))};
+"use strict";var n=require("react"),e=require("./index.styled-2d45710b.js"),t=require("./useTranslations-7003c26c.js"),a=require("./tslib.es6-3b7de37d.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,l,s,p,u,c=r(n),x=r(o),b={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},g=x.default.div(i||(i=a.__makeTemplateObject(["\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})),h=x.default.div(d||(d=a.__makeTemplateObject(["\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})),m=x.default.ul(l||(l=a.__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    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})),f=x.default.li(s||(s=a.__makeTemplateObject(["\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})),v=x.default.div(p||(p=a.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),w=x.default.div(u||(u=a.__makeTemplateObject(["\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"])));exports.AuthorBadge=function(n){var a=n.role,o=n.title,r=t.useTranslations().t,i=a?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(a):"";return i&&b[i]?c.default.createElement(e.StyledAuthorBadge,{"data-label-type":i},o||r(b[i])):null},exports.Checkbox=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,i=n.isDisabled,d=n.onChange,l=n.value,s=n.isRectangle,p=n.inputDataTestId;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},c.default.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return d(l,!o)},disabled:i,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":p}),!s&&c.default.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},exports.Divider=function(n){var t=n.type,a=void 0===t?"solid":t,o=n.className,r=n.style;return c.default.createElement(e.StyledDivider,{style:r,className:o,"data-diver-type":a,dividerType:a})},exports.Dropdown=function(n){var e=n.className,t=n.value,o=n.options,r=n.onChange,i=void 0===r?function(){}:r,d=n.id,l=n.placeholderIcon,s=n.placeholder,p=n.style,u=n.size,x=void 0===u?"lg":u,b=n.groupedWithLabel,k=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),A=j[0],_=j[1],T=function(){return!k&&_(!A)};return z?c.default.createElement(g,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=o.find((function(e){return e.value===n.target.value}));e&&i(e)}}},s&&c.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(n){return c.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):c.default.createElement(g,{className:e,"data-dropdown-open":A||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return _(!1)},tabIndex:0,"data-disabled":k},!!b&&c.default.createElement(w,null,b),c.default.createElement(h,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),A&&c.default.createElement(m,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(f,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(v,null,n.icon),n.label)}))))};

package/build/{index-4e2e73a3.js → index-73aac2f1.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-35767baa.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),a=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),c=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,a=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),b=S[0],g=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,c=Math.floor(o/2),s=u?a+f-1:c,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[g]),o.default.createElement(c.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:b,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(c),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,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 o.default.createElement(a,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;
+"use strict";var e=require("./tslib.es6-3b7de37d.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),a=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),c=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,a=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),b=S[0],g=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,c=Math.floor(o/2),s=u?a+f-1:c,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[g]),o.default.createElement(c.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:b,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(c),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,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 o.default.createElement(a,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;