@inweb/client 25.3.12 → 25.3.13

package/src/Viewer/Draggers/Common/OdBaseDragger.ts

@@ -1,270 +0,0 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2002-2021, Open Design Alliance (the "Alliance").
-// All rights reserved.
-//
-// This software and its documentation and related materials are owned by
-// the Alliance. The software may only be incorporated into application
-// programs owned by members of the Alliance, subject to a signed
-// Membership Agreement and Supplemental Software License Agreement with the
-// Alliance. The structure and organization of this software are the valuable
-// trade secrets of the Alliance and its suppliers. The software is also
-// protected by copyright law and international treaty provisions. Application
-// programs incorporating this software must include the following statement
-// with their copyright notices:
-//
-//   This application incorporates Open Design Alliance software pursuant to a
-//   license agreement with Open Design Alliance.
-//   Open Design Alliance Copyright (C) 2002-2021 by Open Design Alliance.
-//   All rights reserved.
-//
-// By use of this software, its documentation or related materials, you
-// acknowledge and accept the above terms.
-///////////////////////////////////////////////////////////////////////////////
-/* eslint-disable no-unused-vars */
-
-import { Viewer } from "../../Viewer";
-import { CANVAS_EVENTS } from "../../CanvasEvents";
-import { Point2d } from "./Geometry";
-import { OdaGeAction } from "./OdaGeAction";
-
-const CLICK_DELTA = 5;
-
-const INTERACTIVITY_FPS = 24;
-
-/**
- * A [Viewer]{@link Viewer} event that fires when the viewer needs to be updated.
- *
- * @property {string} type - `update`
- * @event update
- */
-
-/**
- * A [Viewer]{@link Viewer} event that fires when the user selects an entity with the mouse.
- *
- * @property {string} type - `select`
- * @property {OdTvSelectionSet} data - The set of selected entities. For more information, see
- *   [OdTvSelectionSet](https://cloud.opendesign.com/docs/index.html#/vis/OdTvSelectionSet?id=odtvselectionset).
- * @event select
- */
-
-export class OdBaseDragger extends OdaGeAction {
-  protected subject: Viewer;
-  protected needInputText: boolean;
-  protected mouseDownPosition: Point2d;
-  protected autoSelect: boolean;
-  protected onmessage: (event: any) => boolean;
-  protected canvasEvents: string[];
-  protected isDragging: boolean;
-  protected press: boolean;
-
-  public name: string;
-
-  constructor(subject: Viewer) {
-    super(subject.visualizeJs);
-    this.subject = subject;
-    this.needInputText = false;
-    this.mouseDownPosition = { x: 0, y: 0 };
-    this.autoSelect = false;
-
-    this.onmessage = (event) => this.subject.emitEvent(event);
-    this.canvasEvents = CANVAS_EVENTS;
-  }
-
-  public initialize(): void {
-    this.canvasEvents = this.canvasEvents.filter((x) => typeof this[x] === "function");
-    this.canvasEvents.forEach((x) => (this[x] = this[x].bind(this)));
-    this.canvasEvents.forEach((x) => this.subject.on(x, this[x]));
-
-    this.getViewer().setEnableAutoSelect(!!this.autoSelect);
-  }
-
-  public dispose(): void {
-    this.canvasEvents.forEach((x) => this.subject.off(x, this[x]));
-  }
-
-  protected relativeCoords(event: MouseEvent): Point2d {
-    return { x: event.offsetX * window.devicePixelRatio, y: event.offsetY * window.devicePixelRatio };
-  }
-
-  protected pointerdown(ev: PointerEvent): void {
-    if (!ev.isPrimary || OdBaseDragger.isGestureActive) {
-      return;
-    }
-
-    (ev.target as HTMLElement).setPointerCapture(ev.pointerId);
-
-    const relCoord = this.relativeCoords(ev);
-    this.isDragging = true;
-    this.mouseDownPosition = { x: relCoord.x, y: relCoord.y };
-    this.start(relCoord.x, relCoord.y, ev.clientX, ev.clientY);
-    this.subject.update();
-  }
-
-  protected pointerup(ev: PointerEvent): void {
-    if (OdBaseDragger.needSkipPointerUp) {
-      return;
-    }
-
-    if (!ev.isPrimary) {
-      return;
-    }
-
-    (ev.target as HTMLElement).releasePointerCapture(ev.pointerId);
-
-    const relCoord = this.relativeCoords(ev);
-    this.end(relCoord.x, relCoord.y);
-    this.isDragging = false;
-    this.subject.update();
-  }
-
-  protected pointercancel(ev: PointerEvent): void {
-    if (!ev.isPrimary) {
-      return;
-    }
-
-    this.m_module.canvas.dispatchEvent(new PointerEvent("pointerup", ev));
-  }
-
-  protected pointermove(ev: PointerEvent): void {
-    if (!ev.isPrimary || OdBaseDragger.isGestureActive) {
-      return;
-    }
-
-    const relCoord = this.relativeCoords(ev);
-    this.drag(relCoord.x, relCoord.y, ev.movementX, ev.movementY);
-    if (this.isDragging) {
-      this.subject.update();
-    }
-  }
-
-  protected click(ev: MouseEvent): void {
-    const viewer = this.getViewer();
-    const relCoord = this.relativeCoords(ev);
-    const x = relCoord.x;
-    const y = relCoord.y;
-
-    const isNotDragging =
-      Math.abs(x - this.mouseDownPosition.x) < CLICK_DELTA && Math.abs(y - this.mouseDownPosition.y) < CLICK_DELTA;
-
-    if (viewer && viewer.getEnableAutoSelect() && isNotDragging) {
-      viewer.unselect();
-      viewer.select(x, y, x, y);
-      this.subject.update();
-
-      const selectionSet = viewer.getSelected();
-      const handles = this.subject.getSelected();
-      this.onmessage({ type: "select", data: selectionSet, handles });
-    }
-  }
-
-  protected dblclick(ev: MouseEvent): void {
-    const viewer = this.getViewer();
-    const relCoord = this.relativeCoords(ev);
-    const x = relCoord.x;
-    const y = relCoord.y;
-
-    const device = viewer.getActiveDevice();
-    const clickView = device.viewAt([x, y]);
-    if (clickView && !clickView.active) {
-      viewer.activeView = clickView;
-      clickView.delete();
-      this.subject.update();
-    } else {
-      if (viewer && viewer.getEnableAutoSelect()) {
-        const pSelected = viewer.getSelected();
-
-        if (!pSelected.isNull() && pSelected.numItems() !== 0) {
-          const itr = pSelected.getIterator();
-          const entity = itr.getEntity();
-          viewer.zoomToEntity(entity);
-
-          this.onmessage({ type: "zoomtoentity", data: entity });
-          this.subject.update();
-
-          this.deleteAll([itr, entity]);
-        }
-      }
-    }
-
-    device.delete();
-  }
-
-  protected start(x: number, y: number, absoluteX = 0, absoluteY = 0): void {}
-
-  protected drag(x: number, y: number, absoluteX = 0, absoluteY = 0): void {}
-
-  protected end(x: number, y: number): void {}
-
-  protected beginInteractivity = () => {
-    const viewer = this.getViewer();
-    const view = viewer.activeView;
-    if (view["beginInteractivity"]) {
-      view.beginInteractivity(INTERACTIVITY_FPS);
-      this.subject.update();
-    }
-    view.delete();
-  };
-
-  protected endInteractivity = () => {
-    const viewer = this.getViewer();
-    const view = viewer.activeView;
-    if (view["endInteractivity"]) {
-      view.endInteractivity();
-
-      const device = this.getViewer().getActiveDevice();
-      const canvas = this.m_module.canvas;
-      device.invalidate([0, 0, canvas.width, canvas.height]);
-      device.delete();
-      this.subject.update();
-    }
-    view.delete();
-  };
-
-  protected getActiveMarkupEntity(entityName: string): any {
-    return this.subject.addMarkupEntity(entityName);
-  }
-
-  private syncOverlayView(): any {
-    return this.subject.syncOverlay();
-  }
-
-  protected deleteAll(objects): void {
-    for (const obj of objects) {
-      obj?.delete?.();
-    }
-  }
-
-  public updatePreview(): void {}
-
-  private static _isGestureActive = false;
-
-  protected static set isGestureActive(value: boolean) {
-    if (OdBaseDragger._isGestureActive === value) {
-      return;
-    }
-
-    OdBaseDragger._isGestureActive = value;
-    if (OdBaseDragger._isGestureActive) {
-      OdBaseDragger.needSkipPointerUp = true;
-    }
-  }
-
-  protected static get isGestureActive() {
-    return OdBaseDragger._isGestureActive;
-  }
-
-  private static _needSkipPointerUp = false;
-
-  private static get needSkipPointerUp() {
-    if (OdBaseDragger._needSkipPointerUp) {
-      OdBaseDragger.needSkipPointerUp = false;
-      return true;
-    }
-
-    return false;
-  }
-
-  private static set needSkipPointerUp(value: boolean) {
-    OdBaseDragger._needSkipPointerUp = value;
-  }
-}

package/src/Viewer/Draggers/Common/OdaGeAction.ts

@@ -1,146 +0,0 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2002-2021, Open Design Alliance (the "Alliance").
-// All rights reserved.
-//
-// This software and its documentation and related materials are owned by
-// the Alliance. The software may only be incorporated into application
-// programs owned by members of the Alliance, subject to a signed
-// Membership Agreement and Supplemental Software License Agreement with the
-// Alliance. The structure and organization of this software are the valuable
-// trade secrets of the Alliance and its suppliers. The software is also
-// protected by copyright law and international treaty provisions. Application
-// programs incorporating this software must include the following statement
-// with their copyright notices:
-//
-//   This application incorporates Open Design Alliance software pursuant to a
-//   license agreement with Open Design Alliance.
-//   Open Design Alliance Copyright (C) 2002-2021 by Open Design Alliance.
-//   All rights reserved.
-//
-// By use of this software, its documentation or related materials, you
-// acknowledge and accept the above terms.
-///////////////////////////////////////////////////////////////////////////////
-import { Matrix3d, OdTvPlane, Point3d, Vector3d } from "./Geometry";
-
-export type ViewParams = {
-  position: number[];
-  target: number[];
-  upVector: number[];
-  viewFieldWidth: number;
-  viewFieldHeight: number;
-  perspective: boolean;
-};
-
-export class OdaGeAction {
-  protected m_module;
-
-  constructor(module: any) {
-    this.m_module = module;
-  }
-
-  protected getViewer(): any {
-    return this.m_module.getViewer();
-  }
-
-  protected getModel(): any {
-    return this.getViewer().getMarkupModel();
-  }
-
-  protected copyPoint(point: Point3d): Point3d {
-    const p: Point3d = new this.m_module.Point3d();
-    p.set(point.x, point.y, point.z);
-    return p;
-  }
-
-  protected createVector3d(): Vector3d {
-    return new this.m_module.Vector3d();
-  }
-
-  protected createPoint3d(): Point3d {
-    return new this.m_module.Point3d();
-  }
-
-  protected createMatrix3d(): Matrix3d {
-    return new this.m_module.Matrix3d();
-  }
-
-  protected createPlane(): OdTvPlane {
-    return new this.m_module.OdTvPlane();
-  }
-
-  protected toVector(geVector): Vector3d {
-    return this.m_module.Vector3d.createFromArray(geVector);
-  }
-
-  protected toGeVector(v: Vector3d): number[] {
-    return [v.x, v.y, v.z];
-  }
-
-  protected toGePoint(point: Point3d): number[] {
-    return [point.x, point.y, point.z];
-  }
-
-  protected toPoint(gePoint: number[]): Point3d {
-    return this.m_module.Point3d.createFromArray(gePoint);
-  }
-
-  protected screenToWorld(x: number, y: number): Point3d {
-    return this.toPoint(this.m_module.getViewer().screenToWorld(x, y));
-  }
-
-  protected toDoubleArray(points: Point3d[]): number[] {
-    const p: number[] = [];
-    for (let i = 0; i < points.length; i++) {
-      p.push(points[i].x);
-      p.push(points[i].y);
-      p.push(points[i].z);
-    }
-    return p;
-  }
-
-  protected correctCameraTarget(): void {
-    const params = this.getViewParams();
-    const ext = this.m_module.getViewer().getActiveExtents();
-    const { min, max } = ext;
-    const target = this.toPoint(params.target);
-
-    const contains =
-      target.x >= min.x &&
-      target.y >= min.y &&
-      target.z >= min.z &&
-      target.x <= max.x &&
-      target.y <= max.y &&
-      target.z <= max.z;
-    if (!contains) {
-      params.target = ext.center();
-      this.setViewParams(params);
-    }
-  }
-
-  protected setViewParams = (params: ViewParams) => {
-    const extView = this.m_module.getViewer().getActiveTvExtendedView();
-    extView.setView(
-      params.position,
-      params.target,
-      params.upVector,
-      params.viewFieldWidth,
-      params.viewFieldHeight,
-      params.perspective
-    );
-    extView.delete?.();
-  };
-
-  protected getViewParams = () => {
-    const view = this.m_module.getViewer().activeView;
-    const obj = {
-      position: view.viewPosition,
-      target: view.viewTarget,
-      upVector: view.upVector,
-      viewFieldWidth: view.viewFieldWidth,
-      viewFieldHeight: view.viewFieldHeight,
-      perspective: view.perspective,
-    } as ViewParams;
-    view.delete?.();
-    return obj;
-  };
-}

package/src/Viewer/Draggers/MeasureLineDragger/MeasureLineItem.ts

@@ -1,248 +0,0 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2002-2021, Open Design Alliance (the "Alliance").
-// All rights reserved.
-//
-// This software and its documentation and related materials are owned by
-// the Alliance. The software may only be incorporated into application
-// programs owned by members of the Alliance, subject to a signed
-// Membership Agreement and Supplemental Software License Agreement with the
-// Alliance. The structure and organization of this software are the valuable
-// trade secrets of the Alliance and its suppliers. The software is also
-// protected by copyright law and international treaty provisions. Application
-// programs incorporating this software must include the following statement
-// with their copyright notices:
-//
-//   This application incorporates Open Design Alliance software pursuant to a
-//   license agreement with Open Design Alliance.
-//   Open Design Alliance Copyright (C) 2002-2021 by Open Design Alliance.
-//   All rights reserved.
-//
-// By use of this software, its documentation or related materials, you
-// acknowledge and accept the above terms.
-///////////////////////////////////////////////////////////////////////////////
-import * as utils from "./MeasureUtils";
-
-export class MeasureLineItem {
-  protected htmlElemStartPoint: HTMLElement;
-  protected htmlElemEndPoint: HTMLElement;
-  protected htmlElemLine: HTMLElement;
-  protected htmlElemTitle: HTMLElement;
-  protected startPoint: number[];
-  protected endPoint: number[];
-  protected unit: string;
-  protected scale: number;
-  protected size: number;
-  protected style: CSSStyleDeclaration;
-  protected viewer: any;
-  protected moduleInstance: any;
-  protected targetElement: HTMLElement;
-  protected isFinishDraw: boolean;
-
-  public lineThickness: number;
-
-  constructor(targetElement: HTMLElement, viewer: any, moduleInstance: any) {
-    this.htmlElemStartPoint = null;
-    this.htmlElemEndPoint = null;
-    this.htmlElemLine = null;
-    this.htmlElemTitle = null;
-
-    this.startPoint = null;
-    this.endPoint = null;
-
-    this.unit = "";
-    this.scale = 1.0;
-    this.size = 10.0;
-    this.lineThickness = 2;
-
-    this.style = {
-      border: "2px solid #FFFFFF",
-      background: "#009bff",
-      color: "white",
-      boxShadow: "0 0 10px rgba(0,0,0,0.5)",
-    } as CSSStyleDeclaration;
-
-    this.htmlElemStartPoint = utils.createHtmlElementIfNeed(this.htmlElemStartPoint, targetElement, "ruler-start");
-    this.htmlElemEndPoint = utils.createHtmlElementIfNeed(this.htmlElemEndPoint, targetElement, "ruler-end");
-    this.htmlElemLine = utils.createHtmlElementIfNeed(this.htmlElemLine, targetElement, "ruler-line");
-    this.htmlElemTitle = utils.createHtmlElementIfNeed(this.htmlElemTitle, targetElement, "ruler-value");
-
-    this.viewer = viewer;
-    this.moduleInstance = moduleInstance;
-    this.targetElement = targetElement;
-    this.isFinishDraw = false;
-  }
-
-  drawMeasureLine(): void {
-    const pointSize = this.size;
-    const rect = this.moduleInstance.canvas.getBoundingClientRect();
-
-    // draw start point
-    if (this.startPoint) {
-      this.htmlElemStartPoint = utils.createHtmlElementIfNeed(
-        this.htmlElemStartPoint,
-        this.targetElement,
-        "ruler-start"
-      );
-
-      const pScreenStart = utils.worldToScreen(this.startPoint, this.moduleInstance, this.viewer);
-      if (utils.isInsideRect(pScreenStart, rect.width, rect.height)) {
-        this.htmlElemStartPoint.style.display = "block";
-        this.htmlElemStartPoint.style.cursor = "pointer";
-        this.htmlElemStartPoint.style.position = "absolute";
-        this.htmlElemStartPoint.style.top = `${pScreenStart.y - pointSize / 2}px`;
-        this.htmlElemStartPoint.style.left = `${pScreenStart.x - pointSize / 2}px`;
-        this.htmlElemStartPoint.style.borderRadius = `${pointSize}px`;
-        this.htmlElemStartPoint.style.border = this.style.border;
-        this.htmlElemStartPoint.style.background = this.style.background;
-        this.htmlElemStartPoint.style.zIndex = "2";
-        this.htmlElemStartPoint.style.width = `${pointSize}px`;
-        this.htmlElemStartPoint.style.height = `${pointSize}px`;
-        this.htmlElemStartPoint.style.boxShadow = this.style.boxShadow;
-      } else {
-        this.htmlElemStartPoint.style.display = "none";
-      }
-    }
-
-    // draw end point
-    if (this.endPoint && this.isFinishDraw) {
-      this.htmlElemEndPoint = utils.createHtmlElementIfNeed(this.htmlElemEndPoint, this.targetElement, "ruler-end");
-
-      const pScreenEnd = utils.worldToScreen(this.endPoint, this.moduleInstance, this.viewer);
-
-      if (utils.isInsideRect(pScreenEnd, rect.width, rect.height)) {
-        this.htmlElemEndPoint.style.display = "block";
-        this.htmlElemEndPoint.style.cursor = "pointer";
-        this.htmlElemEndPoint.style.position = "absolute";
-        this.htmlElemEndPoint.style.top = `${pScreenEnd.y - pointSize / 2}px`;
-        this.htmlElemEndPoint.style.left = `${pScreenEnd.x - pointSize / 2}px`;
-        this.htmlElemEndPoint.style.borderRadius = `${pointSize}px`;
-        this.htmlElemEndPoint.style.border = this.style.border;
-        this.htmlElemEndPoint.style.background = this.style.background;
-        this.htmlElemEndPoint.style.zIndex = "2";
-        this.htmlElemEndPoint.style.width = `${pointSize}px`;
-        this.htmlElemEndPoint.style.height = `${pointSize}px`;
-        this.htmlElemEndPoint.style.boxShadow = this.style.boxShadow;
-      } else {
-        this.htmlElemEndPoint.style.display = "none";
-      }
-    }
-
-    if (this.endPoint && this.startPoint) {
-      const point1 = utils.worldToScreen(this.startPoint, this.moduleInstance, this.viewer);
-      const point2 = utils.worldToScreen(this.endPoint, this.moduleInstance, this.viewer);
-
-      const { p1, p2, angle, width } = utils.getDataForDrawLineWithFixed(point1, point2, rect.width, rect.height);
-
-      const dx = p2.x - p1.x;
-      const dy = p2.y - p1.y;
-
-      const height = this.lineThickness;
-      if (utils.isInsideRect(p1, rect.width, rect.height) && utils.isInsideRect(p2, rect.width, rect.height)) {
-        this.htmlElemLine = utils.createHtmlElementIfNeed(this.htmlElemLine, this.targetElement, "ruler-line");
-        this.htmlElemLine.style.display = "block";
-        this.htmlElemLine.style.cursor = "pointer";
-        this.htmlElemLine.style.position = "absolute";
-        this.htmlElemLine.style.top = `${p1.y}px`;
-        this.htmlElemLine.style.left = `${p1.x}px`;
-        this.htmlElemLine.style.width = `${width}px`;
-        this.htmlElemLine.style.transform = `rotate(${angle}deg)`;
-        this.htmlElemLine.style.transformOrigin = `0px ${height / 2}px`;
-        this.htmlElemLine.style.boxShadow = this.style.boxShadow;
-        this.htmlElemLine.style.border = "none";
-        this.htmlElemLine.style.background = this.style.background;
-        this.htmlElemLine.style.zIndex = "1";
-        this.htmlElemLine.style.height = `${height}px`;
-
-        const distance = `${this.getDistance()} ${this.unit}`;
-
-        const pX = p1.x + dx / 2;
-        const pY = p1.y + dy / 2;
-
-        const widthTitle = distance.length * 10;
-
-        this.htmlElemTitle = utils.createHtmlElementIfNeed(this.htmlElemTitle, this.targetElement, "ruler-value");
-        this.htmlElemTitle.style.display = "block";
-        this.htmlElemTitle.style.cursor = "pointer";
-        this.htmlElemTitle.style.font = "10px";
-        this.htmlElemTitle.style.color = "white";
-        this.htmlElemTitle.style.position = "Absolute";
-        this.htmlElemTitle.style.top = `${pY}px`;
-        this.htmlElemTitle.style.left = `${pX - widthTitle / 2}px`;
-        this.htmlElemTitle.style.width = `${widthTitle}px`;
-        this.htmlElemTitle.style.transformOrigin = "0px 0px";
-        this.htmlElemTitle.style.borderRadius = "5px";
-        this.htmlElemTitle.style.boxShadow = this.style.boxShadow;
-        this.htmlElemTitle.style.border = "none";
-        this.htmlElemTitle.style.background = this.style.background;
-        this.htmlElemTitle.style.zIndex = "3";
-        this.htmlElemTitle.style.padding = "2px";
-        this.htmlElemTitle.style.textAlign = "center";
-        this.htmlElemTitle.innerHTML = `${distance}`;
-      } else {
-        this.htmlElemLine.style.display = "none";
-        this.htmlElemTitle.style.display = "none";
-      }
-    }
-  }
-
-  getDistance(): number {
-    return utils.getDistance(this.startPoint, this.endPoint, this.moduleInstance) / this.scale;
-  }
-
-  setStartPoint(gePoint: number[]): void {
-    this.startPoint = gePoint;
-    this.drawMeasureLine();
-  }
-
-  setEndPoint(gePoint: number[], isFinish: boolean): void {
-    this.isFinishDraw = isFinish === undefined ? true : isFinish;
-    this.endPoint = gePoint;
-    this.drawMeasureLine();
-  }
-
-  update(): void {
-    this.drawMeasureLine();
-  }
-
-  setSize(size: number): void {
-    this.size = size;
-    this.drawMeasureLine();
-  }
-
-  clear(): void {
-    this.endPoint = null;
-    this.startPoint = null;
-    this.htmlElemStartPoint = utils.destroyHtmlElement(this.htmlElemStartPoint, this.targetElement);
-    this.htmlElemEndPoint = utils.destroyHtmlElement(this.htmlElemEndPoint, this.targetElement);
-    this.htmlElemLine = utils.destroyHtmlElement(this.htmlElemLine, this.targetElement);
-    this.htmlElemTitle = utils.destroyHtmlElement(this.htmlElemTitle, this.targetElement);
-  }
-
-  setUnit(unit: string): void {
-    this.unit = unit;
-    this.drawMeasureLine();
-  }
-
-  setConversionFactor(scale: number): void {
-    this.scale = scale;
-    this.drawMeasureLine();
-  }
-
-  setStyle(style: CSSStyleDeclaration): void {
-    this.style = style;
-    this.drawMeasureLine();
-  }
-
-  setSelectionReactor(reactor: any): void {
-    utils.onSetCallback(this.htmlElemStartPoint, reactor ? reactor.onStartPoint : null);
-    utils.onSetCallback(this.htmlElemEndPoint, reactor ? reactor.onEndPoint : null);
-    utils.onSetCallback(this.htmlElemTitle, reactor ? reactor.onTitle : null);
-  }
-
-  setSelectability(enable: boolean): void {
-    utils.onSetSelectivity(this.htmlElemStartPoint, enable);
-    utils.onSetSelectivity(this.htmlElemEndPoint, enable);
-    utils.onSetSelectivity(this.htmlElemLine, enable);
-    utils.onSetSelectivity(this.htmlElemTitle, enable);
-  }
-}