@hhgtech/hhg-components 1.21.0-beta-17 → 1.21.0

package/build/esm/index-c9da804a.js

@@ -1 +0,0 @@
-import{b as t,_ as a}from"./tslib.es6-5532bd7b.js";import e from"react";import{V as o}from"./index.styled-b9f4b7d1.js";var n=function(n){var i,d=n.as,s=n.tag,l=n.className,r=n.children,c=n.title,g=n.color,v=n.style,m=n.fontWeight,b=n.dataEventCategory,h=n.dataEventAction,f=n.dataEventLabel,y=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),E=d||s;return e.createElement(o,a({title:c,style:a(a({},g?(i={},i["--custom-heading-color"]=g,i):void 0),v),"data-tag":s,"data-font-weight":m||void 0,"data-event-category":b,"data-event-action":h,"data-event-label":f,as:E,className:l,headingFontWeight:m,headingTag:s},y),r)};export{n as H};

package/build/esm/index-dc96c2db.js

@@ -1 +0,0 @@
-import{_ as e,$ as a,a0 as t,a1 as l,a2 as n,a3 as c,a4 as o,a5 as i,a6 as r,a7 as d,a8 as s,a9 as m,aa as h,ab as v,ac as u,ad as p,ae as f,af as g,ag as z,ah as E,ai as w,aj as y,ak as M,al as b,T as C,am as x}from"./index.styled-b9f4b7d1.js";import{b as H,_ as A}from"./tslib.es6-5532bd7b.js";import F,{useRef as B,useState as V,useEffect as _}from"react";import{u as k}from"./useTranslations-ad4d9d26.js";import"lodash/debounce";import"./index-58ae0705.js";import"date-fns";import"./screenSizeContext-d6e9a094.js";import"styled-components";import{t as S}from"./theme-a50a1aa5.js";import"./Locale-69030fff.js";import{I as R}from"./index-d009b597.js";import{u as j}from"./useScrollbarSize-99db33e1.js";import{createPortal as N}from"react-dom";import{S as D,a as L,b as G}from"./index.styled-a87311b3.js";var P={Ask:e,BarChart:a,Booking:t,Bookmark:l,Boy:function(e){var a=e.size,t=void 0===a?40:a,l=H(e,["size"]);return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 40 40"},l),F.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#2D87F3"}),F.createElement("path",{fill:"#fff",d:"M20.002 30.973c-2.616 0-4.945-.607-6.734-1.755-1.82-1.166-3.058-2.884-3.604-4.992-.045 0-.09.003-.136.003-.758 0-1.486-.3-2.023-.834a2.843 2.843 0 010-4.029 2.868 2.868 0 012.194-.83c.577-2.321 1.83-4.42 3.567-5.952C15.16 10.918 17.552 10 20.002 10s4.84.918 6.733 2.587c1.737 1.53 2.99 3.628 3.567 5.952a2.868 2.868 0 012.194.83 2.843 2.843 0 010 4.028 2.868 2.868 0 01-2.16.831c-.546 2.106-1.782 3.826-3.602 4.992-1.79 1.146-4.118 1.753-6.732 1.753z"}),F.createElement("path",{fill:"#2D87F3",d:"M17.95 13.19h-.014a.525.525 0 00-.524.509c0 .015-.059 1.466-2.006 1.927a.525.525 0 00-.389.63.523.523 0 00.633.386c2.18-.516 2.793-2.134 2.812-2.917a.519.519 0 00-.313-.491.527.527 0 00-.2-.044zM20.591 12.874a.524.524 0 00-.326.663c.004.014.455 1.396-1.212 2.5a.521.521 0 00.19.936.526.526 0 00.39-.066c1.866-1.236 1.878-2.966 1.625-3.708a.521.521 0 00-.464-.352.529.529 0 00-.203.027zM23.292 13.4a.525.525 0 00-.735.749c.008.007.787.783.35 2.119a.523.523 0 00.898.508.523.523 0 00.098-.183c.641-1.946-.56-3.142-.611-3.192zM15.977 21.818a1.365 1.365 0 000-1.936 1.38 1.38 0 00-1.945 0 1.365 1.365 0 000 1.936 1.38 1.38 0 001.945 0zM25.445 22.172a1.368 1.368 0 10-.682-2.652 1.369 1.369 0 10.682 2.652zM22.837 22.755a.532.532 0 00-.66.338c-.005.012-.414 1.222-2.124 1.222-1.71 0-2.12-1.21-2.124-1.222a.523.523 0 00-.998.316c.026.08.656 1.947 3.123 1.947s3.097-1.867 3.122-1.947a.52.52 0 00-.339-.654z"}))},Calendar:function(e){var a=e.size,t=void 0===a?20:a,l=e.color,n=void 0===l?"#595959":l,c=H(e,["size","color"]);return F.createElement("svg",A({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),F.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.8337 2.50065H16.667C17.5837 2.50065 18.3337 3.25065 18.3337 4.16732V17.5006C18.3337 18.4173 17.5837 19.1673 16.667 19.1673H3.33366C2.41699 19.1673 1.66699 18.4173 1.66699 17.5006V4.16732C1.66699 3.25065 2.41699 2.50065 3.33366 2.50065H4.16699V1.66732C4.16699 1.20898 4.54199 0.833984 5.00033 0.833984C5.45866 0.833984 5.83366 1.20898 5.83366 1.66732V2.50065H14.167V1.66732C14.167 1.20898 14.542 0.833984 15.0003 0.833984C15.4587 0.833984 15.8337 1.20898 15.8337 1.66732V2.50065ZM4.16699 17.5007H15.8337C16.292 17.5007 16.667 17.1257 16.667 16.6673V6.66732H3.33366V16.6673C3.33366 17.1257 3.70866 17.5007 4.16699 17.5007Z",fill:n}))},Community:n,EditSpecial:c,Family:o,Font:i,GenderBoy:function(e){var a=e.size,t=void 0===a?16:a,l=H(e,["size"]);return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 16 16"},l),F.createElement("g",{fill:"#595959",clipPath:"url(#clip0_408_8625)"},F.createElement("path",{d:"M15.325 1.199a.602.602 0 00-.038-.151v-.005h-.001a.618.618 0 00-.107-.168.623.623 0 00-.117-.105l-.004-.002a.6.6 0 00-.175-.078.609.609 0 00-.161-.024h-4.278a.611.611 0 000 1.223h2.802L9.6 5.535a5.469 5.469 0 00-3.433-1.203 5.506 5.506 0 00-5.5 5.5c0 3.033 2.468 5.5 5.5 5.5 3.033 0 5.5-2.467 5.5-5.5 0-1.262-.425-2.46-1.203-3.433l3.648-3.647v2.802a.611.611 0 001.222 0V1.277c0-.012-.003-.025-.004-.037a.617.617 0 00-.004-.041zM6.166 14.11A4.282 4.282 0 011.89 9.833a4.282 4.282 0 017.303-3.028 4.282 4.282 0 01-3.026 7.305z"}),F.createElement("path",{fillRule:"evenodd",d:"M15.287 1.048a.602.602 0 01.042.192l.002.016a.156.156 0 01.002.021v4.278a.611.611 0 01-1.222 0V2.753L10.463 6.4a5.469 5.469 0 011.203 3.433c0 3.033-2.467 5.5-5.5 5.5a5.506 5.506 0 01-5.5-5.5c0-3.033 2.468-5.5 5.5-5.5 1.263 0 2.46.425 3.433 1.203l3.647-3.647h-2.802a.611.611 0 010-1.223h4.278a.609.609 0 01.197.036.6.6 0 01.14.067h.003a.623.623 0 01.14.135h.001a.618.618 0 01.083.138v.003l.001.003zm.064-.02c.021.053.033.107.04.162m-.04-.162a.695.695 0 00-.096-.165l-.001-.002c-.008-.009-.016-.02-.026-.03A.69.69 0 0015.1.715m-.2-.089A.675.675 0 0014.722.6h-4.278a.678.678 0 000 1.355h2.641L9.594 5.447a5.535 5.535 0 00-3.428-1.18A5.573 5.573 0 00.6 9.832 5.573 5.573 0 006.166 15.4a5.573 5.573 0 005.567-5.567c0-1.257-.417-2.45-1.18-3.427l3.491-3.492v2.641a.678.678 0 001.356 0V1.277a.202.202 0 00-.003-.027v-.004l-.001-.01a.743.743 0 00-.005-.046M1.955 9.833a4.216 4.216 0 004.211 4.211 4.216 4.216 0 002.979-7.191 4.216 4.216 0 00-7.19 2.98zm7.237-3.028a4.282 4.282 0 00-7.304 3.028 4.282 4.282 0 004.278 4.278 4.282 4.282 0 003.026-7.306z",clipRule:"evenodd"})),F.createElement("defs",null,F.createElement("clipPath",{id:"clip0_408_8625"},F.createElement("path",{fill:"#fff",d:"M0 0H16V16H0z"}))))},GenderChooseBoy:function(e){var a=B("svg-".concat(Math.random()));return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),F.createElement("g",{clipPath:"url(#".concat(a.current,")")},F.createElement("path",{fill:"#45A4FF",d:"M11.203 7.633l1.914 1.914 6.397-6.397L17.6 1.235l-6.397 6.398z"}),F.createElement("path",{fill:"#45A4FF",d:"M8.083 5.334a7.333 7.333 0 100 14.667 7.333 7.333 0 000-14.667zm0 11.96a4.626 4.626 0 110-9.253 4.626 4.626 0 010 9.252z"}),F.createElement("path",{fill:"#2D87F3",d:"M7.508 8.077a4.626 4.626 0 100 9.181 4.627 4.627 0 010-9.181zM8.083 5.334a7.43 7.43 0 00-.575.022 7.334 7.334 0 010 14.622 7.333 7.333 0 10.575-14.644zM19.88 2.785v-.78L18.744.872h-.78l-2.707 2.707h1.55c.2 0 .364.163.364.365v1.55l2.707-2.708z"}),F.createElement("path",{fill:"#45A4FF",d:"M18.043 0h-4.585a.365.365 0 00-.364.365v1.978c0 .201.163.364.364.364h4.22c.201 0 .365.163.365.365v4.22c0 .2.163.364.364.364h1.978a.365.365 0 00.365-.364V.365A.365.365 0 0020.385 0h-2.342z"})),F.createElement("defs",null,F.createElement("clipPath",{id:a.current},F.createElement("path",{fill:"#fff",d:"M0 0H20V20H0z",transform:"translate(.75)"}))))},GenderChooseGirl:function(e){return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),F.createElement("path",{fill:"#FE9DC2",d:"M13.748 15.546h-1.503a.321.321 0 01-.321-.322v-3.7H9.577v3.7a.321.321 0 01-.322.322H7.753a.321.321 0 00-.321.321v1.704c0 .178.144.322.321.322h1.502c.178 0 .322.144.322.321v1.465c0 .178.144.321.321.321h1.704a.321.321 0 00.322-.321v-1.465c0-.177.144-.321.321-.321h1.503a.321.321 0 00.321-.322v-1.704a.322.322 0 00-.321-.321z"}),F.createElement("path",{fill:"#FC488D",d:"M9.576 11.523v2.151a7.466 7.466 0 002.347 0v-2.15H9.576z"}),F.createElement("path",{fill:"#FE9DC2",d:"M10.75 0a6.357 6.357 0 100 12.715A6.357 6.357 0 0010.75 0zm0 10.368a4.01 4.01 0 110-8.021 4.01 4.01 0 010 8.021z"}),F.createElement("path",{fill:"#FC488D",d:"M10.157 2.391a4.01 4.01 0 100 7.934 4.011 4.011 0 010-7.934zM10.75 0c-.2 0-.398.01-.593.028a6.358 6.358 0 010 12.66A6.357 6.357 0 1010.75 0z"}))},GenderGirl:function(e){var a=e.size,t=void 0===a?16:a,l=H(e,["size"]);return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 16 16"},l),F.createElement("path",{fill:"#595959",d:"M11.445 8.979a4.875 4.875 0 000-6.888 4.879 4.879 0 00-6.89 0 4.875 4.875 0 000 6.888 4.849 4.849 0 002.872 1.39V12H6.28a.573.573 0 100 1.147h1.147v1.614a.573.573 0 001.146 0v-1.614H9.72a.573.573 0 100-1.146H8.573v-1.63a4.849 4.849 0 002.872-1.391zm-6.08-.81a3.728 3.728 0 010-5.268 3.73 3.73 0 015.27 0 3.728 3.728 0 010 5.267 3.73 3.73 0 01-5.27 0z"}),F.createElement("path",{fill:"#595959",fillRule:"evenodd",d:"M5.366 8.168a3.73 3.73 0 005.268 0 3.728 3.728 0 000-5.267 3.73 3.73 0 00-5.268 0 3.728 3.728 0 000 5.267zm6.15-6.148a4.975 4.975 0 010 7.03 4.948 4.948 0 01-2.843 1.407V11.9H9.72a.673.673 0 110 1.346H8.673v1.514a.673.673 0 01-1.346 0v-1.514H6.28a.673.673 0 110-1.346h1.046v-1.443A4.948 4.948 0 014.484 9.05a4.975 4.975 0 010-7.029 4.979 4.979 0 017.032 0zm-4.09 8.35a4.849 4.849 0 01-2.871-1.391 4.875 4.875 0 010-6.888 4.879 4.879 0 016.89 0 4.875 4.875 0 010 6.888 4.849 4.849 0 01-2.872 1.39V12H9.72a.573.573 0 110 1.147H8.573v1.614a.573.573 0 01-1.146 0v-1.614H6.28a.573.573 0 110-1.146h1.147v-1.63zm-1.99-7.398a3.628 3.628 0 000 5.126 3.63 3.63 0 005.128 0 3.628 3.628 0 000-5.126 3.63 3.63 0 00-5.128 0z",clipRule:"evenodd"}))},Girl:function(e){var a=e.size,t=void 0===a?40:a,l=H(e,["size"]);return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),F.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"#FC5D9A"}),F.createElement("path",{fill:"#fff",d:"M18.283 11.759c-.034 0-.068 0-.102.003-.346-1.394-1.099-2.652-2.14-3.57a6.132 6.132 0 00-3.726-1.544v-.532a2.062 2.062 0 001.617-.634 1.178 1.178 0 000-1.638 1.13 1.13 0 00-1.626 0c-.116.119-.218.25-.305.392a2.212 2.212 0 00-.308-.393 1.13 1.13 0 00-1.625 0 1.179 1.179 0 000 1.638 2.06 2.06 0 001.5.639c.041 0 .08 0 .117-.004v.533a6.143 6.143 0 00-3.726 1.543c-1.042.918-1.793 2.177-2.14 3.572a1.72 1.72 0 00-1.317.498 1.706 1.706 0 000 2.417c.323.32.76.5 1.215.5.027 0 .054 0 .081-.002a4.968 4.968 0 002.162 2.996c1.073.69 2.47 1.053 4.04 1.053 1.57 0 2.967-.364 4.04-1.053a4.987 4.987 0 002.162-2.998 1.72 1.72 0 001.295-.499 1.705 1.705 0 000-2.417c-.322-.32-.759-.5-1.214-.5zm-5.527-7.477a.5.5 0 01.724 0 .55.55 0 010 .763 1.446 1.446 0 01-1.165.446 1.834 1.834 0 01-.004-.077v-.09c.01-.392.168-.764.445-1.042zm-2.238.762a.55.55 0 010-.763.501.501 0 01.724 0c.276.278.435.65.444 1.042v.09c0 .027-.002.053-.004.078a1.45 1.45 0 01-1.164-.447z"}),F.createElement("path",{fill:"#FC5D9A",d:"M9.586 13.68a.819.819 0 000-1.161.828.828 0 00-1.167 0 .819.819 0 000 1.162c.323.32.845.32 1.167 0zM15.267 13.894a.821.821 0 10-.41-1.592.821.821 0 10.41 1.592zM13.704 14.242a.32.32 0 00-.282.045.314.314 0 00-.114.159c-.002.007-.248.733-1.274.733-1.027 0-1.272-.726-1.275-.733a.314.314 0 10-.598.19c.016.046.394 1.168 1.873 1.168s1.858-1.12 1.873-1.168a.313.313 0 00-.203-.394zM12.402 7.713a.315.315 0 00-.53.24.313.313 0 00.1.218c.253.248.466.533.632.845.316.61.298 1.118-.056 1.551-.403.493-.865.449-1.104.378-.33-.096-.598-.351-.625-.595-.03-.263.058-.585.318-.71.165-.077.337-.039.486.11a.315.315 0 00.538-.22.313.313 0 00-.092-.222c-.336-.337-.797-.426-1.204-.232-.473.226-.737.752-.671 1.343.055.494.495.957 1.072 1.128.151.045.308.067.465.068.491 0 .958-.228 1.305-.652.514-.63.558-1.402.127-2.234a4.11 4.11 0 00-.761-1.016z"}))},Heart:r,Home:d,Kebab:function(e){var a=e.size,t=void 0===a?20:a,l=H(e,["size"]);return F.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 20 20"},l),F.createElement("path",{fill:"#000",fillOpacity:"0.54",fillRule:"evenodd",d:"M10 6.667c.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666zm0 1.667c-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667zm-1.667 6.667c0-.917.75-1.667 1.667-1.667.916 0 1.666.75 1.666 1.667 0 .916-.75 1.666-1.666 1.666-.917 0-1.667-.75-1.667-1.666z",clipRule:"evenodd"}))},Like:s,MyCommunity:m,PlusSpecial:h,Recalculate:v,Scale:u,Share:p,Stethoscope:f,FullScreen:g,GroupPeople:z,GroupPeopleSolid:E,Activities:w,Reply:y},I=function(e){var a=e.value,t=e.options,l=e.className,n=e.direction,c=void 0===n?"horizontal":n,o=e.onChange,i=e.isDisabled,r=V(a),d=r[0],s=r[1];return F.createElement(M,{className:l,"data-direction":c},t.map((function(e,t){return F.createElement(b,{"data-selected":(a||d)===e.value,"data-disabled":i,key:t,onClick:function(){var a;a=e.value,i||(s(a),o&&o(a))}},F.createElement("div",null,e.content,e.label&&F.createElement(C,{type:"bold",color:(a||d)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))})))},T=function(e){var a=e.isActive,t=e.onChange,l=e.value,n=void 0===l?"":l,c=e.onInputChange,o=k().t;return F.createElement(x,{onClick:function(){return t("new")}},F.createElement("div",{className:"title"},F.createElement(C,{size:"p2",color:S.colors.gray800},o("chooseBaby.new")),F.createElement("div",{className:a?"radio active":"radio"})),F.createElement(R,{name:"name",value:n,size:"md",placeholder:o("chooseBaby.placeholder"),type:"text",onChange:c}))},q=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},O=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"))},Z=function(e){var a=e.type,t=void 0===a?"lead":a,l=e.closeIcon,n=e.isOpen,c=void 0===n||n,o=e.onClose,i=e.children,r=e.className,d=void 0===r?"":r,s=e.animationType,m=void 0===s?"slideTop":s,h=e.isStaticBackdrop,v=void 0!==h&&h;e.style;var u=V(!1),p=u[0],f=u[1],g=B(null),z=j().width;if(!g.current&&p&&(g.current=document.createElement("div")),_((function(){return f(!0),function(){f(!1),q(),O()}}),[]),_((function(){if(p){var e=((a=document.getElementById("hhg-modals"))||((a=document.createElement("div")).setAttribute("id","hhg-modals"),document.body.append(a)),a);return e.appendChild(g.current),function(){e.removeChild(g.current)}}var a}),[p]),_((function(){c?document.body.classList.add("hhc-modal-show"):q()}),[c]),_((function(){c?(document.body.style.overflow="hidden",document.body.style.paddingRight=z+"px",document.body.classList.add("hhc-disabled-scroll")):O()}),[c,z]),!p)return null;var E=["hhg-modal__wrapper",d,m].filter((function(e){return e})).join(" ");return N(F.createElement(D,{className:E,"data-open":c,"data-type":t},!v&&F.createElement(L,{"data-open":c,onClick:o,"data-type":t}),!v&&"video"===t&&!!l&&F.createElement("div",{className:"hhg-modal__close",onClick:o},l),F.createElement(G,{className:"hhg-modal","data-open":c},F.createElement("div",{className:"video"===t?"hhg-modal__video":"hhg-modal__content"},!!l&&"video"!==t&&F.createElement("div",{className:"hhg-modal__close",onClick:o},l),i))),g.current)};export{P as I,Z as M,T as N,I as R};

package/build/esm/index-fe9820b2.js

@@ -1 +0,0 @@
-import e from"react";import{H as t}from"./index.styled-b9f4b7d1.js";var r=function(r){var a=r.type,s=void 0===a?"solid":a,d=r.className,i=r.style;return e.createElement(t,{style:i,className:d,"data-diver-type":s,dividerType:s})};export{r as D};

package/build/esm/index.styled-a87311b3.js

@@ -1 +0,0 @@
-import n,{useRef as e,useEffect as t}from"react";import{t as i,k as o,M as a}from"./screenSizeContext-d6e9a094.js";import{createPortal as r}from"react-dom";import{an as d,ao as l,ap as s,T as h,aq as p}from"./index.styled-b9f4b7d1.js";import{e as c}from"./tslib.es6-5532bd7b.js";import m from"styled-components";var x,u,f,g=function(e){var t=e.open,i=void 0!==t&&t,o=e.onClickOutside;return n.createElement(d,{open:i,onClick:o})},v=function(a){var d=a.children,c=a.title,m=a.onClose,x=a.open,u=void 0!==x&&x,f=a.placement,v=void 0===f?"left":f,w=a.destroyOnClose,b=void 0!==w&&w,C=a.className,y=e();t((function(){return i(u),function(){return i(!1)}}),[u]);var k=function(){y.current.classList.add("slideOut"),setTimeout((function(){m()}),800)};return!u&&b?null:r(n.createElement(n.Fragment,null,n.createElement(l,{className:C,open:u},n.createElement(g,{open:u,onClickOutside:k}),n.createElement(s,{open:u,placement:v,ref:y,hasTitle:Boolean(c)},n.createElement("div",{className:"title"},c&&n.createElement(h,{size:"s2",type:"semiBold"},c),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:k},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(p,{onClick:function(n){return n.stopPropagation()}},d&&(n.isValidElement(d)?d:"function"==typeof d?d({internalClose:k}):null))))),o())},w=m.div(x||(x=c(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\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\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})),b=m.div(u||(u=c(["\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"])),w,w,w,w,w,w,a.mbDown,w,a.mbDown,w,a.mbDown),C=m.div(f||(f=c(["\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}));export{v as D,b as S,C as a,w as b};