UNPKG

miew-react

Version:

Miew - 3D Molecular Viewer (React component)

2 lines 9.46 kB
import*as n from"miew";import*as e from"react";var t={536:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",r=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),r&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),r&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,r,a,o){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(r)for(var s=0;s<this.length;s++){var A=this[s][0];null!=A&&(i[A]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);r&&i[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),e.push(l))}},e}},784:n=>{n.exports=function(n){var e=n[1],t=n[3];if(!t)return e;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(a," */");return[e].concat([o]).join("\n")}return[e].join("\n")}},32:(n,e,t)=>{t.d(e,{A:()=>A,z:()=>s});var r=t(784),a=t.n(r),o=t(536),i=t.n(o)()(a());i.push([n.id,".DVOOardsIBZOO3FaW5Nw {\n width: 100%;\n height: 100%;\n}\n","",{version:3,sources:["webpack://./src/Viewer.module.scss"],names:[],mappings:"AAAA;EACE,WAAW;EACX,YAAY;AACd",sourcesContent:[".root {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n"],sourceRoot:""}]);var s="DVOOardsIBZOO3FaW5Nw";const A=i},920:(n,e,t)=>{t.d(e,{A:()=>s});var r=t(784),a=t.n(r),o=t(536),i=t.n(o)()(a());i.push([n.id,"@keyframes spinner-line-fade-more {\n 0%, 100% {\n opacity: 0; /* minimum opacity */\n }\n 1% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-line-fade-quick {\n 0%, 39%, 100% {\n opacity: 0.25; /* minimum opacity */\n }\n 40% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-line-fade-default {\n 0%, 100% {\n opacity: 0.22; /* minimum opacity */\n }\n 1% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-line-shrink {\n 0%, 25%, 100% {\n /* minimum scale and opacity */\n transform: scale(0.5);\n opacity: 0.25;\n }\n 26% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n.miew-canvas > canvas {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.miew-container,\n.miew-canvas {\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n}\n\n.miew-message {\n /* trick for centered error-reporting*/\n background-color: #ccc;\n display: table;\n width: 100%;\n height: 100%;\n}\n\n.miew-message p {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n font-size: large;\n }\n\n.mode-message {\n position: absolute;\n top: 10px;\n right: 10px;\n border-radius: 4px;\n color: silver;\n background-color: rgba(64, 64, 64, 0.75);\n display: flex;\n align-items: left;\n justify-content: left;\n opacity: 0;\n}\n\n.atom-info {\n margin: 10px;\n text-align: left;\n}\n\n.overlay {\n pointer-events: none;\n}\n","",{version:3,sources:["webpack://./../miew/dist/Miew.css"],names:[],mappings:"AAAA;EACE;IACE,UAAU,EAAE,oBAAoB;EAClC;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE;IACE,aAAa,EAAE,oBAAoB;EACrC;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE;IACE,aAAa,EAAE,oBAAoB;EACrC;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE;IACE,8BAA8B;IAC9B,qBAAqB;IACrB,aAAa;EACf;EACA;IACE,mBAAmB;IACnB,UAAU;EACZ;AACF;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;;EAEE,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,sCAAsC;EACtC,sBAAsB;EACtB,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;IACI,mBAAmB;IACnB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;EAClB;;AAEF;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;EACX,kBAAkB;EAClB,aAAa;EACb,wCAAwC;EACxC,aAAa;EACb,iBAAiB;EACjB,qBAAqB;EACrB,UAAU;AACZ;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,oBAAoB;AACtB",sourcesContent:["@keyframes spinner-line-fade-more {\n 0%, 100% {\n opacity: 0; /* minimum opacity */\n }\n 1% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-line-fade-quick {\n 0%, 39%, 100% {\n opacity: 0.25; /* minimum opacity */\n }\n 40% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-line-fade-default {\n 0%, 100% {\n opacity: 0.22; /* minimum opacity */\n }\n 1% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-line-shrink {\n 0%, 25%, 100% {\n /* minimum scale and opacity */\n transform: scale(0.5);\n opacity: 0.25;\n }\n 26% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n.miew-canvas > canvas {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n}\n\n.miew-container,\r\n.miew-canvas {\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n}\n\n.miew-message {\r\n /* trick for centered error-reporting*/\r\n background-color: #ccc;\r\n display: table;\r\n width: 100%;\r\n height: 100%;\r\n}\n\n.miew-message p {\r\n display: table-cell;\r\n vertical-align: middle;\r\n text-align: center;\r\n font-size: large;\r\n }\n\n.mode-message {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n border-radius: 4px;\r\n color: silver;\r\n background-color: rgba(64, 64, 64, 0.75);\r\n display: flex;\r\n align-items: left;\r\n justify-content: left;\r\n opacity: 0;\r\n}\n\n.atom-info {\r\n margin: 10px;\r\n text-align: left;\r\n}\n\n.overlay {\r\n pointer-events: none;\r\n}\r\n"],sourceRoot:""}]);const s=i},591:n=>{var e=[];function t(n){for(var t=-1,r=0;r<e.length;r++)if(e[r].identifier===n){t=r;break}return t}function r(n,r){for(var o={},i=[],s=0;s<n.length;s++){var A=n[s],c=r.base?A[0]+r.base:A[0],l=o[c]||0,u="".concat(c," ").concat(l);o[c]=l+1;var p=t(u),d={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var f=a(d,r);r.byIndex=s,e.splice(s,0,{identifier:u,updater:f,references:1})}i.push(u)}return i}function a(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,a){var o=r(n=n||[],a=a||{});return function(n){n=n||[];for(var i=0;i<o.length;i++){var s=t(o[i]);e[s].references--}for(var A=r(n,a),c=0;c<o.length;c++){var l=t(o[c]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}o=A}}},128:n=>{var e={};n.exports=function(n,t){var r=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}},51:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},855:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},740:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var a=void 0!==t.layer;a&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,a&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},656:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},r={};function a(n){var e=r[n];if(void 0!==e)return e.exports;var o=r[n]={id:n,exports:{}};return t[n](o,o.exports,a),o.exports}a.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return a.d(e,{a:e}),e},a.d=(n,e)=>{for(var t in e)a.o(e,t)&&!a.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},a.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),a.nc=void 0;var o={};a.d(o,{A:()=>k});const i=(s={default:()=>n.default},A={},a.d(A,s),A);var s,A;const c=(n=>{var e={};return a.d(e,n),e})({default:()=>e.default,useLayoutEffect:()=>e.useLayoutEffect,useRef:()=>e.useRef});var l=a(591),u=a.n(l),p=a(740),d=a.n(p),f=a(128),m=a.n(f),E=a(855),C=a.n(E),y=a(51),v=a.n(y),g=a(656),h=a.n(g),B=a(32),b={};b.styleTagTransform=h(),b.setAttributes=C(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=v(),u()(B.A,b),B.A&&B.A.locals&&B.A.locals;var w=a(920),x={};function k(n){let{onInit:e,options:t}=n;const r=(0,c.useRef)(),a=(0,c.useRef)();return(0,c.useLayoutEffect)((()=>{const n={axes:!1,fps:!1,...t?.settings};return function(n,e,t){if(!n.current){const r=new i.default(e);r.init()&&(n.current=r,r.run(),"function"==typeof t&&t(r))}}(r,{...t,container:a.current,settings:n},e),()=>function(n){n.current&&n.current.term(),n.current=null}(r)}),[e,t]),c.default.createElement("div",{className:B.z,ref:a},"Viewer")}x.styleTagTransform=h(),x.setAttributes=C(),x.insert=m().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=v(),u()(w.A,x),w.A&&w.A.locals&&w.A.locals;var I=o.A;export{I as default}; //# sourceMappingURL=index.modern.js.map