@vitrosoftware/common-ui-ts 1.1.82 → 1.1.84

package/css/std/controls/pdf-viewer/compare.css

@@ -286,11 +286,14 @@
     top: 50%;
     right: 0;
     transform: translate(0, -50%);
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/layer-unvisible.png') no-repeat center center;
+    background-repeat: no-repeat;
+    /* layer-unvisible.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133923)'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='%2394949F' stroke='%2394949F'/%3E%3Ccircle cx='9' cy='9' r='3.25' fill='%2394949F' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.292893' y='16.1406' width='23' height='2' transform='rotate(-45 0.292893 16.1406)' fill='%2394949F' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133923'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
 }
 
 .compare-layer-visibility.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/layer-visible.png') no-repeat center center;
+    /* layer-visible.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='black' stroke='black'/%3E%3Ccircle cx='9' cy='9' r='2.25' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
 }
 
 .compare-viewer-wrap.side-by-side #compareCanvasResult,

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -3533,11 +3533,14 @@ img.pixelcompare-before, img.pixelcompare-after {
     top: 50%;
     right: 0;
     transform: translate(0, -50%);
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/layer-unvisible.png') no-repeat center center;
+    background-repeat: no-repeat;
+    /* layer-unvisible.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133923)'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='%2394949F' stroke='%2394949F'/%3E%3Ccircle cx='9' cy='9' r='3.25' fill='%2394949F' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.292893' y='16.1406' width='23' height='2' transform='rotate(-45 0.292893 16.1406)' fill='%2394949F' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133923'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
 }
 
 .compare-layer-visibility.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/layer-visible.png') no-repeat center center;
+    /* layer-visible.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='black' stroke='black'/%3E%3Ccircle cx='9' cy='9' r='2.25' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
 }
 
 .compare-viewer-wrap.side-by-side #compareCanvasResult,
@@ -5173,11 +5176,11 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
 }
 
 .compare-panel_doc-color.docA {
-    border-left: 4px solid #ff5b2d;
+    border-left: 4px solid rgba(255,68,68,1);
 }
 
 .compare-panel_doc-color.docB {
-    border-left: 4px solid #0097ff;
+    border-left: 4px solid rgba(68,68,255,1);
 }
 
 .compare-panel_doc-color .version,
@@ -5501,3 +5504,7 @@ dialog .separator {
     font-family: 'InterRegular' !important;
     opacity: 1;
 }
+
+.compare-viewer-wrap canvas {
+    max-width: unset !important;
+}

package/css/std/controls/pdf-viewer/pdf-viewer.css

@@ -613,11 +613,11 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
 }
 
 .compare-panel_doc-color.docA {
-    border-left: 4px solid #ff5b2d;
+    border-left: 4px solid rgba(255,68,68,1);
 }
 
 .compare-panel_doc-color.docB {
-    border-left: 4px solid #0097ff;
+    border-left: 4px solid rgba(68,68,255,1);
 }
 
 .compare-panel_doc-color .version,
@@ -941,3 +941,7 @@ dialog .separator {
     font-family: 'InterRegular' !important;
     opacity: 1;
 }
+
+.compare-viewer-wrap canvas {
+    max-width: unset !important;
+}

package/dist/index.js

@@ -61471,7 +61471,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.82";
+var version$1 = "1.1.84";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -61536,9 +61536,7 @@ var files = [
 	"dist",
 	"css",
 	"lib",
-	"src/controls/PdfViewer/js/init-viewer-page.js",
 	"src/controls/PdfViewer/js/pdf-viewer.js",
-	"src/controls/BimViewer/js/init-viewer-page.js",
 	"src/controls/BimViewer/js/bim-viewer.js",
 	"src/controls/BimViewer/js/bim-viewer-models.js"
 ];
@@ -61546,7 +61544,7 @@ var dependencies = {
 	"rollup-plugin-postcss": "^3.1.3",
 	inversify: "6.0.1",
 	"inversify-react": "1.0.2",
-	"@vitrosoftware/common-ui": "1.1.31",
+	"@vitrosoftware/common-ui": "1.1.32",
 	"react-router-bootstrap": "^0.24.4",
 	"m-react-splitters": "^1.2.0"
 };
@@ -61568,21 +61566,51 @@ var Package = {
 };
 
 var PdfViewer = function PdfViewer(props) {
-  var scriptList = [{
-    "url": "resource/pdfViewer/js/init-viewer-page.js?version=v" + Package.version,
-    "id": "vitro-script-init-pdf-viewer"
-  }];
-  return React__default.createElement(commonUi.ScriptLoader, {
-    urlList: scriptList.map(function (x) {
-      return x.url;
-    }),
-    idList: scriptList.map(function (x) {
-      return x.id;
-    }),
-    placeholder: React__default.createElement(commonUi.Progress, null)
-  }, React__default.createElement(Viewer, {
+  var initPage = function initPage() {
+    try {
+      var container = document.getElementsByTagName('head')[0];
+      container.innerHTML += "<link rel=\"resource\" type=\"application/l10n\" href=\"resource/pdfViewer/locale/locale.js?version=" + Package.version + "\">";
+      container.innerHTML += "<link href=\"/resource/pdfViewer/css/pdf-viewer.css?version=" + Package.version + "\" rel=\"stylesheet\">";
+      return Promise.resolve(initHtml()).then(function () {
+        var script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.id = 'pdf-viewer';
+        script.src = "resource/pdfViewer/js/pdf-viewer.js?version=" + Package.version;
+        script.onload = function () {
+          return setIsInit(true);
+        };
+        document.head.appendChild(script);
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var initHtml = function initHtml() {
+    try {
+      var htmlContainer = document.getElementsByTagName('html')[0];
+      htmlContainer.dir = 'ltr';
+      return Promise.resolve(fetch("resource/pdfViewer/viewer.html?version=" + Package.version)).then(function (resp) {
+        return Promise.resolve(resp.text()).then(function (viewer) {
+          var container = document.getElementsByTagName('body')[0];
+          container.insertAdjacentHTML('afterbegin', viewer);
+        });
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var _useState = React.useState(false),
+    isInit = _useState[0],
+    setIsInit = _useState[1];
+  React.useEffect(function () {
+    initPage();
+  }, []);
+  if (!isInit) {
+    return React__default.createElement(commonUi.Progress, null);
+  }
+  return React__default.createElement(Viewer, {
     context: props.context
-  }));
+  });
 };
 
 var styles$m = {"vitro-control":"_checkbox_vitro-control_DfB5DDM","vitro-checkbox-content":"_checkbox_vitro-checkbox-content_2fBG1zl","vitro-label":"_checkbox_vitro-label_qZxCbCP","vitro-left-label":"_checkbox_vitro-left-label_Uu1Tp31"};
@@ -66400,21 +66428,51 @@ var Viewer$1 = function Viewer(props) {
 };
 
 var BimViewer = function BimViewer(props) {
-  var scriptList = [{
-    'url': 'resource/bimViewer/js/init-viewer-page.js?version=v' + Package.version,
-    'id': 'vitro-script-init-bim-viewer'
-  }];
-  return React__default.createElement(commonUi.ScriptLoader, {
-    urlList: scriptList.map(function (x) {
-      return x.url;
-    }),
-    idList: scriptList.map(function (x) {
-      return x.id;
-    }),
-    placeholder: React__default.createElement(commonUi.Progress, null)
-  }, React__default.createElement(Viewer$1, {
+  var initPage = function initPage() {
+    try {
+      var container = document.getElementsByTagName('head')[0];
+      container.innerHTML += "<link rel=\"resource\" type=\"application/l10n\" href=\"resource/bimViewer/locale/locale.js?version=" + Package.version + "\">";
+      container.innerHTML += "<link href=\"/resource/bimViewer/css/bim-viewer.css?version=" + Package.version + "\" rel=\"stylesheet\">";
+      return Promise.resolve(initHtml()).then(function () {
+        var script = document.createElement('script');
+        script.type = 'module';
+        script.id = 'bim-viewer';
+        script.src = "resource/bimViewer/js/bim-viewer.js?version=" + Package.version;
+        script.onload = function () {
+          return setIsInit(true);
+        };
+        document.head.appendChild(script);
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var initHtml = function initHtml() {
+    try {
+      var htmlContainer = document.getElementsByTagName('html')[0];
+      htmlContainer.dir = 'ltr';
+      return Promise.resolve(fetch("resource/bimViewer/viewer.html?version=" + Package.version)).then(function (resp) {
+        return Promise.resolve(resp.text()).then(function (viewer) {
+          var container = document.getElementsByTagName('body')[0];
+          container.insertAdjacentHTML('beforeend', viewer);
+        });
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var _useState = React.useState(false),
+    isInit = _useState[0],
+    setIsInit = _useState[1];
+  React.useEffect(function () {
+    initPage();
+  }, []);
+  if (!isInit) {
+    return React__default.createElement(commonUi.Progress, null);
+  }
+  return React__default.createElement(Viewer$1, {
     context: props.context
-  }));
+  });
 };
 
 exports.ACTION_HANDLER = ActionHandlerConstants;