@microlink/hover-react
Version:
Turn links into beautiful previews.
40 lines (34 loc) • 41.4 kB
JavaScript
import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/extends";import r,{forwardRef as o,useContext as a,createElement as i,useRef as c,useMemo as l,useCallback as s,useEffect as d,useState as p}from"react";import u from"@babel/runtime/helpers/taggedTemplateLiteral";import m,{styled as f,css as g,keyframes as h}from"styled-components";import{fetchFromApi as b,getApiUrl as v}from"@microlink/mql";const y=["accessibility","debounce","ellipsis","is","lines","text"];function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function x(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}const k=e=>{let{accessibility:t=!0,debounce:r=300,ellipsis:o="…",is:a="div",lines:p=3,text:u}=e,m=n(e,y);const f=c(null),g=c("."),h=x(x({ref:f},t?{title:u}:{}),m),b=l(()=>"string"==typeof u&&u.length>0,[u]),v=s(()=>{var e,n,t,r;if(!b)return;const a=e=>{g.current=e,null!=f.current&&(f.current.innerText=e)};a(".");const i=((null!==(n=null===(e=f.current)||void 0===e?void 0:e.clientHeight)&&void 0!==n?n:0)+1)*p+1,c="…"===o?5:1.2*o.length;let l=0,s=0,d=u.length;for(;l<=d;){if(s=Math.floor((l+d)/2),a(u.slice(0,s)),s===u.length)return;(null!==(r=null===(t=f.current)||void 0===t?void 0:t.clientHeight)&&void 0!==r?r:0)<=i?l=s+1:d=s-1}a(u.slice(0,Math.max(s-c,0)).trim()+o)},[o,b,p,u]);return d(()=>{v();const e=((e,n)=>{let t;const r=()=>{t=void 0,e()};return()=>{const o=null==t;clearTimeout(t),t=setTimeout(r,n),o&&e()}})(v,r);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[v,r]),b?i(a,h,g.current):null};function $(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var z,O={exports:{}};var E,P={exports:{}};var S,j=$(e=>function(){if(z)return O.exports;z=1;const e=new RegExp("^(".concat([/^(:{2}f{4}:)?10(?:\.\d{1,3}){3}$/,/^(:{2}f{4}:)?127(?:\.\d{1,3}){3}$/,/^(::f{4}:)?169\.254\.([1-9]|1?\d\d|2[0-4]\d|25[0-4])\.\d{1,3}$/,/^(:{2}f{4}:)?(172\.1[6-9]|172\.2\d|172\.3[01])(?:\.\d{1,3}){2}$/,/^(:{2}f{4}:)?192\.168(?:\.\d{1,3}){2}$/,/^f[cd][\da-f]{2}(::1$|:[\da-f]{1,4}){1,7}$/,/^fe[89ab][\da-f](::1$|:[\da-f]{1,4}){1,7}$/,/^localhost$|^0\.0\.0\.0$/].map(e=>e.source).join("|"),")$"));return O.exports=e.test.bind(e),O.exports.regex=e,O.exports}()(e)||function(){if(E)return P.exports;E=1;const e=new RegExp("^(".concat([/^\[(::1|::)\]$/].map(e=>e.source).join("|"),")$"));return P.exports=e.test.bind(e),P.exports.regex=e,P.exports}()(e));const C="undefined"==typeof window,D=e=>"function"==typeof e,M=e=>"object"==typeof e,_=e=>null==e,N=e=>M(e)?e.url:e,R=function(){return g(S||(S=u(["\n @media (max-width: 48em) {\n ",";\n }\n "])),g(...arguments))},F=e=>"large"===e,T=e=>"small"===e,L=e=>j(new URL(e).hostname)?e:"https://images.weserv.nl/?".concat(new URLSearchParams({url:e,default:e,l:9,af:"",il:"",n:-1}).toString()),V=!C&&"IntersectionObserver"in window,I=e=>{const n=parseInt(e,10);return[Math.floor(n/3600),Math.floor(n/60)%60,n%60].filter((e,n)=>e>0||n>0).map(e=>e>=10?e:"0".concat(e)).join(":")},U=(e,n,t)=>{switch(!0){case e<=n:return n;case e>=t:return t;default:return e}},W="microlink_card",B="".concat(W,"__content"),H="".concat(W,"__media"),X="".concat(H,"__controls"),K={main:W,content:B,title:"".concat(B,"_title"),description:"".concat(B,"_description"),url:"".concat(B,"_url"),mediaWrapper:"".concat(H,"_wrapper"),media:H,image:"".concat(H,"_image"),videoWrapper:"".concat(H,"_video_wrapper"),video:"".concat(H,"_video"),audioWrapper:"".concat(H,"_audio_wrapper"),audio:"".concat(H,"_audio"),mediaControls:X,playbackControl:"".concat(X,"_playback"),volumeControl:"".concat(X,"_volume"),rwControl:"".concat(X,"_rewind"),ffwControl:"".concat(X,"_fast_forward"),rateControl:"".concat(X,"_rate"),progressBar:"".concat(X,"_progress_bar"),progressTime:"".concat(X,"_progress_time"),spinner:"".concat(X,"_spinner"),iframe:"".concat(W,"__iframe")},A=["useNanoClamp","children"];var q,J;function G(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function Q(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}const Y=f(e=>{let{children:n,className:t,lines:o}=e;return _(n)?null:r.createElement(k,{className:t,lines:o,text:n,is:"p"})})(q||(q=u(["\n &&& {\n text-align: inherit;\n font-weight: inherit;\n font-family: inherit;\n color: inherit;\n margin: 0;\n\n ","\n }\n"])),e=>{let{$useNanoClamp:n}=e;return!n&&g(J||(J=u(["\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "])))}),Z=e=>{let{useNanoClamp:o=!0,children:a}=e,i=n(e,A);const c=o?i:Q(Q({},i),{},{as:"p",title:a});return r.createElement(Y,t({$useNanoClamp:o},c),a)},ee={short:"100ms",medium:"150ms",long:"300ms"},ne={short:"cubic-bezier(.25,.8,.25,1)",medium:"cubic-bezier(.25,.8,.25,1)",long:"cubic-bezier(.4, 0, .2, 1)"},te=(e,n)=>{const t="".concat(ee[n]," ").concat(ne[n]);return e.map(e=>"".concat(e," ").concat(t)).join(", ")},re=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return te(n,"short")},oe=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return te(n,"medium")},ae=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return te(n,"long")},ie="InterUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif",ce="'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",le=["autoPlay","children","controls","loop","mediaRef","muted","playsInline","size"];function se(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function de(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?se(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):se(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}const pe={},ue=r.createContext(pe),me=e=>{let{autoPlay:t,children:o,controls:a,loop:i,mediaRef:c,muted:d,playsInline:u,size:m}=e,f=n(e,le);const[g,h]=p(pe),b=s(e=>h(n=>de(de({},n),e)),[]),v=l(()=>({autoPlay:t,controls:a,loop:i,mediaRef:c,muted:d,playsInline:u,size:m}),[t,a,i,c,d,u,m]),y=l(()=>({props:v,state:g,updateState:b}),[v,g,b]);return r.createElement(ue.Provider,{value:y},o(f))};var fe,ge,he,be,ve,ye,we,xe,ke,$e,ze,Oe;const Ee=/^www\./,Pe="16px",Se=g(fe||(fe=u(["\n ",";\n"])),R(ge||(ge=u(["\n > p {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n "])))),je=f("div").attrs({className:K.content})(he||(he=u(["\n display: flex;\n padding: 10px 15px;\n min-width: 0;\n box-sizing: border-box;\n ",";\n"])),e=>{let{$cardSize:n}=e;return g(be||(be=u(["\n flex: ",";\n justify-content: ",";\n flex-direction: ",";\n align-items: ",";\n "])),F(n)?"0 0 125px":1,T(n)?"space-between":"space-around",T(n)?"row":"column",T(n)?"center":"stretch")}),Ce=f("header").attrs({className:K.title})(ve||(ve=u(["\n text-align: left;\n font-weight: bold;\n margin: 0;\n width: 100%;\n ","\n"])),e=>{let{$cardSize:n}=e;return g(ye||(ye=u(["\n flex-grow: ",";\n font-size: ",";\n\n ","\n "])),T(n)?.8:1.2,T(n)?"15px":"16px",T(n)&&g(we||(we=u(["\n min-width: 0;\n padding-right: 14px;\n "]))))}),De=f("div").attrs({className:K.description})(xe||(xe=u(["\n text-align: left;\n font-size: 14px;\n flex-grow: 2;\n margin: auto 0;\n line-height: 18px;\n font-weight: normal;\n ",";\n"])),e=>{let{$cardSize:n}=e;return!F(n)&&Se}),Me=f("footer").attrs({className:K.url})(ke||(ke=u(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n text-align: left;\n margin: 0;\n flex-grow: 0;\n font-weight: normal;\n ",";\n"])),e=>{let{$cardSize:n}=e;return g($e||($e=u(["\n font-size: ",";\n ","\n "])),T(n)?"10px":"12px",!T(n)&&"width: 100%;")}),_e=f(Z)(ze||(ze=u(["\n opacity: 0.75;\n transition: ",";\n will-change: opacity;\n\n .",":hover & {\n opacity: 1;\n }\n"])),oe("opacity"),K.main),Ne=f("span").attrs({title:"microlink.io"})(Oe||(Oe=u(["\n background: url('https://cdn.microlink.io/logo/logo.svg') no-repeat center\n center;\n display: block;\n margin-left: 15px;\n transition: ",";\n will-change: filter, opacity;\n &:not(:hover) {\n filter: grayscale(100%);\n opacity: 0.75;\n }\n\n min-width: ",";\n width: ",";\n background-size: ",";\n height: ",";\n"])),oe("filter","opacity"),Pe,Pe,Pe,"12px"),Re=()=>{const{state:{description:e,title:n,url:t},props:{size:o}}=a(ue),i=T(o),c=l(()=>(e=>{if(_(e))return"";const{hostname:n}=new URL(e);return n.replace(Ee,"")})(t),[t]),d=s(e=>{e.preventDefault(),window.open("https://www.microlink.io","_blank")},[]);return r.createElement(je,{$cardSize:o},r.createElement(Ce,{$cardSize:o},r.createElement(Z,{$useNanoClamp:!1},n)),!i&&r.createElement(De,{$cardSize:o},r.createElement(Z,{lines:2},e)),r.createElement(Me,{$cardSize:o},r.createElement(_e,{$useNanoClamp:!1},c),r.createElement(Ne,{onClick:d})))};var Fe,Te,Le,Ve;const Ie=h(Fe||(Fe=u(["\n 0% {\n background: #e1e8ed;\n }\n 70% {\n background: #cdd4d8;\n }\n 100% {\n background: #e1e8ed;\n }\n"]))),Ue=h(Te||(Te=u(["\n 0% {\n background: #e1e8ed;\n }\n 70% {\n background: #dce3e8;\n }\n 100% {\n background: #e1e8ed;\n }\n"]))),We=g(Le||(Le=u(["\n animation: "," .75s linear infinite;\n"])),Ie),Be=g(Ve||(Ve=u(["\n animation: "," 1.25s linear infinite;\n"])),Ue);var He,Xe,Ke;const Ae=f("img")(He||(He=u(["\n height: 1px;\n width: 1px;\n position: absolute;\n z-index: -1;\n"]))),qe=g(Xe||(Xe=u(["\n &::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: #e1e8ed;\n z-index: 1;\n transition: ",";\n will-change: opacity;\n\n ",";\n }\n"])),oe("opacity","visibility"),e=>{let{$isLoading:n}=e;return g(Ke||(Ke=u(["\n opacity: ",";\n visibility: ",";\n "])),n?1:0,n?"$visible":"hidden")});var Je,Ge,Qe,Ye,Ze;const en={small:g(Je||(Je=u(["\n flex: 0 0 48px;\n "]))),normal:g(Ge||(Ge=u(["\n flex: 0 0 125px;\n\n ","\n "])),R(Qe||(Qe=u(["\n flex: 0 0 92px;\n "])))),large:g(Ye||(Ye=u(["\n flex: 1;\n\n &::before {\n padding-bottom: 0;\n }\n "])))},nn=f("div")(Ze||(Ze=u(["\n background: transparent no-repeat center center / cover;\n display: block;\n overflow: hidden;\n height: auto;\n position: relative;\n\n &::before {\n content: '';\n padding-bottom: 100%;\n display: block;\n }\n\n ",";\n\n ",";\n"])),e=>{let{$cardSize:n}=e;return en[n]},qe),tn=e=>{const{props:{size:n}}=a(ue);return r.createElement(nn,t({$cardSize:n},e))};var rn;const on=f(tn).attrs({className:"".concat(K.media," ").concat(K.image)})(rn||(rn=u(["\n background-image: ",";\n"])),e=>{let{url:n}=e;return n?"url('".concat(L(n),"')"):""}),an=e=>{const{state:{imageUrl:n}}=a(ue);return r.createElement(on,t({url:n},e))};var cn,ln,sn,dn,pn;const un=f(an)(cn||(cn=u(["\n ",";\n"])),Be),mn=f("span")(ln||(ln=u(["\n opacity: 0.8;\n height: 16px;\n width: ",";\n display: block;\n background: #e1e8ed;\n margin: ",";\n ",";\n\n ",";\n"])),e=>{let{$cardSize:n}=e;return T(n)?"75%":"60%"},e=>{let{$cardSize:n}=e;return T(n)?"0 20px 0 0":"2px 0 8px"},We,e=>{let{$cardSize:n}=e;return!F(n)&&"\n height: 15px;\n "}),fn=f("span")(sn||(sn=u(["\n opacity: 0.8;\n height: 14px;\n width: 95%;\n display: block;\n position: relative;\n ",";\n animation-delay: 0.125s;\n"])),We),gn=f("span")(dn||(dn=u(["\n opacity: 0.8;\n height: 12px;\n width: 30%;\n display: block;\n "," animation-delay: .25s;\n\n ",";\n"])),We,e=>{let{$cardSize:n}=e;return!F(n)&&"\n height: 10px;\n "}),hn=()=>{const{props:{size:e}}=a(ue),n=T(e);return r.createElement(r.Fragment,null,r.createElement(un,{$cardSize:e}),r.createElement(je,{$cardSize:e},r.createElement(mn,{$cardSize:e}),n?null:r.createElement(r.Fragment,null,r.createElement(fn,{$cardSize:e}),r.createElement(fn,{$cardSize:e,style:{marginBottom:"12px"}})),pn||(pn=r.createElement(gn,null))))};var bn;const vn=f("div")(bn||(bn=u(["\n backface-visibility: hidden;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: ",";\n will-change: transform;\n\n > svg {\n display: block;\n }\n\n &:active:not(:focus) {\n transform: scale(0.9);\n }\n"])),re("transform"));var yn,wn,xn,kn,$n,zn,On,En,Pn;const Sn=e=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14"},e),yn||(yn=r.createElement("path",{fill:"#FFF",fillRule:"evenodd",stroke:"none",strokeWidth:"1",d:"M15.5 6.205l-.705-.705L13 7.295 11.205 5.5l-.705.705L12.295 8 10.5 9.795l.705.705L13 8.705l1.795 1.795.705-.705L13.705 8 15.5 6.205zM9 15a.5.5 0 01-.355-.15L4.835 11H1.5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h3.335l3.81-3.85a.5.5 0 01.705 0 .5.5 0 01.15.35v13a.5.5 0 01-.5.5z",transform:"translate(-1 -1)"}))),jn=e=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14"},e),wn||(wn=r.createElement("path",{fill:"#FFF",fillRule:"evenodd",stroke:"none",strokeWidth:"1",d:"M13.58 4.04l-.765.645a5 5 0 01-.145 6.615l.735.7a6 6 0 00.175-7.94v-.02zM10.79 6a3 3 0 01-.09 3.97l.735.68a4 4 0 00.115-5.295L10.79 6zM9 15a.5.5 0 01-.355-.15L4.835 11H1.5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5h3.335l3.81-3.85a.5.5 0 01.705 0 .5.5 0 01.15.35v13a.5.5 0 01-.5.5z",transform:"translate(-1 -1)"}))),Cn=f("div")(xn||(xn=u(["\n z-index: 2;\n position: absolute;\n bottom: ","px;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: ",";\n will-change: opacity;\n"])),e=>{let{$cardSize:n}=e;return F(n)?18:14},oe("opacity")),Dn=f("svg")(kn||(kn=u(["\n stroke: #fff;\n"]))),Mn=f(vn).attrs({className:K.volumeControl})($n||($n=u(["\n "," {\n width: ","px;\n height: ","px;\n\n ","\n }\n"])),Dn,e=>{let{$cardSize:n}=e;return F(n)?16:14},e=>{let{$cardSize:n}=e;return F(n)?16:14},e=>{let{$cardSize:n}=e;return!F(n)&&R(zn||(zn=u(["\n width: 12px;\n height: 12px;\n "])))}),_n=f(vn).attrs({className:K.rateControl})(On||(On=u(["\n font-size: ","px;\n min-width: ","px;\n line-height: 1;\n font-weight: bold;\n border: 1.5px solid #fff;\n border-radius: 9999px;\n padding: 1px 5px;\n text-align: center;\n color: #fff;\n margin-left: 10px;\n\n ","\n"])),e=>{let{$cardSize:n}=e;return F(n)?12:10},e=>{let{$cardSize:n}=e;return F(n)?33:28},e=>{let{$cardSize:n}=e;return!F(n)&&R(En||(En=u(["\n font-size: 8px;\n margin-left: 8px;\n min-width: 23px;\n "])))}),Nn=f("span").attrs({className:K.progressTime})(Pn||(Pn=u(["\n margin: ",";\n font-family: ",";\n font-size: 12px;\n padding: 0 16px;\n color: #fff;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n"])),e=>{let{$right:n}=e;return n?"0 0 0 auto":"0 auto 0 0"},ce),Rn=e=>{let{$cardSize:n,currentTime:t,endTime:o,isMuted:a,onMuteClick:i,onPlaybackRateClick:c,playbackRate:s}=e;const d=l(()=>a?Sn:jn,[a]),p=l(()=>F(n),[n]);return r.createElement(Cn,{$cardSize:n},p&&r.createElement(Nn,null,t),r.createElement(Mn,{title:a?"Unmute":"Mute",$cardSize:n,onClick:i},r.createElement(Dn,{as:d})),r.createElement(_n,{title:"Playback Rate",$cardSize:n,onClick:c},r.createElement("span",null,s,"x")),p&&r.createElement(Nn,{$right:!0},o))},Fn=["$isPlaying"];var Tn,Ln,Vn,In,Un,Wn;const Bn=e=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 20"},e),Tn||(Tn=r.createElement("path",{fill:"#FFF",fillRule:"evenodd",stroke:"none",strokeWidth:"1",d:"M12 6h-2a2 2 0 00-2 2v16a2 2 0 002 2h2a2 2 0 002-2V8a2 2 0 00-2-2zm10 0h-2a2 2 0 00-2 2v16a2 2 0 002 2h2a2 2 0 002-2V8a2 2 0 00-2-2z",transform:"translate(-8 -6)"}))),Hn=e=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 21 24"},e),Ln||(Ln=r.createElement("path",{fill:"#FFF",fillRule:"evenodd",stroke:"none",strokeWidth:"1",d:"M7 28a1 1 0 01-1-1V5a1 1 0 011.501-.865l19 11a1 1 0 010 1.73l-19 11A.998.998 0 017 28z",transform:"translate(-6 -4)"}))),Xn={large:"50px",normal:"35px",small:"20px"},Kn=f("svg")(Vn||(Vn=u(["\n stroke: #fff;\n"]))),An=f(vn).attrs({className:K.playbackControl})(In||(In=u(["\n "," {\n ","\n }\n"])),Kn,e=>{let{$cardSize:n}=e;return g(Un||(Un=u(["\n width: ",";\n height: ",";\n padding: ",";\n\n ","\n "])),Xn[n],Xn[n],F(n)?0:"8px",!F(n)&&!T(n)&&R(Wn||(Wn=u(["\n width: calc("," * 1.2);\n height: calc("," * 1.2);\n "])),Xn.small,Xn.small))}),qn=e=>{let{$isPlaying:o}=e,a=n(e,Fn);const i=l(()=>o?Bn:Hn,[o]);return r.createElement(An,t({title:o?"Pause":"Play"},a),r.createElement(Kn,{as:i}))};var Jn,Gn;const Qn={normal:.8,small:.9},Yn=f("div").attrs(e=>{let{$isVisible:n,$positionX:t}=e;return{style:{left:t,transform:"scale(".concat(n?1:.5,") translate(-50%, -50%)"),opacity:n?1:0,visibility:n?"$visible":"hidden"}}})(Jn||(Jn=u(["\n position: absolute;\n top: 50%;\n background: #ffffff;\n border-radius: 50%;\n transform-origin: center center;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\n transition: ",";\n will-change: left, transform, opacity, visibility;\n backface-visibility: hidden;\n z-index: 3;\n\n ","\n"])),re("transform","opacity","visibility"),e=>{let{$cardSize:n}=e;const t=(r=n,Math.floor(12*(Qn[r]||1)));var r;return g(Gn||(Gn=u(["\n height: ","px;\n width: ","px;\n "])),t,t)}),Zn=["$isDragging","$isVisible","label","$positionX","size"];var et;const nt={normal:.8},tt=f("span").attrs(e=>{let{$position:n,$isDragging:t,$visible:r}=e;return{style:{left:"".concat(n,"px"),top:r?"-4px":"0px",visibility:r?"$visible":"hidden",opacity:r?1:0,transform:"translate(-50%, ".concat(t?-110:-100,"%)")}}})(et||(et=u(["\n position: absolute;\n background: rgba(24, 25, 25, 0.75);\n color: #fff;\n text-shadow: 0 1px 2px rgba(24, 25, 25, 0.15);\n padding: 2px 3px;\n border-radius: 4px;\n font-family: ",";\n font-size: ","px;\n line-height: 1;\n transition: ",",\n ",";\n will-change: top, left, visibility, opacity, transform;\n backface-visibility: hidden;\n"])),ce,e=>{let{$cardSize:n}=e;return 11*(nt[n]||1)},oe("opacity","visibility","transform"),ae("top")),rt=o((e,o)=>{let{$isDragging:a,$isVisible:i,label:c,$positionX:l,size:s}=e,d=n(e,Zn);return r.createElement(r.Fragment,null,r.createElement(tt,t({$visible:i,$position:l,$cardSize:s,ref:o,$isDragging:a},d),c))});rt.displayName="Tooltip";const ot=["key"];var at,it,ct,lt,st,dt,pt;const ut={normal:.7,small:.6},mt={small:.9,large:1.4},ft=e=>Math.floor(6*(mt[e]||1)),gt=f("div").attrs(()=>({className:K.progressBar}))(at||(at=u(["\n position: relative;\n padding: ","px ","px ","px;\n z-index: 2;\n backface-visibility: hidden;\n"])),6,3,3),ht=f("div").attrs(e=>{let{$cardSize:n,$isDragging:t}=e;if(t){const e=ft(n);return{style:{height:"".concat(e,"px")}}}return{}})(it||(it=u(["\n background: transparent;\n border-radius: 9999px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n background: rgba(255, 255, 255, 0.15);\n transition: ",";\n will-change: height;\n pointer-events: none;\n position: relative;\n\n ","\n"])),re("height"),e=>{let{$cardSize:n}=e;const t=(r=n,Math.floor(6*(ut[r]||1)));var r;const o=ft(n);return g(ct||(ct=u(["\n height: ","px;\n\n ",":hover & {\n height: ","px;\n }\n "])),t,gt,o)}),bt=f("div")(lt||(lt=u(["\n border-radius: inherit;\n height: 100%;\n position: relative;\n overflow: hidden;\n"]))),vt=f("div").attrs(e=>{let{$maskScale:n}=e;return{style:{transform:"scaleX(".concat(n,")")}}})(st||(st=u(["\n position: absolute;\n left: 0;\n top: -50%;\n height: 200%;\n width: 100%;\n background: #ffffff;\n transform-origin: left center;\n will-change: transform;\n"]))),yt=f("div").attrs(e=>{let{$cursorRatio:n,$isHovering:t,$progressPercent:r}=e;return{style:{left:r,transform:"scaleX(".concat(n,")"),opacity:t?1:0,visibility:t?"$visible":"hidden"}}})(dt||(dt=u(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.4);\n transform-origin: left center;\n transition: ",";\n will-change: left, transform, opacity, $visible;\n"])),re("opacity","visibility")),wt=f("div").attrs(e=>{let{start:n,end:t}=e;return{style:{left:"".concat(n,"px"),right:"".concat(t,"px")}}})(pt||(pt=u(["\n background: rgba(255, 255, 255, 0.35);\n position: absolute;\n top: 0;\n bottom: 0;\n"]))),xt=e=>{let{bufferedMedia:o,cursorX:i,duration:d,hoveredTime:p,$isDragging:u,$isHovering:m,onClick:f,onMouseDown:g,onMouseOver:h,progress:b,showTooltip:v}=e;const{props:{size:y}}=a(ue),w=c(),x=c(),k=l(()=>T(y),[y]),$=s(()=>w.current?w.current.getBoundingClientRect().width-6:0,[]),z=l(()=>U(b/d,0,1),[d,b]),O=l(()=>"".concat(U(100*z,1,99),"%"),[z]),E=l(()=>{if(w.current){const e=$(),n=z*e,t=i-n;if(t>0)return U((t/(e-n)).toFixed(3),0,.99)}return 0},[i,$,z]),P=l(()=>{const e=$();return o.map((n,t)=>({key:t,start:n.start*e,end:e-n.end*e}))},[o,$]),S=l(()=>I(p),[p]),j=l(()=>{if(w.current&&x.current){const e=$(),n=x.current.getBoundingClientRect().width/2;return U(i,n,e-n)}return 0},[i,$]),C=l(()=>({onClick:f,onMouseDown:g,onMouseOver:h}),[f,g,h]),D=l(()=>u||m,[u,m]);return r.createElement(gt,t({$cardSize:y,ref:w},C),r.createElement(ht,{$cardSize:y,$isDragging:u},r.createElement(bt,null,r.createElement(yt,{$cursorRatio:E,$isHovering:m,$progressPercent:O}),P.map(e=>{let{key:o}=e,a=n(e,ot);return r.createElement(wt,t({key:o},a))}),r.createElement(vt,{$maskScale:z})),r.createElement(Yn,{$cardSize:y,$isVisible:D,$positionX:O}),!k&&r.createElement(rt,{$isDragging:u,$isVisible:D,label:S,$positionX:j,ref:x,size:y})))};var kt,$t,zt,Ot,Et;const Pt=["$cardSize"],St=["$cardSize"],jt=["type","$cardSize"],Ct=e=>{let o=n(e,Pt);return r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 29"},o),kt||(kt=r.createElement("path",{fill:"#FFF",fillRule:"evenodd",stroke:"none",strokeWidth:"1",d:"M4 18c0 6.627 5.373 12 12 12s12-5.373 12-12S22.627 6 16 6h-4V1L6 7l6 6V8h4c5.523 0 10 4.477 10 10s-4.477 10-10 10S6 23.523 6 18H4zm15.63 4.13a2.84 2.84 0 01-1.28-.27 2.44 2.44 0 01-.89-.77 3.57 3.57 0 01-.52-1.25 7.69 7.69 0 01-.17-1.68 7.83 7.83 0 01.17-1.68c.094-.445.27-.87.52-1.25.23-.325.535-.59.89-.77.4-.188.838-.28 1.28-.27a2.44 2.44 0 012.16 1 5.23 5.23 0 01.7 2.93 5.23 5.23 0 01-.7 2.93 2.44 2.44 0 01-2.16 1.08zm0-1.22c.411.025.8-.19 1-.55a3.38 3.38 0 00.37-1.51v-1.38a3.31 3.31 0 00-.29-1.5 1.23 1.23 0 00-2.06 0 3.31 3.31 0 00-.29 1.5v1.38a3.38 3.38 0 00.29 1.51c.195.356.575.57.98.55zm-9 1.09v-1.18h2v-5.19l-1.86 1-.55-1.06 2.32-1.3H14v6.5h1.78V22h-5.15z",transform:"translate(-4 -1)"})))},Dt=e=>{let o=n(e,St);return r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 29"},o),$t||($t=r.createElement("path",{fill:"#FFF",fillRule:"evenodd",stroke:"none",strokeWidth:"1",d:"M26 18c0 5.523-4.477 10-10 10S6 23.523 6 18 10.477 8 16 8h4v5l6-6-6-6v5h-4C9.373 6 4 11.373 4 18s5.373 12 12 12 12-5.373 12-12h-2zm-6.36 4.13a2.81 2.81 0 01-1.28-.27 2.36 2.36 0 01-.89-.77 3.39 3.39 0 01-.47-1.25 7.12 7.12 0 01-.17-1.68 7.24 7.24 0 01.17-1.68 3.46 3.46 0 01.52-1.25 2.36 2.36 0 01.89-.77c.4-.19.838-.282 1.28-.27a2.44 2.44 0 012.16 1 5.31 5.31 0 01.7 2.93 5.31 5.31 0 01-.7 2.93 2.44 2.44 0 01-2.21 1.08zm0-1.22a1 1 0 001-.55c.22-.472.323-.99.3-1.51v-1.38a3.17 3.17 0 00-.3-1.5 1.22 1.22 0 00-2.05 0 3.18 3.18 0 00-.29 1.5v1.38a3.25 3.25 0 00.29 1.51 1 1 0 001.05.55zm-7.02-3.49c.355.035.71-.06 1-.27a.84.84 0 00.31-.68v-.08a.94.94 0 00-.3-.74 1.2 1.2 0 00-.83-.27 1.65 1.65 0 00-.89.24 2.1 2.1 0 00-.68.68l-.93-.83a5.37 5.37 0 01.44-.51 2.7 2.7 0 01.54-.4 2.55 2.55 0 01.7-.27 3.25 3.25 0 01.87-.1 3.94 3.94 0 011.06.14c.297.078.576.214.82.4.224.168.408.383.54.63.123.26.184.543.18.83a2 2 0 01-.11.67 1.82 1.82 0 01-.32.52 1.79 1.79 0 01-.47.36 2.27 2.27 0 01-.57.2V18c.219.04.431.11.63.21a1.7 1.7 0 01.85.93c.084.234.124.481.12.73a2 2 0 01-.2.92 2 2 0 01-.58.72 2.66 2.66 0 01-.89.45 3.76 3.76 0 01-1.15.16 4.1 4.1 0 01-1-.11 3.1 3.1 0 01-.76-.31 2.76 2.76 0 01-.56-.45 4.22 4.22 0 01-.44-.55l1.07-.81c.082.147.175.288.28.42.105.128.226.243.36.34.137.097.29.171.45.22a2 2 0 00.57.07 1.45 1.45 0 001-.3 1.12 1.12 0 00.34-.85v-.08a1 1 0 00-.37-.8 1.78 1.78 0 00-1.06-.28h-.76v-1.21h.74z",transform:"translate(-4 -1)"})))},Mt=f("svg")(zt||(zt=u(["\n stroke: #fff;\n width: ","px;\n height: ","px;\n\n ","\n"])),e=>{let{$cardSize:n}=e;return F(n)?30:24},e=>{let{$cardSize:n}=e;return F(n)?30:24},e=>{let{$cardSize:n}=e;return!F(n)&&R(Ot||(Ot=u(["\n width: 0;\n height: 0;\n "])))}),_t=f(vn)(Et||(Et=u(["\n margin: 0 ",";\n"])),e=>{let{$cardSize:n}=e;return F(n)?"28px":"3px"}),Nt=e=>{let{type:o="rewind",$cardSize:a}=e,i=n(e,jt);const c=l(()=>"rewind"===o?Ct:Dt,[o]);return r.createElement(_t,t({title:"rewind"===o?"Rewind":"Forward",$cardSize:a},i),r.createElement(Mt,{as:c,$cardSize:a}))};var Rt,Ft,Tt,Lt,Vt,It;const Ut={normal:.8,small:.6},Wt={normal:.9,small:.8},Bt=h(Rt||(Rt=u(["\n 100% {\n transform: rotate(360deg);\n }\n"]))),Ht=h(Ft||(Ft=u(["\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n"]))),Xt=f(vn).attrs(e=>{let{$isVisible:n}=e;return{style:{opacity:n?1:0,visibility:n?"$visible":"hidden"}}})(e=>{let{$cardSize:n}=e;const t="".concat((e=>Math.floor(12*(Wt[e]||1)))(n),"px"),r="".concat((e=>Math.floor(6*(Ut[e]||1)))(n),"px");return g(Tt||(Tt=u(["\n position: absolute;\n width: ",";\n right: ",";\n top: ",";\n transition: ",";\n will-change: opacity, visibility;\n pointer-events: none;\n "])),t,r,r,oe("opacity","visibility"))}),Kt=f("svg")(Lt||(Lt=u(["\n width: 100%;\n animation: "," 2s linear infinite;\n will-change: transform;\n"])),Bt),At=f("circle")(Vt||(Vt=u(["\n stroke: #fff;\n stroke-linecap: round;\n stroke-width: 7;\n fill: none;\n animation: "," 1.5s ease-in-out infinite;\n will-change: stroke-dasharray, stroke-dashoffset;\n"])),Ht),qt=e=>{let{size:n,$isVisible:t}=e;return r.createElement(Xt,{$cardSize:n,className:K.spinner,$isVisible:t},It||(It=r.createElement(Kt,{viewBox:"0 0 50 50"},r.createElement(At,{cx:"25",cy:"25",r:"20"}))))};var Jt,Gt,Qt,Yt,Zt;const er=32,nr=37,tr=39,rr=77,or=f("div").attrs({className:K.mediaControls})(Jt||(Jt=u(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n transition: ",", ",";\n will-change: background;\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n\n ","\n"])),ae("background"),oe("opacity"),e=>{let{$hasInteracted:n,$isDragging:t,$isPlaying:r}=e;const o="rgba(0, 0, 0, 0.35)",a=n&&!r;return g(Gt||(Gt=u(["\n .",":hover & {\n background: ",";\n }\n\n .",":not(:hover) & {\n opacity: ",";\n ",";\n }\n "])),K.main,t?"rgba(0, 0, 0, 0.2)":o,K.main,!n||a?1:0,a&&"background: ".concat(o))}),ar=f("div")(Qt||(Qt=u(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n"]))),ir=f("div")(Yt||(Yt=u(["\n flex: 1;\n\n ","\n"])),e=>{let{$isVisible:n}=e;return!n&&g(Zt||(Zt=u(["\n *[class*='","']:not(.",") {\n transition: ",";\n opacity: 0;\n visibility: hidden;\n }\n "])),K.mediaControls,K.progressTime,oe("opacity","visibility"))}),cr=e=>{let{MediaComponent:n,mediaProps:o}=e;const{props:{autoPlay:i,controls:u,mediaRef:m,muted:f,loop:g,size:h}}=a(ue),[b,v]=p(0),[y,w]=p(0),[x,k]=p([]),[$,z]=p(0),[O,E]=p(0),[P,S]=p(i),[j,C]=p(f),[M,_]=p(!1),[N,R]=p(!1),[F,L]=p(!1),[V,W]=p(1),[B,H]=p(i),[X,A]=p(!1),q=c(),J=s(e=>{q.current=e,m&&(D(m)?m(e):m.current=e)},[m]),G=l(()=>!T(h),[h]),Q=l(()=>({onCanPlay:()=>_(!1),onLoadedMetadata:e=>v(e.currentTarget.duration),onPause:()=>S(!1),onPlay:()=>S(!0),onPlaying:()=>_(!1),onProgress:e=>k(e.currentTarget.buffered),onRateChange:e=>W(e.currentTarget.playbackRate),onTimeUpdate:e=>w(e.currentTarget.currentTime),onVolumeChange:e=>C(e.currentTarget.muted),onWaiting:e=>_(!0)}),[]),Y=s(e=>{if(q.current){const n=e.currentTarget.getBoundingClientRect(),t=U(Math.floor(e.clientX-n.left),0,n.width);return{cursor:t,time:t/n.width*q.current.duration}}return{cursor:0,time:0}},[]),Z=s(()=>{q.current&&(q.current.paused?(B||H(!0),q.current.play()):q.current.pause())},[B]),ee=s(e=>{if(q.current){const n=U(e,0,q.current.duration);q.current.currentTime=n,w(n)}},[]),ne=s((e,n)=>{if(e.preventDefault(),e.stopPropagation(),q.current){const{currentTime:e}=q.current;ee("rewind"===n?e-10:e+30)}},[ee]),te=s(e=>{e.preventDefault(),e.stopPropagation(),q.current&&(q.current.muted=!q.current.muted)},[]),re=s(e=>{e.preventDefault(),e.stopPropagation(),q.current&&(q.current.playbackRate=(e=>{switch(e){case 1:return 1.25;case 1.25:return 1.5;case 1.5:return 2;default:return 1}})(q.current.playbackRate))},[]),oe=s(e=>{e.preventDefault(),e.stopPropagation(),L(!1)},[]),ae=s(e=>{e.preventDefault(),e.stopPropagation(),L(!0);const{time:n}=Y(e);ee(n)},[Y,ee]),ie=s(()=>R(!0),[]),ce=s(e=>{e.preventDefault(),e.stopPropagation(),F?L(!1):Z()},[F,Z]),le=s(e=>{if((F||N)&&q.current){e.preventDefault();const{cursor:n,time:t}=Y(e);E(t),z(n),F&&(q.current.paused||(q.current.pause(),A(!0)),ee(t))}},[Y,F,N,ee]),se=s(e=>{F&&0===e.buttons&&L(!1)},[F]),de=s(e=>{if(F)return;const{keyCode:n}=e;if([er,nr,tr,rr].includes(n)&&q.current)switch(e.preventDefault(),n){case er:Z();break;case nr:ee(q.current.currentTime-5);break;case tr:ee(q.current.currentTime+5);break;case rr:q.current.muted=!q.current.muted}},[F,ee,Z]),pe=l(()=>({onClick:ce,onKeyDown:de,onMouseMove:le,onMouseOut:()=>R(!1),onMouseOver:se}),[ce,de,le,se]),me=l(()=>B?{title:""}:{},[B]),fe=l(()=>x&&x.length&&q.current?[...Array(x.length).keys()].map(e=>({start:x.start(e)/q.current.duration,end:x.end(e)/q.current.duration})):[],[x]),ge=l(()=>I(y||0),[y]),he=l(()=>I(b||0),[b]),be=l(()=>({$cardSize:h,currentTime:ge,endTime:he,isMuted:j,onMuteClick:te,onPlaybackRateClick:re,playbackRate:V}),[ge,he,j,te,re,V,h]),ve=l(()=>({bufferedMedia:fe,cursorX:$,duration:b,hoveredTime:O,$isDragging:F,$isHovering:N,onClick:oe,onMouseDown:ae,onMouseOver:ie,progress:y,showTooltip:F||N}),[fe,$,b,O,F,N,oe,ae,ie,y]);return d(()=>{!F&&X&&q.current&&q.current.paused&&(q.current.play(),A(!1))},[X,F]),r.createElement(r.Fragment,null,r.createElement(n,t({},o,Q,{ref:J,autoPlay:i,loop:g,muted:f})),u&&r.createElement(or,t({},me,{tabIndex:0,$hasInteracted:B,$isDragging:F,$isPlaying:P},pe),r.createElement(qt,{size:h,$isVisible:M}),B?r.createElement(r.Fragment,null,r.createElement(ir,{$isVisible:!F},r.createElement(ar,null,G&&r.createElement(Nt,{className:K.rwControl,type:"rewind",$cardSize:h,onClick:e=>ne(e,"rewind")}),r.createElement(qn,{$cardSize:h,$isPlaying:P}),G&&r.createElement(Nt,{className:K.ffwControl,type:"fastforward",$cardSize:h,onClick:e=>ne(e,"fastforward")})),G&&r.createElement(Rn,be)),r.createElement(xt,ve)):r.createElement(ar,null,r.createElement(qn,{$cardSize:h}))))};var lr;const sr=f("video")(lr||(lr=u(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n &::media-controls-start-playback-button {\n display: none;\n appearance: none;\n }\n"]))),dr={video:e=>{const{state:{imageUrl:n,playsInline:o,videoUrl:i}}=a(ue),c=l(()=>{const e={className:"".concat(K.media," ").concat(K.video),src:i,playsInline:o};return n&&(e.poster=L(n)),e},[n,o,i]);return r.createElement(tn,t({className:"".concat(K.mediaWrapper," ").concat(K.videoWrapper)},e),r.createElement(cr,{MediaComponent:sr,mediaProps:c}))},image:an,audio:e=>{const{state:{audioUrl:n}}=a(ue),o=l(()=>({className:"".concat(K.media," ").concat(K.audio),src:n}),[n]);return r.createElement(an,t({className:"".concat(K.mediaWrapper," ").concat(K.audioWrapper)},e),r.createElement(cr,{MediaComponent:"audio",mediaProps:o}))}},pr=()=>{const{state:{imageUrl:e,isAudio:n,isVideo:t}}=a(ue),[o,i]=p(null!==N(e));const c=((e,n)=>e?"audio":n?"video":"image")(n,t),l=dr[c];return r.createElement(r.Fragment,null,r.createElement(l,{$isLoading:o}),o&&r.createElement(Ae,{src:e,onLoad:()=>i(!1)}))},ur=["href","rel","target","as"];var mr,fr,gr,hr,br;function vr(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function yr(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?vr(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):vr(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}const wr="382px",xr=e=>{let{$backgroundColor:n,color:t}=e;return g(mr||(mr=u(["\n background-color: ",";\n border-color: ",";\n transition-property: filter;\n will-change: filter;\n\n &&& {\n color: ",";\n }\n\n &:hover {\n filter: brightness(90%);\n }\n"])),n,t,t)},kr=g(fr||(fr=u(["\n flex-direction: column;\n height: ",";\n ",";\n"])),wr,R(gr||(gr=u(["\n height: calc("," * 7/9);\n "])),wr)),$r=g(hr||(hr=u(["\n transition-property: background, border-color;\n will-change: background, border-color;\n &:hover {\n background-color: var(--microlink-hover-background-color, #f5f8fa);\n border-color: var(--microlink-hover-border-color, #8899a680);\n }\n"]))),zr=e=>{let{$cardSize:n}=e;return g(br||(br=u(["\n flex-direction: ",";\n"])),F(n)?"column-reverse":"row-reverse")},Or=g(()=>"\n max-width: var(--microlink-max-width, 500px);\n background-color: var(--microlink-background-color, #fff);\n border-width: var(--microlink-border-width, 1px);\n border-style: var(--microlink-border-style, solid);\n border-color: var(--microlink-border-color, #e1e8ed);\n color: var(--microlink-color, #181919);\n overflow: hidden;\n font-family: ".concat(ie,";\n display: flex;\n text-decoration: none;\n opacity: 1;\n position: relative;\n transition-duration: ").concat(ee.medium,";\n transition-timing-function: ").concat(ne.medium,";\n\n &:active,\n &:hover {\n outline: 0;\n }\n")),Er=f("a")(Or,e=>{let{$isLoading:n,contrast:t}=e;return!n&&!t&&$r},e=>{let{$cardSize:n}=e;return F(n)&&kr},e=>{let{direction:n}=e;return"rtl"===n&&zr},e=>{let{$backgroundColor:n,color:t,contrast:r}=e;return r&&t&&n&&xr},e=>{let{$backgroundColor:n,color:t,contrast:r}=e;return r&&(!t||!n)&&$r}),Pr=o((e,t)=>{let{href:r,rel:o="noopener noreferrer",target:c="_blank",as:l="a"}=e,s=n(e,ur);const{state:{$backgroundColor:d,color:p,title:u},props:{size:m}}=a(ue);return i(Er,yr(yr(yr({},"a"===l?{href:r,rel:o,target:c}:void 0),s),{},{$backgroundColor:d,$cardSize:m,color:p,ref:t,title:u}))});Pr.displayName="CardWrap";var Sr,jr,Cr;const Dr=["className","fetchData","lazy","loading","media","setData","url","apiKey"],Mr=["className","apiKey","autoPlay","controls","direction","lazy","loop","media","fetchData","muted","playsInline","size"];function _r(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function Nr(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_r(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):_r(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}const Rr=e=>{const{className:o,fetchData:i,lazy:c,loading:u,media:m,setData:f,url:g,apiKey:h}=e,y=n(e,Dr),w=l(()=>[].concat(m),[m]),{updateState:x}=a(ue),[k,$]=p(!0),[z,O]=p(null),[E,P]=p(!1),S=l(()=>void 0===u,[u]),[j,R]=l(()=>(e=>{let{apiKey:n,contrast:t=!1,data:r,endpoint:o,force:a,headers:i,media:c,prerender:l,proxy:s,ttl:d,url:p}=e;return v(p,{apiKey:n,audio:c.includes("audio"),data:r,endpoint:o,force:a,headers:i,iframe:c.includes("iframe"),palette:t,prerender:l,proxy:s,screenshot:c.includes("screenshot"),ttl:d,video:c.includes("video")})})(Nr(Nr({},e),{},{media:w})),[w,e]),F=l(()=>V&&(!0===c||M(c)),[c]),T=l(()=>M(c)?c:void 0,[c]),[L,I]=((e,n)=>{const[t,r]=p(!1);return[t,s(t=>{if(e){const e=new IntersectionObserver((e,n)=>{let[t]=e;t.isIntersecting&&(r(!0),n.unobserve(t.target))},n);null!==t&&e.observe(t)}else r(!0)},[e,n])]})(F,T),U=l(()=>!F||F&&L,[F,L]),W=s(e=>{const n=D(f)?f(e):Nr(Nr({},e),f),{title:t,description:r,url:o,video:a,audio:i,image:c,logo:l,iframe:s}=n,d=c||l||{};let p,u,m=d,g=!1,h=!1;const b=((e,n)=>{let t;for(let r=0;r<n.length;r++){const o=n[r],a=e[o];if(!_(a)){t=o;break}}return t})(n,w);switch(b){case"audio":h=!0,u=N(i);break;case"video":g=!0,p=N(a);break;case"iframe":O(s);break;default:m=((e,n)=>e[n.find(n=>!_(e[n]))])(n,w)||d}const v=N(m),{color:y,background_color:k}=m;x({url:o,color:y,title:t,description:r,imageUrl:v,videoUrl:p,audioUrl:u,isVideo:g,isAudio:h,$backgroundColor:k}),$(!1)},[x,w,f]),B=s(()=>{if(U){$(!0);(i?b(j,R):Promise.resolve({})).then(e=>{let{data:n}=e;return W(n)}).catch(e=>{$(!1),P(!0),console.error("\n┌───────────────┐\n│ Microlink SDK │\n└───────────────┘\n\n".concat(e.description,"\n\n").concat(JSON.stringify(e.data),"\n\nid ").concat(e.headers["x-request-id"],"\nuri ").concat(e.url,"\ncode ").concat(e.code," (").concat(e.statusCode,")\n\nmicrolink.io/").concat(e.code.toLowerCase(),"\n"))})}},[R,i,j,W,U]);d(B,[g,f,L]);const H=S?k:u;return E?r.createElement("a",t({href:g},y),g):z?(C||z.scripts.forEach(e=>{if(!document.querySelector('script[src="'.concat(e.src,'"]'))){const n=document.createElement("script");Object.keys(e).forEach(t=>n[t]=e[t]),document.body.appendChild(n)}}),r.createElement("div",t({className:K.iframe,dangerouslySetInnerHTML:{__html:z.html}},y))):r.createElement(Pr,t({className:"".concat(K.main," ").concat(o).trim(),href:g,$isLoading:H,ref:I},y),H?Sr||(Sr=r.createElement(hn,null)):r.createElement(r.Fragment,null,jr||(jr=r.createElement(pr,null)),Cr||(Cr=r.createElement(Re,null))))},Fr=e=>{let{className:o="",apiKey:a,autoPlay:i=!0,controls:c=!0,direction:l="ltr",lazy:s=!0,loop:d=!0,media:p=["iframe","video","audio","image","logo"],fetchData:u=!0,muted:m=!0,playsInline:f=!0,size:g="normal"}=e,h=n(e,Mr);return r.createElement(me,t({className:o,apiKey:a,autoPlay:i,controls:c,direction:l,lazy:s,loop:d,media:p,fetchData:u,muted:m,playsInline:f,size:g},h),e=>r.createElement(Rr,e))},Tr=["LinkComponent"];function Lr(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function Vr(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Lr(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):Lr(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}const Ir=m.div`
--microlink-hover-background-color: var(--microlink-background-color, white);
position: absolute;
overflow: hidden;
visibility: hidden;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0;
right: 50%;
transform: translate(50%, 0);
bottom: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
width: 500px;
padding: 0.5rem;
border-radius: 4px;
.microlink_card {
border: 0;
}
border: 1px solid var(--microlink-border-color, #e1e8ed);
background-color: var(--microlink-hover-background-color);
&:hover {
box-shadow: rgba(0, 0, 0, 0.12) 0px 30px 60px;
border-color: var(--microlink-hover-border-color, #f5f8fa);
}
`,Ur=m.span`
text-decoration: inherit;
position: relative;
display: inline-block;
&:hover ${Ir} {
margin-bottom: var(--microlink-gap, 15px);
visibility: visible;
opacity: 1;
}
`,Wr=e=>{let{LinkComponent:t}=e,o=n(e,Tr);return r.createElement(Ur,null,r.createElement(t,o),r.createElement(Ir,{className:"microlink_hover"},r.createElement(Fr,o)))},Br=(e,n)=>t=>Wr(Vr(Vr({LinkComponent:e},n),t));Br.withHover=Wr;export{Br as default};
//# sourceMappingURL=microlink.min.mjs.map