Add publish

publish/publishhtml/htmlforserver/export3dtohtml/root/css/Common.css

@@ -0,0 +1,45 @@
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  border: 0;
+  overflow: hidden; /* disable scrollbars */
+  display: block;
+  -ms-content-zooming: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+  font-family: arial;
+  font-size: 100%; /* 1em = 16px */
+  margin: 0;
+  padding: 0;
+}
+
+#viewerCanvas {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+#content {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+/* styles that used to be in Common, but have since been deleted
+    these styles are still used somewhere else, and were just not defined
+   these should either be cleaned up if they are no longer needed
+*/
+/*
+.no-text-selection {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: moz-none;
+    -ms-user-select: none;
+    user-select: none;
+}
+*/

publish/publishhtml/htmlforserver/export3dtohtml/root/css/Desktop.css

@@ -0,0 +1,202 @@
+.desktop-ui-window {
+  border-radius: 0.1875em;
+  border: 0.0625em solid black;
+  position: relative;
+}
+
+.desktop-ui-window-header {
+  background-color: rgba(180, 180, 180, 1);
+  font-family: Arial;
+  font-weight: bold;
+  color: #222222;
+  padding: 0.3125em;
+  cursor: default;
+}
+
+.desktop-ui-window-content {
+  padding: 0.3125em;
+  background-color: white;
+}
+
+.ui-modelbrowser-window {
+  width: 15.625em;
+  min-width: 14em;
+  height: 100%;
+  background-color: white;
+  opacity: 0.85;
+  display: none;
+  border-radius: 0;
+  z-index: 3;
+}
+
+.desktop-ui-window-divider {
+  color: gray;
+  border-top: 0.0625em solid gray;
+  margin-top: 0.3125em;
+  margin-bottom: 0.3125em;
+}
+
+.ui-modelbrowser-header {
+  background-color: white;
+  border-bottom: 0.0625em solid #808080;
+  padding: 0;
+  height: 2em;
+  border-top-right-radius: 0.1875em;
+  border-top-left-radius: 0.1875em;
+  overflow: hidden;
+}
+
+.ui-modelbrowser-header table {
+  width: 100%;
+}
+
+.ui-modelbrowser-content {
+  padding: 0;
+  height: 75%;
+  overflow: hidden !important;
+}
+
+.ui-modelbrowser-minimizebutton {
+  width: 1.875em;
+  height: 1.875em;
+  background-size: 1.875em;
+  display: block;
+  background-repeat: no-repeat;
+}
+
+.ui-modelbrowser-minimizebutton.maximized {
+  background-image: url("images/modelbrowser_collapse.png");
+}
+
+.ui-modelbrowser-minimizebutton.minimized {
+  background-image: url("images/modelbrowser_expand.png");
+  background-position: -0.0625em -0.0625em;
+}
+
+.ui-modelbrowser-minimizetd {
+  border-right: 0.0625em solid gray;
+  width: 1.875em;
+  height: 1.875em;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: white;
+}
+
+.ui-modelbrowser-searchbox {
+  height: 1.875em;
+  border: none;
+  position: relative;
+  top: -0.625em;
+  width: 9.375em;
+}
+
+.ui-modelbrowser-searchicon {
+  width: 1.875em;
+  height: 1.875em;
+  background-size: 1.875em;
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-image: url("images/modelbrowser_search.png");
+}
+
+.ui-modelbrowser-searchfield {
+  position: absolute;
+  right: 0;
+  top: 0 !important;
+  height: 2.25em;
+}
+
+.ui-timeout-window {
+  display: none;
+  width: 25em;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.ui-contextmenu {
+  background-color: white;
+  border: 0.0625em solid darkgray;
+  box-shadow: 0.625em 0.625em 1.25em 0.0625em rgba(0, 0, 0, 0.75);
+}
+
+.ui-contextmenu.modelbrowser {
+  font-size: 0.9375em;
+}
+
+.ui-contextmenu.small {
+  font-size: 0.5em;
+}
+
+.ui-contextmenu-item {
+  padding: 0.3125em 0.625em;
+  cursor: default;
+}
+
+.ui-contextmenu-item:hover {
+  background-color: lightblue;
+}
+
+.ui-contextmenu-item.disabled {
+  color: gray;
+}
+
+.ui-contextmenu-separator {
+  background-color: darkgray;
+}
+
+.ui-modelbrowser-tab {
+  border: 0.125em none darkgray;
+  border-right: 0.125em solid darkgray;
+  cursor: default;
+  margin-left: 0em;
+  margin-right: 0em;
+  position: relative;
+  bottom: 0em;
+  padding: 0.3em;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.ui-modelbrowser-tab.hidden {
+  display: none;
+}
+
+#colorPicker {
+  width: 12em;
+  height: 17em;
+  display: none;
+  position: absolute;
+  border: 1px solid black;
+  background-color: white;
+}
+
+#colorPickerHeader {
+  text-align: center;
+}
+
+#colorPickerFooter {
+  font-size: 0.8em;
+  margin-left: 0.2em;
+}
+
+#colorPickerFooter > button {
+  margin-right: 0.2em;
+  width: 4.5em;
+}
+
+#colorPickerActiveColorLabel {
+  position: relative;
+  top: -0.5em;
+  margin-left: 1em;
+}
+
+#colorPickerActiveColorSwatch {
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  margin-left: 1em;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/Mobile.css

@@ -0,0 +1,77 @@
+body.mobile {
+  font-size: 300%;
+}
+
+body.mobile .ui-timeout-window {
+  font-size: 70%;
+}
+
+/* model browser */
+body.mobile .propertyWindow td {
+  font-size: 75%;
+}
+
+body.mobile .ui-modelbrowser-window {
+  width: 99% !important;
+}
+
+@media screen and (orientation: landscape) {
+  body.mobile .ui-modelbrowser-window {
+    font-size: 50%;
+  }
+}
+
+body.mobile .ui-modeltree-label {
+  font-size: 66%;
+  padding-top: 0.8em;
+  font-weight: bold;
+  height: 1.5em;
+}
+
+body.mobile .propertyWindow {
+  border-top: 0.6em solid gray;
+}
+
+body.mobile .relationshipsWindow {
+  padding-top: 30px;
+}
+
+body.mobile .relationshipsWindow .ui-resizable-handle.ui-resizable-n {
+  height: 30px !important;
+  background-color: gray;
+}
+
+body.mobile .propertyWindow .ui-resizable-handle.ui-resizable-n {
+  height: 100% !important;
+  background: none !important;
+}
+
+/* toolbar */
+body.mobile #toolBar {
+  transform: scale(1.74);
+}
+
+body.mobile .toolbar-tools {
+  opacity: 1 !important;
+}
+
+body.mobile #explosion-slider {
+  font-size: 16px;
+}
+
+/* viewer settings */
+body.mobile #viewer-settings-dialog {
+  transform: scale(1.8);
+}
+
+body.mobile .ui-bcf-input input,
+body.mobile .ui-bcf-topic textarea {
+  font-size: 200%;
+  max-width: 100%;
+}
+
+body.mobile .ui-bcf-input button,
+body.mobile .ui-bcf-topic button {
+  font-size: 125%;
+  max-width: 50%;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/NoteText.css

@@ -0,0 +1,76 @@
+.noteTextElement {
+  position: absolute;
+  width: 250px;
+  height: 160px;
+  z-index: 2;
+  background: rgba(180, 180, 180, 0.8);
+  border-radius: 5px;
+  border: 1px solid black;
+  pointer-events: auto;
+}
+
+.noteTextElement:after,
+.noteTextElement:before {
+  border: solid rgba(224, 24, 24, 0);
+  content: " ";
+  height: 0;
+  left: -20px;
+  position: absolute;
+  width: 0;
+}
+
+.noteTextElement:after {
+  border-width: 11px;
+  border-right-color: rgba(190, 190, 190, 1);
+  top: 13px;
+  left: -21px;
+}
+
+.noteTextElement:before {
+  border-width: 12px;
+  border-right-color: #000;
+  top: 12px;
+  left: -24px;
+}
+
+.noteTextElement textArea {
+  margin: 5px;
+  width: 200px;
+  height: 142px;
+  z-index: 2;
+  resize: none;
+}
+
+.noteTextElement .noteButton {
+  position: absolute;
+  left: 220px;
+  width: 20px;
+  height: 20px;
+  border: 1px solid black;
+}
+
+.noteTextElement .noteButton.color.blue {
+  background-color: blue;
+}
+
+.noteTextElement .noteButton.color.red {
+  background-color: red;
+}
+
+.noteTextElement .noteButton.color.green {
+  background-color: rgba(0, 255, 0, 1);
+}
+
+.noteTextElement .noteButton.color.white {
+  background-color: white;
+}
+
+.noteTextElement .noteButton.color.black {
+  background-color: black;
+}
+
+.noteTextElement .noteButton.trash {
+  background: url(images/ui-icons_444444_256x240.png) no-repeat top left;
+  display: block;
+  background-position: -176px -96px;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/PropertyWindow.css

@@ -0,0 +1,50 @@
+#propertyContainer {
+  overflow-y: auto;
+  height: 100%;
+}
+
+.propertyWindow {
+  overflow: hidden;
+
+  background: white;
+  cursor: default;
+  height: 25%;
+
+  /* prevent window from sliding up on resize*/
+  top: 0 !important;
+
+  padding: 10px;
+  padding-top: 20px;
+}
+
+.propertyWindow.hidden {
+  height: 0px;
+  padding: 0px;
+  display: none;
+}
+
+.propertyWindow table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.propertyWindow table,
+.propertyWindow tr,
+.propertyWindow td {
+  border: 1px solid black;
+}
+
+.propertyWindow .headerRow {
+  font-weight: bold;
+}
+
+.propertyWindow td {
+  width: 50%;
+  word-break: break-all;
+}
+
+.propertyWindow .ui-resizable-handle.ui-resizable-n {
+  top: 0;
+  background: grey;
+  height: 10px;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/Relationships.css

@@ -0,0 +1,71 @@
+.relationshipsWindow {
+  overflow: hidden;
+
+  background: white;
+  cursor: default;
+  height: 25%;
+
+  /* prevent window from sliding up on resize*/
+  top: 0 !important;
+
+  padding-top: 10px;
+}
+
+.relationshipsWindow.hidden {
+  display: none;
+  height: 0px;
+  padding: 0px;
+}
+
+.relationshipsWindow .ui-resizable-handle.ui-resizable-n {
+  top: 0;
+  background: grey;
+  height: 10px;
+}
+
+.relationshipsWindow .tree-scroll-container {
+  height: 100%;
+}
+
+/* SCA : will need to be removed if we have a panel with tab */
+.relationshipsWindow .iScrollVerticalScrollbar {
+  margin-top: 10px;
+}
+
+.ui-modeltree-relationships-label_unaccess {
+  opacity: 0.6;
+  font-style: italic;
+}
+/* sets the background for the label*/
+.ui-modeltree-item.selected .ui-modeltree-relationships-label {
+  background-color: lightskyblue;
+}
+
+/* sets the background color for a selected sheet */
+.ui-modeltree-item.selected-sheet .ui-modeltree-relationships-label {
+  background-color: lightskyblue;
+}
+
+/* sets the background for all child labels */
+.ui-modeltree-item.selected .ui-modeltree-children .ui-modeltree-relationships-label {
+  background-color: lightblue;
+}
+
+.ui-modeltree-item .ui-modeltree-container .ui-modeltree-relationships-label.norecurseselect {
+  background-color: white;
+}
+
+.ui-modeltree-relationships-label {
+  font-size: 90%;
+  user-select: none;
+  cursor: default;
+  height: 1.32em;
+  padding: 0.28125em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
+
+.ui-model-tree-relationships-button {
+  font-size: 90%;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/Toolbar.css

@@ -0,0 +1,656 @@
+#toolBar {
+  position: absolute;
+  display: none;
+  user-select: none;
+  z-index: 5;
+  -webkit-user-select: none;
+}
+
+.toolbar-tools {
+  background: rgba(255, 255, 255, 1);
+  border: 1px solid black;
+  border-radius: 6px;
+  margin: 0;
+  padding: 0;
+  height: 42px;
+  opacity: 0.6;
+}
+
+.hoops-tool {
+  width: 34px;
+  height: 34px;
+  margin: 5px;
+  display: inline-block;
+  user-select: none;
+}
+
+.active-tool {
+  border-radius: 1px;
+  border-color: #888888;
+  border-style: solid;
+  border-width: 1px;
+  margin: 4px;
+  box-shadow: 0px 0px 6px #888888;
+}
+
+.tool-separator {
+  width: 1px;
+  height: 100%;
+  background-color: black;
+  user-select: none;
+  pointer-events: none;
+  position: relative;
+  top: -2px;
+  display: inline-block;
+}
+
+.toolbar-submenu {
+  background: rgba(255, 255, 255, 1);
+  display: none;
+  position: absolute;
+  border: 1px solid black;
+  border-radius: 3px;
+  z-index: 8;
+  user-select: none;
+}
+
+.toolbar-modal-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  z-index: 4;
+  margin: 0;
+  padding: 0;
+  border: none;
+  top: 0;
+  left: 0;
+}
+
+.submenu-icon {
+  width: 32px;
+  height: 32px;
+}
+
+.slider-menu {
+  height: 125px;
+  width: 30px;
+}
+
+.toolbar-slider {
+  left: 8px;
+  top: 15px;
+}
+
+#explosion-slider {
+  background: rgb(222, 222, 222);
+}
+
+.toolbar-cp-plane {
+  margin-bottom: 4px;
+  background-color: white;
+}
+
+.toolbar-cp-plane.selected {
+  background-color: lightblue;
+}
+
+.toolbar-cp-plane.inverted {
+  background-color: blue;
+}
+
+#snapshot-dialog {
+  display: none;
+  position: absolute;
+}
+
+#snapshot-dialog-cancel-button {
+  font-size: 13px;
+}
+
+.submenus {
+  border: 1px solid #020203;
+}
+
+.submenus:after,
+.submenus:before {
+  top: 100%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+
+.submenus:after {
+  border-color: rgba(136, 183, 213, 0);
+  border-top-color: rgba(255, 255, 255, 1);
+  border-width: 7px;
+  left: 50%;
+  margin-left: -7px;
+}
+
+.submenus:before {
+  border-color: rgba(2, 2, 3, 0);
+  border-top-color: #020203;
+  border-width: 8px;
+  left: 50%;
+  margin-left: -8px;
+}
+
+.smarrow {
+  position: relative;
+  background: #88b7d5;
+  border: 1px solid rgb(128, 128, 128);
+  margin: 0 auto;
+  width: 3px;
+  top: -2px;
+}
+
+.smarrow:after,
+.smarrow:before {
+  bottom: 100%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+
+.smarrow:after {
+  border-color: rgba(136, 183, 213, 0);
+  border-bottom-color: #ffffff;
+  border-width: 3px;
+  left: 50%;
+  margin-left: -3px;
+}
+
+.smarrow:before {
+  border-color: rgba(194, 225, 245, 0);
+  border-bottom-color: rgb(128, 128, 128);
+  border-width: 4px;
+  left: 50%;
+  margin-left: -4px;
+}
+
+.submenu-icon.disabled {
+  opacity: 0.2;
+}
+
+.tool-icon,
+.submenu-icon {
+  background: url(images/toolbarsprite.png?v=2016U1) no-repeat top left;
+}
+
+/* PASTSE SPRITESHEET FROM  https://draeton.github.io/stitches/ here
+    note you will need to do some renaming of the output in order to make the names match up.
+    ".sprie-" -> ".toolbar-"
+    "-hover" -> ".hover"
+*/
+
+.toolbar-back {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -5px;
+}
+
+.toolbar-back.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -5px;
+}
+
+.toolbar-bottom {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -5px;
+}
+
+.toolbar-bottom.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -5px;
+}
+
+.toolbar-camera {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -5px;
+}
+
+.toolbar-camera.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -5px;
+}
+
+.toolbar-click {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -5px;
+}
+
+.toolbar-click.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -5px;
+}
+
+.toolbar-cuttingplane {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -47px;
+}
+
+.toolbar-cuttingplane.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -47px;
+}
+
+.toolbar-cuttingplane-x {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -257px;
+}
+
+.toolbar-cuttingplane-y {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -215px;
+}
+
+.toolbar-cuttingplane-z {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -173px;
+}
+
+.toolbar-cuttingplane-face {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -47px;
+}
+
+.toolbar-cuttingplane-section {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -341px;
+}
+
+.toolbar-cuttingplane-toggle {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -299px;
+}
+
+.toolbar-cuttingplane-reset {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -341px;
+}
+
+.toolbar-explode {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -47px;
+}
+
+.toolbar-explode.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -47px;
+}
+
+.toolbar-face {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -47px;
+}
+
+.toolbar-face.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -47px;
+}
+
+.toolbar-front {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -47px;
+}
+
+.toolbar-front.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -47px;
+}
+
+.toolbar-hidden-line {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -89px;
+}
+
+.toolbar-hidden-line.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -89px;
+}
+
+.toolbar-home {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -89px;
+}
+
+.toolbar-home.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -89px;
+}
+
+.toolbar-iso {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -89px;
+}
+
+.toolbar-iso.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -89px;
+}
+
+.toolbar-left {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -89px;
+}
+
+.toolbar-left.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -89px;
+}
+
+.toolbar-measure-angle {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -131px;
+}
+
+.toolbar-measure-angle.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -131px;
+}
+
+.toolbar-measure-distance {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -131px;
+}
+
+.toolbar-measure-distance.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -131px;
+}
+
+.toolbar-measure-edge {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -131px;
+}
+
+.toolbar-measure-edge.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -131px;
+}
+
+.toolbar-measure-point {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -131px;
+}
+
+.toolbar-measure-point.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -131px;
+}
+
+.toolbar-note {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -173px;
+}
+
+.toolbar-note.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -173px;
+}
+
+.toolbar-orbit {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -173px;
+}
+
+.toolbar-orbit.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -173px;
+}
+
+.toolbar-ortho {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -173px;
+}
+
+.toolbar-ortho.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -173px;
+}
+
+.toolbar-persp {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -173px;
+}
+
+.toolbar-persp.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -173px;
+}
+
+.toolbar-redline-circle {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -215px;
+}
+
+.toolbar-redline-circle.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -215px;
+}
+
+.toolbar-redline-freehand {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -215px;
+}
+
+.toolbar-redline-freehand.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -215px;
+}
+
+.toolbar-redline-note {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -215px;
+}
+
+.toolbar-redline-note.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -215px;
+}
+
+.toolbar-redline-rectangle {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -215px;
+}
+
+.toolbar-redline-rectangle.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -215px;
+}
+
+.toolbar-right {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -257px;
+}
+
+.toolbar-right.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -257px;
+}
+
+.toolbar-select {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -257px;
+}
+
+.toolbar-select.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -257px;
+}
+
+.toolbar-area-select {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -341px;
+}
+
+.toolbar-settings {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -257px;
+}
+
+.toolbar-settings.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -257px;
+}
+
+.toolbar-shaded {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -257px;
+}
+
+.toolbar-shaded.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -257px;
+}
+
+.toolbar-snapshot {
+  width: 32px;
+  height: 32px;
+  background-position: -5px -299px;
+}
+
+.toolbar-snapshot.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -47px -299px;
+}
+
+.toolbar-top {
+  width: 32px;
+  height: 32px;
+  background-position: -89px -299px;
+}
+
+.toolbar-top.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -131px -299px;
+}
+
+.toolbar-turntable {
+  width: 32px;
+  height: 32px;
+  background-position: -173px -299px;
+}
+
+.toolbar-turntable.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -215px -299px;
+}
+
+.toolbar-walk {
+  width: 32px;
+  height: 32px;
+  background-position: -257px -299px;
+}
+
+.toolbar-walk.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -299px -299px;
+}
+
+.toolbar-wireframe {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -5px;
+}
+
+.toolbar-wireframe.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -47px;
+}
+
+.toolbar-wireframeshaded {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -89px;
+}
+
+.toolbar-wireframeshaded.hover {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -131px;
+}
+
+.toolbar-xray {
+  width: 32px;
+  height: 32px;
+  background-position: -341px -5px;
+
+  /* Temporary style to differentiate between the xray and wireframe icon */
+  background-color: lightgrey;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/TreeControl.css

@@ -0,0 +1,431 @@
+#modelTree {
+  font-family: Tahoma, Geneva, sans-serif;
+  border-bottom: 0.1em solid #808080;
+  overflow: hidden;
+}
+
+#cadviewtree {
+  font-family: Tahoma, Geneva, sans-serif;
+  border-bottom: 0.1em solid #808080;
+  overflow: hidden;
+}
+
+.ui-modeltree {
+  margin: 0;
+  border: none !important;
+  /* temp */
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  list-style-type: none;
+  padding: 0;
+  padding-left: 1.8em;
+}
+
+#sheetsTree .ui-modeltree,
+#filtersTree .ui-modeltree,
+#cadViewTree .ui-modeltree,
+#configurationsTree .ui-modeltree,
+#bcfTree .ui-modeltree,
+#relationshipsWindow .ui-modeltree {
+  padding: 0;
+}
+
+.ui-visibility-toggle {
+  float: left;
+  width: 1.6875em;
+  display: block;
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+
+.ui-modeltree-item {
+  border-left: 0.05625em solid #808080;
+}
+
+.ui-modeltree-item.visibility {
+  border-left-width: 0;
+}
+
+/* sets the background for the label*/
+.ui-modeltree-item.selected .ui-modeltree-label {
+  background-color: lightskyblue;
+}
+
+/* sets the background color for a selected sheet */
+.ui-modeltree-item.selected-sheet .ui-modeltree-label {
+  background-color: lightskyblue;
+}
+
+/* sets the background for all child labels */
+.ui-modeltree-item.selected .ui-modeltree-children .ui-modeltree-label {
+  background-color: lightblue;
+}
+
+.ui-modeltree-item .ui-mixedselection-icon {
+  display: none;
+  width: 1em;
+  height: 1em;
+  background: lightblue;
+  float: right;
+  margin-top: -1.35em;
+  margin-right: 0.45em;
+}
+
+.ui-modeltree-item.mixed > .ui-modeltree-container > .ui-mixedselection-icon {
+  display: block;
+}
+
+.ui-modeltree-item.visibility.partHidden .ui-modeltree-partVisibility-icon {
+  opacity: 0.2;
+}
+
+.ui-modeltree-item.visibility.partialHidden > .ui-modeltree-partVisibility-icon:after {
+  content: "";
+  width: 0;
+  height: 0;
+  border-left: 1.2375em solid transparent;
+  border-right: 1.2375em solid transparent;
+  border-bottom: 1.2375em solid white !important;
+  display: block;
+  transform: rotate(-45deg);
+  position: relative;
+  left: -0.7875em;
+  top: -0.225em;
+  opacity: 0.85;
+}
+
+.ui-modeltree-item .ui-modeltree-container .ui-modeltree-label.norecurseselect {
+  background-color: white;
+}
+
+/* Hide visibility icons */
+#visibility_4fc94219_markupviews {
+  visibility: hidden;
+}
+
+#sheetsTree .ui-modeltree-expandNode,
+#sheetsTree .ui-modeltree-icon {
+  display: none;
+}
+
+.ui-modeltree-children {
+  padding-left: 0.84375em;
+  list-style-type: none;
+  display: none;
+}
+
+.ui-modeltree-visibility-children {
+  padding-left: 0;
+  list-style-type: none;
+  display: none;
+}
+
+.visible {
+  display: block;
+}
+
+.ui-modeltree-icon {
+  width: 1.6875em;
+  height: 1.6875em;
+  background-size: 1.6875em;
+  background-repeat: no-repeat;
+  display: inline-block;
+  border-right: 0.05625em solid #808080;
+  float: left;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.ui-modeltree-icon.body {
+  background-image: url("images/modelbrowser_body.png");
+}
+
+.ui-modeltree-icon.view {
+  background-image: url("images/view.png");
+  background-size: 0.9em;
+}
+
+.ui-modeltree-icon.viewfolder {
+  background-image: url("images/viewfolder.png");
+  background-size: 0.9em;
+}
+
+.ui-modeltree-icon.modelroot {
+  background-image: url("images/modelbrowser_modelroot.png");
+}
+
+.ui-modeltree-icon.assembly,
+.ui-modeltree-icon.container {
+  background-image: url("images/modelbrowser_assembly.png");
+}
+
+.ui-modeltree-icon.measurement {
+  background-image: url("images/modelbrowser_measurement.png");
+}
+
+.ui-modeltree-icon.menu {
+  background-image: url("images/modelbrowser_menu.png");
+  border: none;
+  float: right;
+}
+
+.ui-modeltree-partVisibility-icon {
+  width: 1.6875em;
+  height: 1.6875em;
+  display: inline-block;
+  border-right: 0.05625em solid #808080;
+  float: left;
+  background-image: url("images/modelbrowser_visibility.png");
+  background-size: 1.6875em;
+  background-repeat: no-repeat;
+  border: 0.05625em solid #808080;
+}
+
+.ui-modeltree-partVisibility-icon.partHidden {
+  background-color: lightgray;
+}
+
+.ui-modeltree-expandNode {
+  background-repeat: no-repeat;
+  background-image: url("images/modelbrowser_expandlabel.png");
+  width: 1.6875em;
+  height: 1.6875em;
+  background-size: 1.6875em;
+  display: inline-block;
+  float: left;
+  background-color: white;
+}
+
+.ui-modeltree-expandNode.expanded {
+  background-image: url("images/modelbrowser_collapselabel.png");
+  border-right: 0.05625em solid #808080;
+}
+
+.ui-modeltree-expandNode:after {
+  content: "";
+  width: 0.84375em;
+  height: 0.84375em;
+  border: 0.05625em solid gray;
+  transform: rotate(45deg) skew(20deg, 20deg);
+  border-bottom: solid transparent;
+  border-left-color: transparent;
+  top: 0.36em;
+  left: 0.9em;
+  display: block;
+  position: relative;
+}
+
+.ui-modeltree-expandNode.expanded:after {
+  transform: rotate(136deg) skew(5deg, 5deg);
+  background: white;
+  position: relative;
+  top: 1.15em;
+  left: 0.294em;
+  width: 0.96em;
+  height: 0.96em;
+}
+
+.ui-modeltree-label {
+  font-size: 90%;
+  user-select: none;
+  cursor: default;
+  height: 1.32em;
+  padding: 0.28125em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
+
+.ui-modeltree-container {
+  height: 1.6875em;
+  border-bottom: 0.05625em solid #808080;
+  border-top: 0.05625em solid #808080;
+  white-space: nowrap;
+}
+
+/* Size for collapsed model browser */
+#modelBrowserWindow.ui-modelbrowser-small {
+  width: 1.875em !important;
+  height: 1.875em !important;
+  min-width: 0 !important;
+  overflow: hidden;
+}
+
+.ui-resizable-s {
+  position: relative;
+}
+
+/* Don't display handle arrows */
+.ui-resizable-e:before,
+.ui-resizable-e:after {
+  content: "";
+  width: 0 !important;
+  height: 0 !important;
+  top: 0.1125em !important;
+  right: -0.3375em !important;
+  position: absolute;
+  display: none;
+}
+
+.ui-resizable-e:before {
+  border-bottom: 0.84375em solid transparent !important;
+  border-top: 0.84375em solid transparent !important;
+  border-left: 0.5625em solid black !important;
+  display: none;
+}
+
+.ui-resizable-e:after {
+  border-bottom: 0.7875em solid transparent !important;
+  border-top: 0.7875em solid transparent !important;
+  border-left: 0.50625em solid white !important;
+  position: absolute;
+  top: 0.16875em !important;
+  right: -0.28125em !important;
+  display: none;
+}
+
+.ui-resizable-s:before,
+.ui-resizable-s:after {
+  content: "";
+  width: 0 !important;
+  height: 0 !important;
+  display: none;
+}
+
+.ui-resizable-s:before {
+  border-left: 1.18125em solid transparent !important;
+  border-right: 1.18125em solid transparent !important;
+  border-top: 0.5625em solid black !important;
+  bottom: -0.3375em !important;
+  position: absolute;
+  left: 50% !important;
+  transform: translateX(-50%);
+  display: none;
+}
+
+.ui-resizable-s:after {
+  border-left: 1.06875em solid transparent !important;
+  border-right: 1.06875em solid transparent !important;
+  border-top: 0.50625em solid white !important;
+  bottom: -0.28125em !important;
+  position: absolute;
+  left: 50% !important;
+  transform: translateX(-50%);
+  display: none;
+}
+
+#modelBrowserLabel {
+  font-size: 1.0125em;
+  position: relative;
+  left: 1.62em;
+}
+
+/* header tabs*/
+#modelBrowserTabs {
+  margin-top: 0.5em;
+  margin-bottom: 0.3em;
+  position: absolute;
+  left: 2em;
+  top: 0em;
+}
+
+.ui-modelbrowser-tab {
+  opacity: 0.5;
+}
+
+.browser-tab-selected {
+  opacity: 1;
+}
+
+/* scrollbar */
+.tree-scroll-container {
+  overflow: hidden;
+  height: inherit;
+  display: none;
+}
+
+.iScrollVerticalScrollbar {
+  height: inherit;
+  margin-top: 1.8em;
+  top: 0.9px !important;
+}
+
+/* BCF Tree */
+#bcfTree select {
+  width: 100%;
+  padding: 0.2em;
+  font-size: 1em;
+}
+
+.ui-bcf-topic {
+  padding: 0.3em;
+  margin: 0.2em;
+  border: 0.2em solid #808080;
+
+  word-break: break-all;
+}
+
+.ui-bcf-topic .index-and-title {
+  margin: auto;
+  text-align: center;
+  display: table;
+  width: 100%;
+}
+
+.ui-bcf-topic .index {
+  display: table-cell;
+}
+
+.ui-bcf-topic .title {
+  margin: auto;
+  text-align: center;
+  background-color: #88b7d5;
+  display: table-cell;
+  width: 90%;
+  padding: 0.7em;
+  font-size: 1em;
+}
+
+.ui-bcf-topic .viewpoint {
+  text-align: center;
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.ui-bcf-topic .topic-data {
+  padding: 0.1em;
+}
+
+.ui-bcf-topic .comment {
+  border: 0.1em solid #808080;
+  margin: 0.5em;
+  padding: 0.3em;
+}
+
+.ui-bcf-topic img {
+  width: 200px;
+  padding: 1em;
+}
+
+.ui-bcf-input {
+  padding: 0.5em;
+  max-width: 100%;
+}
+
+.ui-bcf-edit {
+  border: 0em;
+}
+
+.ui-bcf-delete {
+  float: right;
+}
+
+.ui-bcf-comment-delete {
+  float: right;
+}

publish/publishhtml/htmlforserver/export3dtohtml/root/css/ViewerSettings.css

@@ -0,0 +1,208 @@
+/* 
+    Parent container positioned relative fixes a bug with jQuery draggable
+    https://stackoverflow.com/questions/3523747/webkit-and-jquery-draggable-jumping/20147335#20147335
+*/
+#viewer-settings-dialog-container {
+  position: relative;
+}
+
+#viewer-settings-dialog {
+  display: none;
+  z-index: 7;
+  background: white;
+  border: 1px solid black;
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 13px;
+  min-width: 500px;
+}
+
+#viewer-settings-dialog .hoops-ui-window-body {
+  height: 335px;
+  overflow-y: scroll;
+  padding-right: 10px;
+  display: none;
+}
+
+#viewer-settings-dialog .hoops-ui-window-body.selected {
+  display: block;
+}
+
+#viewer-settings-dialog .tab {
+  position: relative;
+  padding: 5px;
+  top: -5px;
+  border: 1px solid black;
+  background-color: lightgray;
+}
+
+#viewer-settings-dialog .tab.selected {
+  color: black;
+  background-color: white;
+}
+
+.settings-group {
+  border: 1px solid gray;
+  margin-bottom: 10px;
+}
+
+.settings-group > div:nth-child(even) {
+  background-color: lightgrey;
+}
+
+.settings-group label {
+  display: inline-block;
+}
+
+.settings-group-header {
+  font-weight: bold;
+  font-size: 15px;
+  margin-bottom: 3px;
+}
+
+.settings-group-general .right-align {
+  float: right;
+}
+
+.settings-group-general .bold {
+  font-weight: bold;
+}
+
+.settings-group-general .center-align {
+  text-align: center;
+}
+
+.settings-group-general .clear-both {
+  clear: both;
+  display: block;
+  padding: 0px;
+}
+
+.settings-group.settings-group-colors {
+  padding-bottom: 8px;
+}
+
+.settings-group.settings-group-colors .settings-block {
+  padding-top: 1px;
+}
+
+#settings-tab-walk .settings-block {
+  padding: 13px 5px;
+}
+
+.settings-block {
+  padding: 5px;
+}
+
+.settings-block * {
+  padding: 2px 0px;
+}
+
+.settings-block > * {
+  vertical-align: middle;
+  vertical-align: -webkit-baseline-middle;
+}
+
+.settings-block > div {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+.settings-block input[type="number"] {
+  width: 65px;
+  height: 15px;
+  text-align: center;
+}
+
+.grayed-out {
+  opacity: 0.5;
+}
+
+#viewer-settings-ok-button,
+#viewer-settings-cancel-button {
+  font-size: 13px;
+}
+
+.hoops-ui-window {
+  z-index: 5;
+  position: absolute;
+  background: rgba(100, 100, 100, 0.8);
+  border: 1px solid black;
+  border-radius: 6px;
+  overflow: hidden;
+  border-style: solid;
+  background: rgba(0, 0, 0, 0);
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.hoops-ui-window-header {
+  font-family: arial;
+  font-size: 14px;
+  font-weight: bold;
+  padding: 15px 0px 0px 5px;
+  background: white;
+  cursor: default;
+  border-bottom: 1px solid gray;
+}
+
+.hoops-ui-window-body {
+  padding-top: 5px;
+  font-family: Verdana;
+  border-bottom: 1px solid gray;
+  background-color: white;
+  padding: 7px 11px 5px 11px;
+  overflow: hidden;
+}
+
+.hoops-ui-window-footer {
+  padding: 5px 0px 5px 5px;
+  background-color: white;
+  height: 21px;
+}
+
+.hoops-ui-window-footer .hoops-ui-footer-buttons {
+  position: relative;
+  right: 11px;
+  float: right;
+}
+
+.hoops-ui-window-footer .version {
+  float: left;
+  font-size: 10px;
+  color: #808080;
+  position: relative;
+  left: 5px;
+  bottom: -13px;
+}
+
+/* minicolor styling */
+.minicolors-theme-default.minicolors {
+  width: 20px;
+  height: 20px;
+}
+
+.minicolors-swatch {
+  width: 20px !important;
+  height: 20px;
+  top: 6px;
+}
+
+.minicolors-theme-default .minicolors-swatch {
+  top: 6px !important;
+}
+
+.minicolors-theme-default .minicolors-input {
+  width: 120px !important;
+  padding-left: 30px !important;
+}
+
+.minicolors-grid .minicolors-picker,
+.minicolors-grid .minicolors-picker > div {
+  padding: 0;
+}