@hhgtech/hhg-components 1.23.85 → 1.23.87

package/build/esm/{index-c72dc81d.js → index-673844f1.js}

@@ -1 +1 @@
-import n,{useState as e}from"react";import{F as t}from"./index-81ed0101.js";import{a as o}from"./tslib.es6-311b0e1d.js";import i from"styled-components";import{T as r}from"./index-2d47e5df.js";import{CommonGAssets as l}from"./gAssets.js";var a,d,s,p,c,u,h=i.a(a||(a=o(["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"],["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),f=i.div(d||(d=o(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),x=i.div(s||(s=o(["\n  position: relative;\n"],["\n  position: relative;\n"]))),g=i.div(p||(p=o(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),m=i.div(c||(c=o(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),b=i.div(u||(u=o(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),v=function(t){var o=t.options,i=t.label,a=t.labelRenderer,d=t.selected,s=t.onChange,p=t.showSelected,c=void 0===p||p,u=t.style,h=void 0===u?{}:u,v=t.showIndicator,w=void 0===v||v,y=e(!1),k=y[0],E=y[1];return n.createElement(n.Fragment,null,n.createElement(f,null,n.createElement(x,{onClick:function(){return E((function(n){return!n}))}},i||(null==a?void 0:a(k))||null,n.createElement(g,{"data-is-open":k,style:h,"data-show-indicator":w},o.map((function(e,t){return n.createElement(m,{key:t,"data-selected":c&&d===e.value,onClick:function(n){d!==e.value&&(s(e.value),E((function(n){return!n}))),n.stopPropagation()}},n.createElement(r,{size:"p3"},e.label),c&&d===e.value&&n.createElement("img",{src:l.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),k&&n.createElement(b,{onClick:function(){return E(!1)}}))},w=function(e){var t,o,i=e.languageOptions,r=e.locale,l=null==i?void 0:i.find((function(n){return n.locale===r}));return(null==i?void 0:i.length)?n.createElement(v,{options:i,selected:l.value,label:n.createElement(y,{locale:r,label:l.label||(null===(o=null===(t=r.split("-"))||void 0===t?void 0:t[0])||void 0===o?void 0:o.toUpperCase())}),onChange:function(n){"undefined"!=typeof window&&(window.location.href=n)},style:{width:100},showSelected:!0,showIndicator:!1}):null},y=function(e){var o,i,r,l=e.locale,a=e.label,d=e.href;return n.createElement(h,{href:d},n.createElement(t,{country:null===(i=null===(o=null==l?void 0:l.split("-"))||void 0===o?void 0:o[1])||void 0===i?void 0:i.toUpperCase(),width:16,height:16,rounded:!0,language:null===(r=null==l?void 0:l.split("-"))||void 0===r?void 0:r[0]}),n.createElement("span",null,a))};export{w as L};
+import n,{useState as e}from"react";import{F as t}from"./index-aa8597ed.js";import{a as o}from"./tslib.es6-60545877.js";import i from"styled-components";import{T as r}from"./index-2dbc1afc.js";import{CommonGAssets as l}from"./gAssets.js";var a,d,s,p,c,u,h=i.a(a||(a=o(["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"],["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),f=i.div(d||(d=o(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),x=i.div(s||(s=o(["\n  position: relative;\n"],["\n  position: relative;\n"]))),g=i.div(p||(p=o(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),m=i.div(c||(c=o(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),b=i.div(u||(u=o(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),v=function(t){var o=t.options,i=t.label,a=t.labelRenderer,d=t.selected,s=t.onChange,p=t.showSelected,c=void 0===p||p,u=t.style,h=void 0===u?{}:u,v=t.showIndicator,w=void 0===v||v,y=e(!1),k=y[0],E=y[1];return n.createElement(n.Fragment,null,n.createElement(f,null,n.createElement(x,{onClick:function(){return E((function(n){return!n}))}},i||(null==a?void 0:a(k))||null,n.createElement(g,{"data-is-open":k,style:h,"data-show-indicator":w},o.map((function(e,t){return n.createElement(m,{key:t,"data-selected":c&&d===e.value,onClick:function(n){d!==e.value&&(s(e.value),E((function(n){return!n}))),n.stopPropagation()}},n.createElement(r,{size:"p3"},e.label),c&&d===e.value&&n.createElement("img",{src:l.getAssetPath("check.svg"),alt:"check",className:"check-icon"}))}))))),k&&n.createElement(b,{onClick:function(){return E(!1)}}))},w=function(e){var t,o,i=e.languageOptions,r=e.locale,l=null==i?void 0:i.find((function(n){return n.locale===r}));return(null==i?void 0:i.length)?n.createElement(v,{options:i,selected:l.value,label:n.createElement(y,{locale:r,label:l.label||(null===(o=null===(t=r.split("-"))||void 0===t?void 0:t[0])||void 0===o?void 0:o.toUpperCase())}),onChange:function(n){"undefined"!=typeof window&&(window.location.href=n)},style:{width:100},showSelected:!0,showIndicator:!1}):null},y=function(e){var o,i,r,l=e.locale,a=e.label,d=e.href;return n.createElement(h,{href:d},n.createElement(t,{country:null===(i=null===(o=null==l?void 0:l.split("-"))||void 0===o?void 0:o[1])||void 0===i?void 0:i.toUpperCase(),width:16,height:16,rounded:!0,language:null===(r=null==l?void 0:l.split("-"))||void 0===r?void 0:r[0]}),n.createElement("span",null,a))};export{w as L};