UNPKG

miew-react

Version:

Miew - 3D Molecular Viewer (React component)

2 lines 9.47 kB
(()=>{"use strict";var n={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,o,a){"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!==a&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=a),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),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)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(o," */");return[e].concat([a]).join("\n")}return[e].join("\n")}},32:(n,e,t)=>{t.d(e,{A:()=>A,z:()=>s});var r=t(784),o=t.n(r),a=t(536),i=t.n(a)()(o());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),o=t.n(r),a=t(536),i=t.n(a)()(o());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 a={},i=[],s=0;s<n.length;s++){var A=n[s],c=r.base?A[0]+r.base:A[0],l=a[c]||0,p="".concat(c," ").concat(l);a[c]=l+1;var u=t(p),d={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==u)e[u].references++,e[u].updater(d);else{var f=o(d,r);r.byIndex=s,e.splice(s,0,{identifier:p,updater:f,references:1})}i.push(p)}return i}function o(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,o){var a=r(n=n||[],o=o||{});return function(n){n=n||[];for(var i=0;i<a.length;i++){var s=t(a[i]);e[s].references--}for(var A=r(n,o),c=0;c<a.length;c++){var l=t(a[c]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}a=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 o=void 0!==t.layer;o&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,o&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var a=t.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),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))}}}},e={};function t(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={id:r,exports:{}};return n[r](a,a.exports,t),a.exports}t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var r in e)t.o(e,r)&&!t.o(n,r)&&Object.defineProperty(n,r,{enumerable:!0,get:e[r]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),t.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.nc=void 0;var r={};t.r(r),t.d(r,{default:()=>w});const o=require("miew");var a=t.n(o);const i=require("react");var s=t.n(i),A=t(591),c=t.n(A),l=t(740),p=t.n(l),u=t(128),d=t.n(u),f=t(855),m=t.n(f),C=t(51),E=t.n(C),y=t(656),v=t.n(y),g=t(32),h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=E(),c()(g.A,h),g.A&&g.A.locals&&g.A.locals;var B=t(920),b={};function w(n){let{onInit:e,options:t}=n;const r=(0,i.useRef)(),o=(0,i.useRef)();return(0,i.useLayoutEffect)((()=>{const n={axes:!1,fps:!1,...t?.settings};return function(n,e,t){if(!n.current){const r=new(a())(e);r.init()&&(n.current=r,r.run(),"function"==typeof t&&t(r))}}(r,{...t,container:o.current,settings:n},e),()=>function(n){n.current&&n.current.term(),n.current=null}(r)}),[e,t]),s().createElement("div",{className:g.z,ref:o},"Viewer")}b.styleTagTransform=v(),b.setAttributes=m(),b.insert=d().bind(null,"head"),b.domAPI=p(),b.insertStyleElement=E(),c()(B.A,b),B.A&&B.A.locals&&B.A.locals,module.exports=r})(); //# sourceMappingURL=index.js.map