@microlink/hover-react/dist/microlink.min.mjs

Turn links into beautiful previews.

import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/taggedTemplateLiteral";import r from"@babel/runtime/helpers/extends";import o,{useContext as i,forwardRef as a,createElement as c,useRef as l,useMemo as s,useCallback as d,useEffect as p,useState as u}from"react";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:i="div",lines:a=3,text:u}=e,m=n(e,y);const f=l(null),g=l("."),h=x(x({ref:f},t?{title:u}:{}),m),b=s((()=>"string"==typeof u&&u.length>0),[u]),v=d((()=>{var e,n,t,r;if(!b)return;const i=e=>{g.current=e,null!=f.current&&(f.current.innerText=e)};i(".");const c=((null!==(n=null===(e=f.current)||void 0===e?void 0:e.clientHeight)&&void 0!==n?n:0)+1)*a+1,l="…"===o?5:1.2*o.length;let s=0,d=0,p=u.length;for(;s<=p;){if(d=Math.floor((s+p)/2),i(u.slice(0,d)),d===u.length)return;(null!==(r=null===(t=f.current)||void 0===t?void 0:t.clientHeight)&&void 0!==r?r:0)<=c?s=d+1:p=d-1}i(u.slice(0,Math.max(d-l,0)).trim()+o)}),[o,b,a,u]);return p((()=>{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?c(i,h,g.current):null};function $(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var z,O=$((()=>/^https?:\/\/(localhost|0|10|127|192(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|\[::1?\])/gi));const E="undefined"==typeof window,P=e=>"function"==typeof e,S=e=>"object"==typeof e,j=e=>null==e,C=e=>S(e)?e.url:e,D=function(){return g(z||(z=t(["\n    @media (max-width: 48em) {\n      ",";\n    }\n  "])),g(...arguments))},M=e=>"large"===e,_=e=>"small"===e,N=e=>O().test(e)?e:"https://images.weserv.nl/?".concat(new URLSearchParams({url:e,default:e,l:9,af:"",il:"",n:-1}).toString()),F=!E&&"IntersectionObserver"in window,T=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(":")},R=(e,n,t)=>{switch(!0){case e<=n:return n;case e>=t:return t;default:return e}},L="microlink_card",V="".concat(L,"__content"),I="".concat(L,"__media"),U="".concat(I,"__controls"),W={main:L,content:V,title:"".concat(V,"_title"),description:"".concat(V,"_description"),url:"".concat(V,"_url"),mediaWrapper:"".concat(I,"_wrapper"),media:I,image:"".concat(I,"_image"),videoWrapper:"".concat(I,"_video_wrapper"),video:"".concat(I,"_video"),audioWrapper:"".concat(I,"_audio_wrapper"),audio:"".concat(I,"_audio"),mediaControls:U,playbackControl:"".concat(U,"_playback"),volumeControl:"".concat(U,"_volume"),rwControl:"".concat(U,"_rewind"),ffwControl:"".concat(U,"_fast_forward"),rateControl:"".concat(U,"_rate"),progressBar:"".concat(U,"_progress_bar"),progressTime:"".concat(U,"_progress_time"),spinner:"".concat(U,"_spinner"),iframe:"".concat(L,"__iframe")},B=["useNanoClamp","children"];var H,X;function K(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 A(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?K(Object(r),!0).forEach((function(t){e(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):K(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}const q=f((e=>{let{children:n,className:t,lines:r}=e;return j(n)?null:o.createElement(k,{className:t,lines:r,text:n,is:"p"})}))(H||(H=t(["\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(X||(X=t(["\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      "])))})),J=e=>{let{useNanoClamp:t=!0,children:i}=e,a=n(e,B);const c=t?a:A(A({},a),{},{as:"p",title:i});return o.createElement(q,r({$useNanoClamp:t},c),i)},G={short:"100ms",medium:"150ms",long:"300ms"},Q={short:"cubic-bezier(.25,.8,.25,1)",medium:"cubic-bezier(.25,.8,.25,1)",long:"cubic-bezier(.4, 0, .2, 1)"},Y=(e,n)=>{const t="".concat(G[n]," ").concat(Q[n]);return e.map((e=>"".concat(e," ").concat(t))).join(", ")},Z=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return Y(n,"short")},ee=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return Y(n,"medium")},ne=function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return Y(n,"long")},te="InterUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif",re="'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",oe=["autoPlay","children","controls","loop","mediaRef","muted","playsInline","size"];function ie(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 ae(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(r),!0).forEach((function(t){e(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):ie(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}const ce={},le=o.createContext(ce),se=e=>{let{autoPlay:t,children:r,controls:i,loop:a,mediaRef:c,muted:l,playsInline:p,size:m}=e,f=n(e,oe);const[g,h]=u(ce),b=d((e=>h((n=>ae(ae({},n),e)))),[]),v=s((()=>({autoPlay:t,controls:i,loop:a,mediaRef:c,muted:l,playsInline:p,size:m})),[t,i,a,c,l,p,m]),y=s((()=>({props:v,state:g,updateState:b})),[v,g,b]);return o.createElement(le.Provider,{value:y},r(f))};var de,pe,ue,me,fe,ge,he,be,ve,ye,we,xe;const ke=/^www\./,$e="16px",ze=g(de||(de=t(["\n  ",";\n"])),D(pe||(pe=t(["\n    > p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  "])))),Oe=f("div").attrs({className:W.content})(ue||(ue=t(["\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(me||(me=t(["\n    flex: ",";\n    justify-content: ",";\n    flex-direction: ",";\n    align-items: ",";\n  "])),M(n)?"0 0 125px":1,_(n)?"space-between":"space-around",_(n)?"row":"column",_(n)?"center":"stretch")})),Ee=f("header").attrs({className:W.title})(fe||(fe=t(["\n  text-align: left;\n  font-weight: bold;\n  margin: 0;\n  width: 100%;\n  ","\n"])),(e=>{let{$cardSize:n}=e;return g(ge||(ge=t(["\n    flex-grow: ",";\n    font-size: ",";\n\n    ","\n  "])),_(n)?.8:1.2,_(n)?"15px":"16px",_(n)&&g(he||(he=t(["\n      min-width: 0;\n      padding-right: 14px;\n    "]))))})),Pe=f("div").attrs({className:W.description})(be||(be=t(["\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!M(n)&&ze})),Se=f("footer").attrs({className:W.url})(ve||(ve=t(["\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(ye||(ye=t(["\n    font-size: ",";\n    ","\n  "])),_(n)?"10px":"12px",!_(n)&&"width: 100%;")})),je=f(J)(we||(we=t(["\n  opacity: 0.75;\n  transition: ",";\n  will-change: opacity;\n\n  .",":hover & {\n    opacity: 1;\n  }\n"])),ee("opacity"),W.main),Ce=f("span").attrs({title:"microlink.io"})(xe||(xe=t(["\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"])),ee("filter","opacity"),$e,$e,$e,"12px"),De=()=>{const{state:{description:e,title:n,url:t},props:{size:r}}=i(le),a=_(r),c=s((()=>(e=>{if(j(e))return"";const{hostname:n}=new URL(e);return n.replace(ke,"")})(t)),[t]),l=d((e=>{e.preventDefault(),window.open("https://www.microlink.io","_blank")}),[]);return o.createElement(Oe,{$cardSize:r},o.createElement(Ee,{$cardSize:r},o.createElement(J,{$useNanoClamp:!1},n)),!a&&o.createElement(Pe,{$cardSize:r},o.createElement(J,{lines:2},e)),o.createElement(Se,{$cardSize:r},o.createElement(je,{$useNanoClamp:!1},c),o.createElement(Ce,{onClick:l})))};var Me,_e,Ne,Fe;const Te=h(Me||(Me=t(["\n  0% {\n    background: #e1e8ed;\n  }\n  70% {\n    background: #cdd4d8;\n  }\n  100% {\n    background: #e1e8ed;\n  }\n"]))),Re=h(_e||(_e=t(["\n  0% {\n    background: #e1e8ed;\n  }\n  70% {\n    background: #dce3e8;\n  }\n  100% {\n    background: #e1e8ed;\n  }\n"]))),Le=g(Ne||(Ne=t(["\n  animation: "," .75s linear infinite;\n"])),Te),Ve=g(Fe||(Fe=t(["\n  animation: "," 1.25s linear infinite;\n"])),Re);var Ie,Ue,We;const Be=f("img")(Ie||(Ie=t(["\n  height: 1px;\n  width: 1px;\n  position: absolute;\n  z-index: -1;\n"]))),He=g(Ue||(Ue=t(["\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"])),ee("opacity","visibility"),(e=>{let{$isLoading:n}=e;return g(We||(We=t(["\n      opacity: ",";\n      visibility: ",";\n    "])),n?1:0,n?"$visible":"hidden")}));var Xe,Ke,Ae,qe,Je;const Ge={small:g(Xe||(Xe=t(["\n    flex: 0 0 48px;\n  "]))),normal:g(Ke||(Ke=t(["\n    flex: 0 0 125px;\n\n    ","\n  "])),D(Ae||(Ae=t(["\n      flex: 0 0 92px;\n    "])))),large:g(qe||(qe=t(["\n    flex: 1;\n\n    &::before {\n      padding-bottom: 0;\n    }\n  "])))},Qe=f("div")(Je||(Je=t(["\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 Ge[n]}),He),Ye=e=>{const{props:{size:n}}=i(le);return o.createElement(Qe,r({$cardSize:n},e))};var Ze;const en=f(Ye).attrs({className:"".concat(W.media," ").concat(W.image)})(Ze||(Ze=t(["\n  background-image: ",";\n"])),(e=>{let{url:n}=e;return n?"url('".concat(N(n),"')"):""})),nn=e=>{const{state:{imageUrl:n}}=i(le);return o.createElement(en,r({url:n},e))};var tn,rn,on,an,cn;const ln=f(nn)(tn||(tn=t(["\n  ",";\n"])),Ve),sn=f("span")(rn||(rn=t(["\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 _(n)?"75%":"60%"}),(e=>{let{$cardSize:n}=e;return _(n)?"0 20px 0 0":"2px 0 8px"}),Le,(e=>{let{$cardSize:n}=e;return!M(n)&&"\n    height: 15px;\n  "})),dn=f("span")(on||(on=t(["\n  opacity: 0.8;\n  height: 14px;\n  width: 95%;\n  display: block;\n  position: relative;\n  ",";\n  animation-delay: 0.125s;\n"])),Le),pn=f("span")(an||(an=t(["\n  opacity: 0.8;\n  height: 12px;\n  width: 30%;\n  display: block;\n  "," animation-delay: .25s;\n\n  ",";\n"])),Le,(e=>{let{$cardSize:n}=e;return!M(n)&&"\n    height: 10px;\n  "})),un=()=>{const{props:{size:e}}=i(le),n=_(e);return o.createElement(o.Fragment,null,o.createElement(ln,{$cardSize:e}),o.createElement(Oe,{$cardSize:e},o.createElement(sn,{$cardSize:e}),n?null:o.createElement(o.Fragment,null,o.createElement(dn,{$cardSize:e}),o.createElement(dn,{$cardSize:e,style:{marginBottom:"12px"}})),cn||(cn=o.createElement(pn,null))))};var mn;const fn=f("div")(mn||(mn=t(["\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"])),Z("transform"));var gn,hn,bn,vn,yn,wn,xn,kn,$n;const zn=e=>o.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14"},e),gn||(gn=o.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)"}))),On=e=>o.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14"},e),hn||(hn=o.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)"}))),En=f("div")(bn||(bn=t(["\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 M(n)?18:14}),ee("opacity")),Pn=f("svg")(vn||(vn=t(["\n  stroke: #fff;\n"]))),Sn=f(fn).attrs({className:W.volumeControl})(yn||(yn=t(["\n  "," {\n    width: ","px;\n    height: ","px;\n\n    ","\n  }\n"])),Pn,(e=>{let{$cardSize:n}=e;return M(n)?16:14}),(e=>{let{$cardSize:n}=e;return M(n)?16:14}),(e=>{let{$cardSize:n}=e;return!M(n)&&D(wn||(wn=t(["\n      width: 12px;\n      height: 12px;\n    "])))})),jn=f(fn).attrs({className:W.rateControl})(xn||(xn=t(["\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 M(n)?12:10}),(e=>{let{$cardSize:n}=e;return M(n)?33:28}),(e=>{let{$cardSize:n}=e;return!M(n)&&D(kn||(kn=t(["\n    font-size: 8px;\n    margin-left: 8px;\n    min-width: 23px;\n  "])))})),Cn=f("span").attrs({className:W.progressTime})($n||($n=t(["\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"}),re),Dn=e=>{let{$cardSize:n,currentTime:t,endTime:r,isMuted:i,onMuteClick:a,onPlaybackRateClick:c,playbackRate:l}=e;const d=s((()=>i?zn:On),[i]),p=s((()=>M(n)),[n]);return o.createElement(En,{$cardSize:n},p&&o.createElement(Cn,null,t),o.createElement(Sn,{title:i?"Unmute":"Mute",$cardSize:n,onClick:a},o.createElement(Pn,{as:d})),o.createElement(jn,{title:"Playback Rate",$cardSize:n,onClick:c},o.createElement("span",null,l,"x")),p&&o.createElement(Cn,{$right:!0},r))},Mn=["$isPlaying"];var _n,Nn,Fn,Tn,Rn,Ln;const Vn=e=>o.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 20"},e),_n||(_n=o.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)"}))),In=e=>o.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 21 24"},e),Nn||(Nn=o.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)"}))),Un={large:"50px",normal:"35px",small:"20px"},Wn=f("svg")(Fn||(Fn=t(["\n  stroke: #fff;\n"]))),Bn=f(fn).attrs({className:W.playbackControl})(Tn||(Tn=t(["\n  "," {\n    ","\n  }\n"])),Wn,(e=>{let{$cardSize:n}=e;return g(Rn||(Rn=t(["\n      width: ",";\n      height: ",";\n      padding: ",";\n\n      ","\n    "])),Un[n],Un[n],M(n)?0:"8px",!M(n)&&!_(n)&&D(Ln||(Ln=t(["\n        width: calc("," * 1.2);\n        height: calc("," * 1.2);\n      "])),Un.small,Un.small))})),Hn=e=>{let{$isPlaying:t}=e,i=n(e,Mn);const a=s((()=>t?Vn:In),[t]);return o.createElement(Bn,r({title:t?"Pause":"Play"},i),o.createElement(Wn,{as:a}))};var Xn,Kn;const An={normal:.8,small:.9},qn=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"}}}))(Xn||(Xn=t(["\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"])),Z("transform","opacity","visibility"),(e=>{let{$cardSize:n}=e;const r=(o=n,Math.floor(12*(An[o]||1)));var o;return g(Kn||(Kn=t(["\n      height: ","px;\n      width: ","px;\n    "])),r,r)})),Jn=["$isDragging","$isVisible","label","$positionX","size"];var Gn;const Qn={normal:.8},Yn=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,"%)")}}}))(Gn||(Gn=t(["\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"])),re,(e=>{let{$cardSize:n}=e;return 11*(Qn[n]||1)}),ee("opacity","visibility","transform"),ne("top")),Zn=a(((e,t)=>{let{$isDragging:i,$isVisible:a,label:c,$positionX:l,size:s}=e,d=n(e,Jn);return o.createElement(o.Fragment,null,o.createElement(Yn,r({$visible:a,$position:l,$cardSize:s,ref:t,$isDragging:i},d),c))}));Zn.displayName="Tooltip";const et=["key"];var nt,tt,rt,ot,it,at,ct;const lt={normal:.7,small:.6},st={small:.9,large:1.4},dt=e=>Math.floor(6*(st[e]||1)),pt=f("div").attrs((()=>({className:W.progressBar})))(nt||(nt=t(["\n  position: relative;\n  padding: ","px ","px ","px;\n  z-index: 2;\n  backface-visibility: hidden;\n"])),6,3,3),ut=f("div").attrs((e=>{let{$cardSize:n,$isDragging:t}=e;if(t){const e=dt(n);return{style:{height:"".concat(e,"px")}}}return{}}))(tt||(tt=t(["\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"])),Z("height"),(e=>{let{$cardSize:n}=e;const r=(o=n,Math.floor(6*(lt[o]||1)));var o;const i=dt(n);return g(rt||(rt=t(["\n      height: ","px;\n\n      ",":hover & {\n        height: ","px;\n      }\n    "])),r,pt,i)})),mt=f("div")(ot||(ot=t(["\n  border-radius: inherit;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n"]))),ft=f("div").attrs((e=>{let{$maskScale:n}=e;return{style:{transform:"scaleX(".concat(n,")")}}}))(it||(it=t(["\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"]))),gt=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"}}}))(at||(at=t(["\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"])),Z("opacity","visibility")),ht=f("div").attrs((e=>{let{start:n,end:t}=e;return{style:{left:"".concat(n,"px"),right:"".concat(t,"px")}}}))(ct||(ct=t(["\n  background: rgba(255, 255, 255, 0.35);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n"]))),bt=e=>{let{bufferedMedia:t,cursorX:a,duration:c,hoveredTime:p,$isDragging:u,$isHovering:m,onClick:f,onMouseDown:g,onMouseOver:h,progress:b,showTooltip:v}=e;const{props:{size:y}}=i(le),w=l(),x=l(),k=s((()=>_(y)),[y]),$=d((()=>w.current?w.current.getBoundingClientRect().width-6:0),[]),z=s((()=>R(b/c,0,1)),[c,b]),O=s((()=>"".concat(R(100*z,1,99),"%")),[z]),E=s((()=>{if(w.current){const e=$(),n=z*e,t=a-n;if(t>0)return R((t/(e-n)).toFixed(3),0,.99)}return 0}),[a,$,z]),P=s((()=>{const e=$();return t.map(((n,t)=>({key:t,start:n.start*e,end:e-n.end*e})))}),[t,$]),S=s((()=>T(p)),[p]),j=s((()=>{if(w.current&&x.current){const e=$(),n=x.current.getBoundingClientRect().width/2;return R(a,n,e-n)}return 0}),[a,$]),C=s((()=>({onClick:f,onMouseDown:g,onMouseOver:h})),[f,g,h]),D=s((()=>u||m),[u,m]);return o.createElement(pt,r({$cardSize:y,ref:w},C),o.createElement(ut,{$cardSize:y,$isDragging:u},o.createElement(mt,null,o.createElement(gt,{$cursorRatio:E,$isHovering:m,$progressPercent:O}),P.map((e=>{let{key:t}=e,i=n(e,et);return o.createElement(ht,r({key:t},i))})),o.createElement(ft,{$maskScale:z})),o.createElement(qn,{$cardSize:y,$isVisible:D,$positionX:O}),!k&&o.createElement(Zn,{$isDragging:u,$isVisible:D,label:S,$positionX:j,ref:x,size:y})))};var vt,yt,wt,xt,kt;const $t=["$cardSize"],zt=["$cardSize"],Ot=["type","$cardSize"],Et=e=>{let t=n(e,$t);return o.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 29"},t),vt||(vt=o.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)"})))},Pt=e=>{let t=n(e,zt);return o.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 29"},t),yt||(yt=o.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)"})))},St=f("svg")(wt||(wt=t(["\n  stroke: #fff;\n  width: ","px;\n  height: ","px;\n\n  ","\n"])),(e=>{let{$cardSize:n}=e;return M(n)?30:24}),(e=>{let{$cardSize:n}=e;return M(n)?30:24}),(e=>{let{$cardSize:n}=e;return!M(n)&&D(xt||(xt=t(["\n    width: 0;\n    height: 0;\n  "])))})),jt=f(fn)(kt||(kt=t(["\n  margin: 0 ",";\n"])),(e=>{let{$cardSize:n}=e;return M(n)?"28px":"3px"})),Ct=e=>{let{type:t="rewind",$cardSize:i}=e,a=n(e,Ot);const c=s((()=>"rewind"===t?Et:Pt),[t]);return o.createElement(jt,r({title:"rewind"===t?"Rewind":"Forward",$cardSize:i},a),o.createElement(St,{as:c,$cardSize:i}))};var Dt,Mt,_t,Nt,Ft,Tt;const Rt={normal:.8,small:.6},Lt={normal:.9,small:.8},Vt=h(Dt||(Dt=t(["\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),It=h(Mt||(Mt=t(["\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"]))),Ut=f(fn).attrs((e=>{let{$isVisible:n}=e;return{style:{opacity:n?1:0,visibility:n?"$visible":"hidden"}}}))((e=>{let{$cardSize:n}=e;const r="".concat((e=>Math.floor(12*(Lt[e]||1)))(n),"px"),o="".concat((e=>Math.floor(6*(Rt[e]||1)))(n),"px");return g(_t||(_t=t(["\n    position: absolute;\n    width: ",";\n    right: ",";\n    top: ",";\n    transition: ",";\n    will-change: opacity, visibility;\n    pointer-events: none;\n  "])),r,o,o,ee("opacity","visibility"))})),Wt=f("svg")(Nt||(Nt=t(["\n  width: 100%;\n  animation: "," 2s linear infinite;\n  will-change: transform;\n"])),Vt),Bt=f("circle")(Ft||(Ft=t(["\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"])),It),Ht=e=>{let{size:n,$isVisible:t}=e;return o.createElement(Ut,{$cardSize:n,className:W.spinner,$isVisible:t},Tt||(Tt=o.createElement(Wt,{viewBox:"0 0 50 50"},o.createElement(Bt,{cx:"25",cy:"25",r:"20"}))))};var Xt,Kt,At,qt,Jt;const Gt=32,Qt=37,Yt=39,Zt=77,er=f("div").attrs({className:W.mediaControls})(Xt||(Xt=t(["\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"])),ne("background"),ee("opacity"),(e=>{let{$hasInteracted:n,$isDragging:r,$isPlaying:o}=e;const i="rgba(0, 0, 0, 0.35)",a=n&&!o;return g(Kt||(Kt=t(["\n      .",":hover & {\n        background: ",";\n      }\n\n      .",":not(:hover) & {\n        opacity: ",";\n        ",";\n      }\n    "])),W.main,r?"rgba(0, 0, 0, 0.2)":i,W.main,!n||a?1:0,a&&"background: ".concat(i))})),nr=f("div")(At||(At=t(["\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"]))),tr=f("div")(qt||(qt=t(["\n  flex: 1;\n\n  ","\n"])),(e=>{let{$isVisible:n}=e;return!n&&g(Jt||(Jt=t(["\n      *[class*='","']:not(.",") {\n        transition: ",";\n        opacity: 0;\n        visibility: hidden;\n      }\n    "])),W.mediaControls,W.progressTime,ee("opacity","visibility"))})),rr=e=>{let{MediaComponent:n,mediaProps:t}=e;const{props:{autoPlay:a,controls:c,mediaRef:m,muted:f,loop:g,size:h}}=i(le),[b,v]=u(0),[y,w]=u(0),[x,k]=u([]),[$,z]=u(0),[O,E]=u(0),[S,j]=u(a),[C,D]=u(f),[M,N]=u(!1),[F,L]=u(!1),[V,I]=u(!1),[U,B]=u(1),[H,X]=u(a),[K,A]=u(!1),q=l(),J=d((e=>{q.current=e,m&&(P(m)?m(e):m.current=e)}),[m]),G=s((()=>!_(h)),[h]),Q=s((()=>({onCanPlay:()=>N(!1),onLoadedMetadata:e=>v(e.currentTarget.duration),onPause:()=>j(!1),onPlay:()=>j(!0),onPlaying:()=>N(!1),onProgress:e=>k(e.currentTarget.buffered),onRateChange:e=>B(e.currentTarget.playbackRate),onTimeUpdate:e=>w(e.currentTarget.currentTime),onVolumeChange:e=>D(e.currentTarget.muted),onWaiting:e=>N(!0)})),[]),Y=d((e=>{if(q.current){const n=e.currentTarget.getBoundingClientRect(),t=R(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=d((()=>{q.current&&(q.current.paused?(H||X(!0),q.current.play()):q.current.pause())}),[H]),ee=d((e=>{if(q.current){const n=R(e,0,q.current.duration);q.current.currentTime=n,w(n)}}),[]),ne=d(((e,n)=>{if(e.preventDefault(),e.stopPropagation(),q.current){const{currentTime:e}=q.current;ee("rewind"===n?e-10:e+30)}}),[ee]),te=d((e=>{e.preventDefault(),e.stopPropagation(),q.current&&(q.current.muted=!q.current.muted)}),[]),re=d((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=d((e=>{e.preventDefault(),e.stopPropagation(),I(!1)}),[]),ie=d((e=>{e.preventDefault(),e.stopPropagation(),I(!0);const{time:n}=Y(e);ee(n)}),[Y,ee]),ae=d((()=>L(!0)),[]),ce=d((e=>{e.preventDefault(),e.stopPropagation(),V?I(!1):Z()}),[V,Z]),se=d((e=>{if((V||F)&&q.current){e.preventDefault();const{cursor:n,time:t}=Y(e);E(t),z(n),V&&(q.current.paused||(q.current.pause(),A(!0)),ee(t))}}),[Y,V,F,ee]),de=d((e=>{V&&0===e.buttons&&I(!1)}),[V]),pe=d((e=>{if(V)return;const{keyCode:n}=e;if([Gt,Qt,Yt,Zt].includes(n)&&q.current)switch(e.preventDefault(),n){case Gt:Z();break;case Qt:ee(q.current.currentTime-5);break;case Yt:ee(q.current.currentTime+5);break;case Zt:q.current.muted=!q.current.muted}}),[V,ee,Z]),ue=s((()=>({onClick:ce,onKeyDown:pe,onMouseMove:se,onMouseOut:()=>L(!1),onMouseOver:de})),[ce,pe,se,de]),me=s((()=>H?{title:""}:{}),[H]),fe=s((()=>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=s((()=>T(y||0)),[y]),he=s((()=>T(b||0)),[b]),be=s((()=>({$cardSize:h,currentTime:ge,endTime:he,isMuted:C,onMuteClick:te,onPlaybackRateClick:re,playbackRate:U})),[ge,he,C,te,re,U,h]),ve=s((()=>({bufferedMedia:fe,cursorX:$,duration:b,hoveredTime:O,$isDragging:V,$isHovering:F,onClick:oe,onMouseDown:ie,onMouseOver:ae,progress:y,showTooltip:V||F})),[fe,$,b,O,V,F,oe,ie,ae,y]);return p((()=>{!V&&K&&q.current&&q.current.paused&&(q.current.play(),A(!1))}),[K,V]),o.createElement(o.Fragment,null,o.createElement(n,r({},t,Q,{ref:J,autoPlay:a,loop:g,muted:f})),c&&o.createElement(er,r({},me,{tabIndex:0,$hasInteracted:H,$isDragging:V,$isPlaying:S},ue),o.createElement(Ht,{size:h,$isVisible:M}),H?o.createElement(o.Fragment,null,o.createElement(tr,{$isVisible:!V},o.createElement(nr,null,G&&o.createElement(Ct,{className:W.rwControl,type:"rewind",$cardSize:h,onClick:e=>ne(e,"rewind")}),o.createElement(Hn,{$cardSize:h,$isPlaying:S}),G&&o.createElement(Ct,{className:W.ffwControl,type:"fastforward",$cardSize:h,onClick:e=>ne(e,"fastforward")})),G&&o.createElement(Dn,be)),o.createElement(bt,ve)):o.createElement(nr,null,o.createElement(Hn,{$cardSize:h}))))};var or;const ir=f("video")(or||(or=t(["\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"]))),ar={video:e=>{const{state:{imageUrl:n,playsInline:t,videoUrl:a}}=i(le),c=s((()=>{const e={className:"".concat(W.media," ").concat(W.video),src:a,playsInline:t};return n&&(e.poster=N(n)),e}),[n,t,a]);return o.createElement(Ye,r({className:"".concat(W.mediaWrapper," ").concat(W.videoWrapper)},e),o.createElement(rr,{MediaComponent:ir,mediaProps:c}))},image:nn,audio:e=>{const{state:{audioUrl:n}}=i(le),t=s((()=>({className:"".concat(W.media," ").concat(W.audio),src:n})),[n]);return o.createElement(nn,r({className:"".concat(W.mediaWrapper," ").concat(W.audioWrapper)},e),o.createElement(rr,{MediaComponent:"audio",mediaProps:t}))}},cr=()=>{const{state:{imageUrl:e,isAudio:n,isVideo:t}}=i(le),[r,a]=u(null!==C(e));const c=((e,n)=>e?"audio":n?"video":"image")(n,t),l=ar[c];return o.createElement(o.Fragment,null,o.createElement(l,{$isLoading:r}),r&&o.createElement(Be,{src:e,onLoad:()=>a(!1)}))},lr=["href","rel","target","as"];var sr,dr,pr,ur,mr;function fr(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 gr(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?fr(Object(r),!0).forEach((function(t){e(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):fr(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}const hr="382px",br=e=>{let{$backgroundColor:n,color:r}=e;return g(sr||(sr=t(["\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,r,r)},vr=g(dr||(dr=t(["\n  flex-direction: column;\n  height: ",";\n  ",";\n"])),hr,D(pr||(pr=t(["\n    height: calc("," * 7/9);\n  "])),hr)),yr=g(ur||(ur=t(["\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"]))),wr=e=>{let{$cardSize:n}=e;return g(mr||(mr=t(["\n  flex-direction: ",";\n"])),M(n)?"column-reverse":"row-reverse")},xr=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(te,";\n  display: flex;\n  text-decoration: none;\n  opacity: 1;\n  position: relative;\n  transition-duration: ").concat(G.medium,";\n  transition-timing-function: ").concat(Q.medium,";\n\n  &:active,\n  &:hover {\n    outline: 0;\n  }\n"))),kr=f("a")(xr,(e=>{let{$isLoading:n,contrast:t}=e;return!n&&!t&&yr}),(e=>{let{$cardSize:n}=e;return M(n)&&vr}),(e=>{let{direction:n}=e;return"rtl"===n&&wr}),(e=>{let{$backgroundColor:n,color:t,contrast:r}=e;return r&&t&&n&&br}),(e=>{let{$backgroundColor:n,color:t,contrast:r}=e;return r&&(!t||!n)&&yr})),$r=a(((e,t)=>{let{href:r,rel:o="noopener noreferrer",target:a="_blank",as:l="a"}=e,s=n(e,lr);const{state:{$backgroundColor:d,color:p,title:u},props:{size:m}}=i(le);return c(kr,gr(gr(gr({},"a"===l?{href:r,rel:o,target:a}:void 0),s),{},{$backgroundColor:d,$cardSize:m,color:p,ref:t,title:u}))}));$r.displayName="CardWrap";var zr,Or,Er;const Pr=["className","fetchData","lazy","loading","media","setData","url","apiKey"],Sr=["className","apiKey","autoPlay","controls","direction","lazy","loop","media","fetchData","muted","playsInline","size"];function jr(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 Cr(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?jr(Object(r),!0).forEach((function(t){e(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):jr(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}const Dr=e=>{const{className:t,fetchData:a,lazy:c,loading:l,media:m,setData:f,url:g,apiKey:h}=e,y=n(e,Pr),w=s((()=>[].concat(m)),[m]),{updateState:x}=i(le),[k,$]=u(!0),[z,O]=u(null),[D,M]=u(!1),_=s((()=>void 0===l),[l]),[N,T]=s((()=>(e=>{let{apiKey:n,contrast:t=!1,data:r,endpoint:o,force:i,headers:a,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:i,headers:a,iframe:c.includes("iframe"),palette:t,prerender:l,proxy:s,screenshot:c.includes("screenshot"),ttl:d,video:c.includes("video")})})(Cr(Cr({},e),{},{media:w}))),[w,e]),R=s((()=>F&&(!0===c||S(c))),[c]),L=s((()=>S(c)?c:void 0),[c]),[V,I]=((e,n)=>{const[t,r]=u(!1);return[t,d((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])]})(R,L),U=s((()=>!R||R&&V),[R,V]),B=d((e=>{const n=P(f)?f(e):Cr(Cr({},e),f),{title:t,description:r,url:o,video:i,audio:a,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],i=e[o];if(!j(i)){t=o;break}}return t})(n,w);switch(b){case"audio":h=!0,u=C(a);break;case"video":g=!0,p=C(i);break;case"iframe":O(s);break;default:m=((e,n)=>e[n.find((n=>!j(e[n])))])(n,w)||d}const v=C(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]),H=d((()=>{if(U){$(!0);(a?b(N,T):Promise.resolve({})).then((e=>{let{data:n}=e;return B(n)})).catch((e=>{$(!1),M(!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"))}))}}),[T,a,N,B,U]);p(H,[g,f,V]);const X=_?k:l;return D?o.createElement("a",r({href:g},y),g):z?(E||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)}})),o.createElement("div",r({className:W.iframe,dangerouslySetInnerHTML:{__html:z.html}},y))):o.createElement($r,r({className:"".concat(W.main," ").concat(t).trim(),href:g,$isLoading:X,ref:I},y),X?zr||(zr=o.createElement(un,null)):o.createElement(o.Fragment,null,Or||(Or=o.createElement(cr,null)),Er||(Er=o.createElement(De,null))))},Mr=e=>{let{className:t="",apiKey:i,autoPlay:a=!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,Sr);return o.createElement(se,r({className:t,apiKey:i,autoPlay:a,controls:c,direction:l,lazy:s,loop:d,media:p,fetchData:u,muted:m,playsInline:f,size:g},h),(e=>o.createElement(Dr,e)))},_r=["LinkComponent"];var Nr,Fr;function Tr(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 Rr(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Tr(Object(r),!0).forEach((function(t){e(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):Tr(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}const Lr=m.div(Nr||(Nr=t(["\n  --microlink-hover-background-color: var(--microlink-background-color, white);\n\n  position: absolute;\n  overflow: hidden;\n  visibility: hidden;\n  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n  opacity: 0;\n  right: 50%;\n  transform: translate(50%, 0);\n  bottom: 100%;\n  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);\n  width: 500px;\n  padding: 0.5rem;\n  border-radius: 4px;\n\n  .microlink_card {\n    border: 0;\n  }\n\n  border: 1px solid var(--microlink-border-color, #e1e8ed);\n  background-color: var(--microlink-hover-background-color);\n\n  &:hover {\n    box-shadow: rgba(0, 0, 0, 0.12) 0px 30px 60px;\n    border-color: var(--microlink-hover-border-color, #f5f8fa);\n  }\n"]))),Vr=m.span(Fr||(Fr=t(["\n  text-decoration: inherit;\n  position: relative;\n  display: inline-block;\n\n  &:hover "," {\n    margin-bottom: var(--microlink-gap, 15px);\n    visibility: visible;\n    opacity: 1;\n  }\n"])),Lr),Ir=e=>{let{LinkComponent:t}=e,r=n(e,_r);return o.createElement(Vr,null,o.createElement(t,r),o.createElement(Lr,{className:"microlink_hover"},o.createElement(Mr,r)))},Ur=(e,n)=>t=>Ir(Rr(Rr({LinkComponent:e},n),t));Ur.withHover=Ir;export{Ur as default};
//# sourceMappingURL=microlink.min.mjs.map