@redocly/asyncapi-docs/lib/src/components/common/Link.js

Async API docs for Redocly Realm

var f=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var u=(i,o)=>{for(var t in o)l(i,t,{get:o[t],enumerable:!0})},d=(i,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of y(o))!p.call(i,e)&&e!==t&&l(i,e,{get:()=>o[e],enumerable:!(a=m(o,e))||a.enumerable});return i};var L=(i,o,t)=>(t=i!=null?f(k(i)):{},d(o||!i||!i.__esModule?l(t,"default",{value:i,enumerable:!0}):t,i)),$=i=>d(l({},"__esModule",{value:!0}),i);var N={};u(N,{LinkToField:()=>x,ShareLink:()=>v});module.exports=$(N);var r=require("react/jsx-runtime"),s=L(require("styled-components")),c=require("react-router-dom"),n=require("@redocly/theme"),h=require("../../utils");function g(i){const o=i.to;return(0,r.jsx)(c.Link,{"aria-label":i["aria-label"]||`link to ${o}`,id:(0,h.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:o,children:i.children})}function v(i){return(0,r.jsx)(j,Object.assign({},i,{children:(0,r.jsx)(n.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const x=({to:i,className:o})=>{const t=i,a=(0,c.useLocation)(),e=t?.split("#")[1],b=a?a.hash===`#${e}`:!1;return(0,r.jsx)(S,{ariaLabel:`link to ${t}`,className:o,isActive:b,to:t||"",id:e})},S=(0,s.default)(v)`
  display: flex;
  ${n.LinkIcon} {
    visibility: hidden;
    cursor: pointer;
    background-color: var(--bg-color);
  }

  ${({isActive:i})=>i&&s.css`
      ${n.LinkIcon} {
        visibility: visible;
        opacity: 1;
      }
    `}
  :hover ${n.LinkIcon}, :focus ${n.LinkIcon} {
    visibility: visible;
    opacity: 1;
  }
`,j=(0,s.default)(g)`
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  padding-right: var(--heading-anchor-offset-right);
  z-index: 1;

  ${n.LinkIcon} {
    opacity: 0;
    transition:
      visibility 0.3s linear,
      opacity 0.3s linear;
  }

  :hover ${n.LinkIcon}, :focus ${n.LinkIcon} {
    visibility: visible;
    opacity: 1;
  }
`;0&&(module.exports={LinkToField,ShareLink});