@xeokit/xeokit-sdk 2.4.0-alpha-15 → 2.4.0-alpha-16

package/dist/xeokit-sdk.cjs.js

@@ -327,7 +327,7 @@ class ContextMenu {
      * @param {Object} [cfg.context] The context, which is passed into the item callbacks. This can also be dynamically set on {@link ContextMenu#context}. This must be set before calling {@link ContextMenu#show}.
      * @param {Boolean} [cfg.enabled=true] Whether this ````ContextMenu```` is initially enabled. {@link ContextMenu#show} does nothing while this is ````false````.
      * @param {Boolean} [cfg.hideOnMouseDown=true] Whether this ````ContextMenu```` automatically hides whenever we mouse-down or tap anywhere in the page.
-     * @param {Boolean} [cfg.hideOnMouseSelect=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
+     * @param {Boolean} [cfg.hideOnAction=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
      */
     constructor(cfg = {}) {
 
@@ -366,7 +366,7 @@ class ContextMenu {
             this.items = cfg.items;
         }
 
-        this._hideOnMouseSelect = (cfg.hideOnMouseSelect !== false);
+        this._hideOnAction = (cfg.hideOnAction !== false);
 
         this.context = cfg.context;
         this.enabled = cfg.enabled !== false;
@@ -805,7 +805,7 @@ class ContextMenu {
                                 if (item.doAction) {
                                     item.doAction(self._context);
                                 }
-                                if (this._hideOnMouseSelect) {
+                                if (this._hideOnAction) {
                                     self.hide();
                                 } else {
                                     self._updateItemsTitles();
@@ -11525,12 +11525,12 @@ class Annotation extends Marker {
         const canvasPos = this.canvasPos;
         this._marker.style.left = (Math.floor(left + canvasPos[0]) - 12) + "px";
         this._marker.style.top = (Math.floor(top + canvasPos[1]) - 12) + "px";
-        this._marker.style["z-index"] = cfg._markerZIndex;
+        this._marker.style["z-index"] = 90005 + Math.floor(this._viewPos[2]) + 1;
         const offsetX = 20;
         const offsetY = -17;
         this._label.style.left = 20 + Math.floor(left + canvasPos[0] + offsetX) + "px";
         this._label.style.top = Math.floor(top + canvasPos[1] + offsetY) + "px";
-        this._label.style["z-index"] = cfg._labelZIndex;
+        this._label.style["z-index"] = 90005 + Math.floor(this._viewPos[2]) + 1;
     }
 
     /**
@@ -12067,8 +12067,6 @@ class AnnotationsPlugin extends Plugin {
      * @param {String} [cfg.id="Annotations"] Optional ID for this plugin, so that we can find it within {@link Viewer#plugins}.
      * @param {String} [cfg.markerHTML] HTML text template for Annotation markers. Defaults to ````<div></div>````. Ignored on {@link Annotation}s configured with a ````markerElementId````.
      * @param {String} [cfg.labelHTML] HTML text template for Annotation labels. Defaults to ````<div></div>````.  Ignored on {@link Annotation}s configured with a ````labelElementId````.
-     * @param {Number} [cfg.markerZIndex] Custom value for Annotation markers z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
-     * @param {Number} [cfg.labelZIndex] Custom value for Annotation labels z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
      * @param {HTMLElement} [cfg.container] Container DOM element for markers and labels. Defaults to ````document.body````.
      * @param {{String:(String|Number)}} [cfg.values={}] Map of default values to insert into the HTML templates for the marker and label.
      * @param {Number}  [cfg.surfaceOffset=0.3] The amount by which each {@link Annotation} is offset from the surface of
@@ -12077,12 +12075,10 @@ class AnnotationsPlugin extends Plugin {
     constructor(viewer, cfg) {
 
         super("Annotations", viewer);
-        const randomZIndex = 90005 + Math.floor(this._viewPos[2]) + 1;
+
         this._labelHTML = cfg.labelHTML || "<div></div>";
         this._markerHTML = cfg.markerHTML || "<div></div>";
         this._container = cfg.container || document.body;
-        this._markerZIndex = cfg.markerZIndex || randomZIndex;
-        this._labelZIndex = cfg.labelZIndex || randomZIndex;
         this._values = cfg.values || {};
 
         /**
@@ -12158,8 +12154,6 @@ class AnnotationsPlugin extends Plugin {
      * @param {Number[]} [params.look] Optional World-space position for {@link Camera#look}, used when this Annotation is associated with a {@link Camera} position.
      * @param {Number[]} [params.up] Optional World-space position for {@link Camera#up}, used when this Annotation is associated with a {@link Camera} position.
      * @param {String} [params.projection] Optional projection type for {@link Camera#projection}, used when this Annotation is associated with a {@link Camera} position.
-     * @param {Number} [cfg.markerZIndex] Custom value for Annotation markers z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
-     * @param {Number} [cfg.labelZIndex] Custom value for Annotation labels z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
      * @returns {Annotation} The new {@link Annotation}.
      */
     createAnnotation(params) {
@@ -12211,9 +12205,7 @@ class AnnotationsPlugin extends Plugin {
             markerElement: markerElement,
             labelElement: labelElement,
             markerHTML: params.markerHTML || this._markerHTML,
-            markerZIndex : params.markerZIndex || this._markerZIndex,
             labelHTML: params.labelHTML || this._labelHTML,
-            labelZIndex : params.labelZIndex || this._labelZIndex,
             occludable: params.occludable,
             values: utils.apply(params.values, utils.apply(this._values, {})),
             markerShown: params.markerShown,

package/dist/xeokit-sdk.es.js

@@ -323,7 +323,7 @@ class ContextMenu {
      * @param {Object} [cfg.context] The context, which is passed into the item callbacks. This can also be dynamically set on {@link ContextMenu#context}. This must be set before calling {@link ContextMenu#show}.
      * @param {Boolean} [cfg.enabled=true] Whether this ````ContextMenu```` is initially enabled. {@link ContextMenu#show} does nothing while this is ````false````.
      * @param {Boolean} [cfg.hideOnMouseDown=true] Whether this ````ContextMenu```` automatically hides whenever we mouse-down or tap anywhere in the page.
-     * @param {Boolean} [cfg.hideOnMouseSelect=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
+     * @param {Boolean} [cfg.hideOnAction=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
      */
     constructor(cfg = {}) {
 
@@ -362,7 +362,7 @@ class ContextMenu {
             this.items = cfg.items;
         }
 
-        this._hideOnMouseSelect = (cfg.hideOnMouseSelect !== false);
+        this._hideOnAction = (cfg.hideOnAction !== false);
 
         this.context = cfg.context;
         this.enabled = cfg.enabled !== false;
@@ -801,7 +801,7 @@ class ContextMenu {
                                 if (item.doAction) {
                                     item.doAction(self._context);
                                 }
-                                if (this._hideOnMouseSelect) {
+                                if (this._hideOnAction) {
                                     self.hide();
                                 } else {
                                     self._updateItemsTitles();
@@ -11521,12 +11521,12 @@ class Annotation extends Marker {
         const canvasPos = this.canvasPos;
         this._marker.style.left = (Math.floor(left + canvasPos[0]) - 12) + "px";
         this._marker.style.top = (Math.floor(top + canvasPos[1]) - 12) + "px";
-        this._marker.style["z-index"] = cfg._markerZIndex;
+        this._marker.style["z-index"] = 90005 + Math.floor(this._viewPos[2]) + 1;
         const offsetX = 20;
         const offsetY = -17;
         this._label.style.left = 20 + Math.floor(left + canvasPos[0] + offsetX) + "px";
         this._label.style.top = Math.floor(top + canvasPos[1] + offsetY) + "px";
-        this._label.style["z-index"] = cfg._labelZIndex;
+        this._label.style["z-index"] = 90005 + Math.floor(this._viewPos[2]) + 1;
     }
 
     /**
@@ -12063,8 +12063,6 @@ class AnnotationsPlugin extends Plugin {
      * @param {String} [cfg.id="Annotations"] Optional ID for this plugin, so that we can find it within {@link Viewer#plugins}.
      * @param {String} [cfg.markerHTML] HTML text template for Annotation markers. Defaults to ````<div></div>````. Ignored on {@link Annotation}s configured with a ````markerElementId````.
      * @param {String} [cfg.labelHTML] HTML text template for Annotation labels. Defaults to ````<div></div>````.  Ignored on {@link Annotation}s configured with a ````labelElementId````.
-     * @param {Number} [cfg.markerZIndex] Custom value for Annotation markers z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
-     * @param {Number} [cfg.labelZIndex] Custom value for Annotation labels z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
      * @param {HTMLElement} [cfg.container] Container DOM element for markers and labels. Defaults to ````document.body````.
      * @param {{String:(String|Number)}} [cfg.values={}] Map of default values to insert into the HTML templates for the marker and label.
      * @param {Number}  [cfg.surfaceOffset=0.3] The amount by which each {@link Annotation} is offset from the surface of
@@ -12073,12 +12071,10 @@ class AnnotationsPlugin extends Plugin {
     constructor(viewer, cfg) {
 
         super("Annotations", viewer);
-        const randomZIndex = 90005 + Math.floor(this._viewPos[2]) + 1;
+
         this._labelHTML = cfg.labelHTML || "<div></div>";
         this._markerHTML = cfg.markerHTML || "<div></div>";
         this._container = cfg.container || document.body;
-        this._markerZIndex = cfg.markerZIndex || randomZIndex;
-        this._labelZIndex = cfg.labelZIndex || randomZIndex;
         this._values = cfg.values || {};
 
         /**
@@ -12154,8 +12150,6 @@ class AnnotationsPlugin extends Plugin {
      * @param {Number[]} [params.look] Optional World-space position for {@link Camera#look}, used when this Annotation is associated with a {@link Camera} position.
      * @param {Number[]} [params.up] Optional World-space position for {@link Camera#up}, used when this Annotation is associated with a {@link Camera} position.
      * @param {String} [params.projection] Optional projection type for {@link Camera#projection}, used when this Annotation is associated with a {@link Camera} position.
-     * @param {Number} [cfg.markerZIndex] Custom value for Annotation markers z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
-     * @param {Number} [cfg.labelZIndex] Custom value for Annotation labels z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
      * @returns {Annotation} The new {@link Annotation}.
      */
     createAnnotation(params) {
@@ -12207,9 +12201,7 @@ class AnnotationsPlugin extends Plugin {
             markerElement: markerElement,
             labelElement: labelElement,
             markerHTML: params.markerHTML || this._markerHTML,
-            markerZIndex : params.markerZIndex || this._markerZIndex,
             labelHTML: params.labelHTML || this._labelHTML,
-            labelZIndex : params.labelZIndex || this._labelZIndex,
             occludable: params.occludable,
             values: utils.apply(params.values, utils.apply(this._values, {})),
             markerShown: params.markerShown,

package/dist/xeokit-sdk.es5.js

@@ -248,7 +248,7 @@ this.groups=[];this.menuElement=null;this.shown=false;this.mouseOver=0;});/**
      * @param {Object} [cfg.context] The context, which is passed into the item callbacks. This can also be dynamically set on {@link ContextMenu#context}. This must be set before calling {@link ContextMenu#show}.
      * @param {Boolean} [cfg.enabled=true] Whether this ````ContextMenu```` is initially enabled. {@link ContextMenu#show} does nothing while this is ````false````.
      * @param {Boolean} [cfg.hideOnMouseDown=true] Whether this ````ContextMenu```` automatically hides whenever we mouse-down or tap anywhere in the page.
-     * @param {Boolean} [cfg.hideOnMouseSelect=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
+     * @param {Boolean} [cfg.hideOnAction=true] Whether this ````ContextMenu```` automatically hides after we select a menu item. Se false if we want the menu to remain shown and show any updates to its item titles, after we've selected an item.
      */function ContextMenu(){var _this=this;var cfg=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};_classCallCheck(this,ContextMenu);this._id=idMap.addItem();this._context=null;this._enabled=false;// True when the ContextMenu is enabled
 this._itemsCfg=[];// Items as given as configs
 this._rootMenu=null;// The root Menu in the tree
@@ -260,7 +260,7 @@ this._shown=false;// True when the ContextMenu is visible
 this._nextId=0;/**
          * Subscriptions to events fired at this ContextMenu.
          * @private
-         */this._eventSubs={};if(cfg.hideOnMouseDown!==false){document.addEventListener("mousedown",function(event){if(!event.target.classList.contains("xeokit-context-menu-item")){_this.hide();}});document.addEventListener("touchstart",this._canvasTouchStartHandler=function(event){if(!event.target.classList.contains("xeokit-context-menu-item")){_this.hide();}});}if(cfg.items){this.items=cfg.items;}this._hideOnMouseSelect=cfg.hideOnMouseSelect!==false;this.context=cfg.context;this.enabled=cfg.enabled!==false;this.hide();}/**
+         */this._eventSubs={};if(cfg.hideOnMouseDown!==false){document.addEventListener("mousedown",function(event){if(!event.target.classList.contains("xeokit-context-menu-item")){_this.hide();}});document.addEventListener("touchstart",this._canvasTouchStartHandler=function(event){if(!event.target.classList.contains("xeokit-context-menu-item")){_this.hide();}});}if(cfg.items){this.items=cfg.items;}this._hideOnAction=cfg.hideOnAction!==false;this.context=cfg.context;this.enabled=cfg.enabled!==false;this.hide();}/**
      Subscribes to an event fired at this ````ContextMenu````.
 
      @param {String} event The event
@@ -337,7 +337,7 @@ var groups=menu.groups;var html=[];html.push('<div class="xeokit-context-menu '+
 var self=this;var lastSubMenu=null;if(groups){for(var _i6=0,_len2=groups.length;_i6<_len2;_i6++){var _group=groups[_i6];var _groupItems=_group.items;if(_groupItems){var _loop2=function _loop2(_j,_lenj){var item=_groupItems[_j];var itemSubMenu=item.subMenu;item.itemElement=document.getElementById(item.id);if(!item.itemElement){console.error("ContextMenu item element not found: "+item.id);return"continue";}item.itemElement.addEventListener("mouseenter",function(event){event.preventDefault();var subMenu=item.subMenu;if(!subMenu){if(lastSubMenu){self._hideMenu(lastSubMenu.id);lastSubMenu=null;}return;}if(lastSubMenu&&lastSubMenu.id!==subMenu.id){self._hideMenu(lastSubMenu.id);lastSubMenu=null;}if(item.enabled===false){return;}var itemElement=item.itemElement;var subMenuElement=subMenu.menuElement;var itemRect=itemElement.getBoundingClientRect();subMenuElement.getBoundingClientRect();var subMenuWidth=200;// TODO
 var showOnLeft=itemRect.right+subMenuWidth>window.innerWidth;if(showOnLeft){self._showMenu(subMenu.id,itemRect.left-subMenuWidth,itemRect.top-1);}else{self._showMenu(subMenu.id,itemRect.right-5,itemRect.top-1);}lastSubMenu=subMenu;});if(!itemSubMenu){// Item without sub-menu
 // clicking item fires the item's action callback
-item.itemElement.addEventListener("click",function(event){event.preventDefault();if(!self._context){return;}if(item.enabled===false){return;}if(item.doAction){item.doAction(self._context);}if(_this4._hideOnMouseSelect){self.hide();}else{self._updateItemsTitles();self._updateItemsEnabledStatus();}});item.itemElement.addEventListener("mouseenter",function(event){event.preventDefault();if(item.enabled===false){return;}if(item.doHover){item.doHover(self._context);}});}};for(var _j=0,_lenj=_groupItems.length;_j<_lenj;_j++){var _ret=_loop2(_j,_lenj);if(_ret==="continue")continue;}}}}}},{key:"_updateItemsTitles",value:function _updateItemsTitles(){// Dynamically updates the title of each Item to the result of Item#getTitle()
+item.itemElement.addEventListener("click",function(event){event.preventDefault();if(!self._context){return;}if(item.enabled===false){return;}if(item.doAction){item.doAction(self._context);}if(_this4._hideOnAction){self.hide();}else{self._updateItemsTitles();self._updateItemsEnabledStatus();}});item.itemElement.addEventListener("mouseenter",function(event){event.preventDefault();if(item.enabled===false){return;}if(item.doHover){item.doHover(self._context);}});}};for(var _j=0,_lenj=_groupItems.length;_j<_lenj;_j++){var _ret=_loop2(_j,_lenj);if(_ret==="continue")continue;}}}}}},{key:"_updateItemsTitles",value:function _updateItemsTitles(){// Dynamically updates the title of each Item to the result of Item#getTitle()
 if(!this._context){return;}for(var _i7=0,len=this._itemList.length;_i7<len;_i7++){var item=this._itemList[_i7];var itemElement=item.itemElement;if(!itemElement){continue;}var getShown=item.getShown;if(!getShown||!getShown(this._context)){continue;}var title=item.getTitle(this._context);if(item.subMenu){itemElement.innerText=title;}else{itemElement.innerText=title;}}}},{key:"_updateItemsEnabledStatus",value:function _updateItemsEnabledStatus(){// Enables or disables each Item, depending on the result of Item#getEnabled()
 if(!this._context){return;}for(var _i8=0,len=this._itemList.length;_i8<len;_i8++){var item=this._itemList[_i8];var itemElement=item.itemElement;if(!itemElement){continue;}var getEnabled=item.getEnabled;if(!getEnabled){continue;}var getShown=item.getShown;if(!getShown){continue;}var shown=getShown(this._context);item.shown=shown;if(!shown){itemElement.style.visibility="hidden";itemElement.style.height="0";itemElement.style.padding="0";continue;}else{itemElement.style.visibility="visible";itemElement.style.height="auto";itemElement.style.padding=null;}var enabled=getEnabled(this._context);item.enabled=enabled;if(!enabled){itemElement.classList.add("disabled");}else{itemElement.classList.remove("disabled");}}}},{key:"_showMenu",value:function _showMenu(menuId,pageX,pageY){// Shows the given menu, at the specified page coordinates
 var menu=this._menuMap[menuId];if(!menu){console.error("Menu not found: "+menuId);return;}if(menu.shown){return;}var menuElement=menu.menuElement;if(menuElement){this._showMenuElement(menuElement,pageX,pageY);menu.shown=true;}}},{key:"_hideMenu",value:function _hideMenu(menuId){// Hides the given menu
@@ -2862,7 +2862,7 @@ _this13._currentAngleMeasurement.targetVisible=true;_this13._currentAngleMeasure
 if(utils.isArray(markerHTML)){markerHTML=markerHTML.join("");}markerHTML=this._renderTemplate(markerHTML);var markerFragment=document.createRange().createContextualFragment(markerHTML);this._marker=markerFragment.firstChild;this._container.appendChild(this._marker);this._marker.style.visibility=this._markerShown?"visible":"hidden";this._marker.addEventListener("click",function(){_this17.plugin.fire("markerClicked",_this17);});this._marker.addEventListener("mouseenter",function(){_this17.plugin.fire("markerMouseEnter",_this17);});this._marker.addEventListener("mouseleave",function(){_this17.plugin.fire("markerMouseLeave",_this17);});}if(!this._labelExternal){if(this._label){this._container.removeChild(this._label);this._label=null;}var labelHTML=this._labelHTML||"<p></p>";// Make label
 if(utils.isArray(labelHTML)){labelHTML=labelHTML.join("");}labelHTML=this._renderTemplate(labelHTML);var labelFragment=document.createRange().createContextualFragment(labelHTML);this._label=labelFragment.firstChild;this._container.appendChild(this._label);this._label.style.visibility=this._markerShown&&this._labelShown?"visible":"hidden";}}/**
      * @private
-     */},{key:"_updatePosition",value:function _updatePosition(){var boundary=this.scene.canvas.boundary;var left=boundary[0];var top=boundary[1];var canvasPos=this.canvasPos;this._marker.style.left=Math.floor(left+canvasPos[0])-12+"px";this._marker.style.top=Math.floor(top+canvasPos[1])-12+"px";this._marker.style["z-index"]=cfg._markerZIndex;var offsetX=20;var offsetY=-17;this._label.style.left=20+Math.floor(left+canvasPos[0]+offsetX)+"px";this._label.style.top=Math.floor(top+canvasPos[1]+offsetY)+"px";this._label.style["z-index"]=cfg._labelZIndex;}/**
+     */},{key:"_updatePosition",value:function _updatePosition(){var boundary=this.scene.canvas.boundary;var left=boundary[0];var top=boundary[1];var canvasPos=this.canvasPos;this._marker.style.left=Math.floor(left+canvasPos[0])-12+"px";this._marker.style.top=Math.floor(top+canvasPos[1])-12+"px";this._marker.style["z-index"]=90005+Math.floor(this._viewPos[2])+1;var offsetX=20;var offsetY=-17;this._label.style.left=20+Math.floor(left+canvasPos[0]+offsetX)+"px";this._label.style.top=Math.floor(top+canvasPos[1]+offsetY)+"px";this._label.style["z-index"]=90005+Math.floor(this._viewPos[2])+1;}/**
      * @private
      */},{key:"_renderTemplate",value:function _renderTemplate(template){for(var key in this._values){if(this._values.hasOwnProperty(key)){var value=this._values[key];template=template.replace(new RegExp('{{'+key+'}}','g'),value);}}return template;}/**
      * Sets whether or not to show this Annotation's marker.
@@ -3299,13 +3299,11 @@ if(utils.isArray(labelHTML)){labelHTML=labelHTML.join("");}labelHTML=this._rende
      * @param {String} [cfg.id="Annotations"] Optional ID for this plugin, so that we can find it within {@link Viewer#plugins}.
      * @param {String} [cfg.markerHTML] HTML text template for Annotation markers. Defaults to ````<div></div>````. Ignored on {@link Annotation}s configured with a ````markerElementId````.
      * @param {String} [cfg.labelHTML] HTML text template for Annotation labels. Defaults to ````<div></div>````.  Ignored on {@link Annotation}s configured with a ````labelElementId````.
-     * @param {Number} [cfg.markerZIndex] Custom value for Annotation markers z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
-     * @param {Number} [cfg.labelZIndex] Custom value for Annotation labels z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
      * @param {HTMLElement} [cfg.container] Container DOM element for markers and labels. Defaults to ````document.body````.
      * @param {{String:(String|Number)}} [cfg.values={}] Map of default values to insert into the HTML templates for the marker and label.
      * @param {Number}  [cfg.surfaceOffset=0.3] The amount by which each {@link Annotation} is offset from the surface of
      * its {@link Entity} when we create the Annotation by supplying a {@link PickResult} to {@link AnnotationsPlugin#createAnnotation}.
-     */function AnnotationsPlugin(viewer,cfg){var _this18;_classCallCheck(this,AnnotationsPlugin);_this18=_super6.call(this,"Annotations",viewer);var randomZIndex=90005+Math.floor(_this18._viewPos[2])+1;_this18._labelHTML=cfg.labelHTML||"<div></div>";_this18._markerHTML=cfg.markerHTML||"<div></div>";_this18._container=cfg.container||document.body;_this18._markerZIndex=cfg.markerZIndex||randomZIndex;_this18._labelZIndex=cfg.labelZIndex||randomZIndex;_this18._values=cfg.values||{};/**
+     */function AnnotationsPlugin(viewer,cfg){var _this18;_classCallCheck(this,AnnotationsPlugin);_this18=_super6.call(this,"Annotations",viewer);_this18._labelHTML=cfg.labelHTML||"<div></div>";_this18._markerHTML=cfg.markerHTML||"<div></div>";_this18._container=cfg.container||document.body;_this18._values=cfg.values||{};/**
          * The {@link Annotation}s created by {@link AnnotationsPlugin#createAnnotation}, each mapped to its {@link Annotation#id}.
          * @type {{String:Annotation}}
          */_this18.annotations={};_this18.surfaceOffset=cfg.surfaceOffset;return _this18;}/**
@@ -3350,10 +3348,8 @@ if(utils.isArray(labelHTML)){labelHTML=labelHTML.join("");}labelHTML=this._rende
      * @param {Number[]} [params.look] Optional World-space position for {@link Camera#look}, used when this Annotation is associated with a {@link Camera} position.
      * @param {Number[]} [params.up] Optional World-space position for {@link Camera#up}, used when this Annotation is associated with a {@link Camera} position.
      * @param {String} [params.projection] Optional projection type for {@link Camera#projection}, used when this Annotation is associated with a {@link Camera} position.
-     * @param {Number} [cfg.markerZIndex] Custom value for Annotation markers z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
-     * @param {Number} [cfg.labelZIndex] Custom value for Annotation labels z-index. Defaults to ````90005 + Math.floor(this._viewPos[2]) + 1````.
      * @returns {Annotation} The new {@link Annotation}.
-     */,set:function set(surfaceOffset){if(surfaceOffset===undefined||surfaceOffset===null){surfaceOffset=0.3;}this._surfaceOffset=surfaceOffset;}},{key:"createAnnotation",value:function createAnnotation(params){var _this19=this;if(this.viewer.scene.components[params.id]){this.error("Viewer component with this ID already exists: "+params.id);delete params.id;}var worldPos;var entity;params.pickResult=params.pickResult||params.pickRecord;if(params.pickResult){var pickResult=params.pickResult;if(!pickResult.worldPos||!pickResult.worldNormal){this.error("Param 'pickResult' does not have both worldPos and worldNormal");}else{var normalizedWorldNormal=math.normalizeVec3(pickResult.worldNormal,tempVec3a$1h);var offsetVec=math.mulVec3Scalar(normalizedWorldNormal,this._surfaceOffset,tempVec3b$d);var offsetWorldPos=math.addVec3(pickResult.worldPos,offsetVec,tempVec3c$9);worldPos=offsetWorldPos;entity=pickResult.entity;}}else{worldPos=params.worldPos;entity=params.entity;}var markerElement=null;if(params.markerElementId){markerElement=document.getElementById(params.markerElementId);if(!markerElement){this.error("Can't find DOM element for 'markerElementId' value '"+params.markerElementId+"' - defaulting to internally-generated empty DIV");}}var labelElement=null;if(params.labelElementId){labelElement=document.getElementById(params.labelElementId);if(!labelElement){this.error("Can't find DOM element for 'labelElementId' value '"+params.labelElementId+"' - defaulting to internally-generated empty DIV");}}var annotation=new Annotation(this.viewer.scene,{id:params.id,plugin:this,entity:entity,worldPos:worldPos,container:this._container,markerElement:markerElement,labelElement:labelElement,markerHTML:params.markerHTML||this._markerHTML,markerZIndex:params.markerZIndex||this._markerZIndex,labelHTML:params.labelHTML||this._labelHTML,labelZIndex:params.labelZIndex||this._labelZIndex,occludable:params.occludable,values:utils.apply(params.values,utils.apply(this._values,{})),markerShown:params.markerShown,labelShown:params.labelShown,eye:params.eye,look:params.look,up:params.up,projection:params.projection,visible:params.visible!==false});this.annotations[annotation.id]=annotation;annotation.on("destroyed",function(){delete _this19.annotations[annotation.id];_this19.fire("annotationDestroyed",annotation.id);});this.fire("annotationCreated",annotation.id);return annotation;}/**
+     */,set:function set(surfaceOffset){if(surfaceOffset===undefined||surfaceOffset===null){surfaceOffset=0.3;}this._surfaceOffset=surfaceOffset;}},{key:"createAnnotation",value:function createAnnotation(params){var _this19=this;if(this.viewer.scene.components[params.id]){this.error("Viewer component with this ID already exists: "+params.id);delete params.id;}var worldPos;var entity;params.pickResult=params.pickResult||params.pickRecord;if(params.pickResult){var pickResult=params.pickResult;if(!pickResult.worldPos||!pickResult.worldNormal){this.error("Param 'pickResult' does not have both worldPos and worldNormal");}else{var normalizedWorldNormal=math.normalizeVec3(pickResult.worldNormal,tempVec3a$1h);var offsetVec=math.mulVec3Scalar(normalizedWorldNormal,this._surfaceOffset,tempVec3b$d);var offsetWorldPos=math.addVec3(pickResult.worldPos,offsetVec,tempVec3c$9);worldPos=offsetWorldPos;entity=pickResult.entity;}}else{worldPos=params.worldPos;entity=params.entity;}var markerElement=null;if(params.markerElementId){markerElement=document.getElementById(params.markerElementId);if(!markerElement){this.error("Can't find DOM element for 'markerElementId' value '"+params.markerElementId+"' - defaulting to internally-generated empty DIV");}}var labelElement=null;if(params.labelElementId){labelElement=document.getElementById(params.labelElementId);if(!labelElement){this.error("Can't find DOM element for 'labelElementId' value '"+params.labelElementId+"' - defaulting to internally-generated empty DIV");}}var annotation=new Annotation(this.viewer.scene,{id:params.id,plugin:this,entity:entity,worldPos:worldPos,container:this._container,markerElement:markerElement,labelElement:labelElement,markerHTML:params.markerHTML||this._markerHTML,labelHTML:params.labelHTML||this._labelHTML,occludable:params.occludable,values:utils.apply(params.values,utils.apply(this._values,{})),markerShown:params.markerShown,labelShown:params.labelShown,eye:params.eye,look:params.look,up:params.up,projection:params.projection,visible:params.visible!==false});this.annotations[annotation.id]=annotation;annotation.on("destroyed",function(){delete _this19.annotations[annotation.id];_this19.fire("annotationDestroyed",annotation.id);});this.fire("annotationCreated",annotation.id);return annotation;}/**
      * Destroys an {@link Annotation}.
      *
      * @param {String} id ID of Annotation to destroy.