@hhgtech/hhg-components 1.22.30 → 1.22.32

package/build/esm/{index-d6ced329.js → index-607ffd44.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as r}from"./tslib.es6-c7fb770c.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-597e8a2f.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-4a36a09c.js";import{T as a}from"./index-61536465.js";import s from"styled-components";import{C as p}from"./index-06186051.js";var d,u,m,x,g,b=s.div(d||(d=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,p=n.className,d=n.locale,u=void 0===d?"en-PH":d,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),g=i((function(){return null==p?void 0:p.includes("selected-week-pill")}),[p]);return o.createElement(h,r({onClick:m,className:p?"week-pill".concat(" non-pointer-event-child ",p):"week-pill non-pointer-event-child"},x),o.createElement(b,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),g?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(p.Slide)(x||(x=n([""],[""]))),v=s(p)(g||(g=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,p=void 0===s?t.Vietnam:s,d=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:d||(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:p,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-c7fb770c.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-597e8a2f.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-4a36a09c.js";import{T as a}from"./index-bb559d1f.js";import s from"styled-components";import{C as d}from"./index-06186051.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};