@codedoc/core
Version:
Create beautiful modern documentation websites.
36 lines • 1.29 kB
JavaScript
const style = /*#__PURE__*/ `
position: fixed;
z-index: 1000;
left: 0; right: 0; top: 0; bottom: 0;
cursor: pointer;
background: rgba(64, 64, 64, .65);
display: flex;
justify-content: center;
align-items: center;
font-size: 48px;
color: white;
opacity: 0;
transition: opacity .1s;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
`;
export function Overlay(options, renderer, content) {
const container$ = renderer.create("div", { style: style, onclick: () => { if (!(options === null || options === void 0 ? void 0 : options.sticky))
hide(); } },
renderer.create("div", { style: 'text-align: center; max-width: calc(75vw - 32px);max-height: calc(75vh - 32px); overflow: auto; padding: 16px' }, content));
const show = () => container$.style.opacity = '1';
const hide = () => {
container$.style.opacity = '0';
setTimeout(() => container$.remove(), 100);
};
this.track({
bind() {
setTimeout(show, 10);
if (!('backdropFilter' in container$.style) && !('-webkit-backdrop-filter' in container$.style)) {
container$.style.background = 'rgba(64, 64, 64, .95)';
}
}
});
return container$;
}
//# sourceMappingURL=index.js.map