@esri/solutions-components 0.7.16 → 0.7.17

package/dist/cjs/map-select-tools_3.cjs.entry.js

@@ -7,19 +7,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const loadModules = require('./loadModules-4c86a3ad.js');
-const mapViewUtils = require('./mapViewUtils-3eb6e609.js');
+const index = require('./index-b8a649fc.js');
+const loadModules = require('./loadModules-46d14e81.js');
+const mapViewUtils = require('./mapViewUtils-569e9644.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
-const publicNotificationStore = require('./publicNotificationStore-20c11ad3.js');
-const locale = require('./locale-b38efacf.js');
-const downloadUtils = require('./downloadUtils-aedb5bf6.js');
-require('./esri-loader-f9cc896e.js');
+const publicNotificationStore = require('./publicNotificationStore-3a17c2f4.js');
+const locale = require('./locale-9db09b63.js');
+const downloadUtils = require('./downloadUtils-8f50633d.js');
+require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
-require('./index-1dd06c65.js');
-require('./solution-resource-93d2edb1.js');
-require('./index-2c4c660f.js');
-require('./restHelpersGet-20db55a9.js');
+require('./index-22bb61da.js');
+require('./solution-resource-abec7452.js');
+require('./index-f64944ad.js');
+require('./restHelpersGet-e0737480.js');
 
 const mapSelectToolsCss = ":host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100% !important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:\"1rem\" !important}.end-border{border-inline-end:1px solid var(--calcite-color-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:0.5rem}.icon{--calcite-color-icon-color:var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}";
 
@@ -179,7 +179,8 @@ const MapSelectTools = class {
     async componentDidLoad() {
         await this._init();
         await this._searchWidget.when(() => {
-            this._searchWidget.allPlaceholder = this.searchConfiguration?.allPlaceholder &&
+            var _a;
+            this._searchWidget.allPlaceholder = ((_a = this.searchConfiguration) === null || _a === void 0 ? void 0 : _a.allPlaceholder) &&
                 this.searchConfiguration.allPlaceholder.toLowerCase() !== "find address or place" ?
                 this.searchConfiguration.allPlaceholder : this._translations.placeholder;
         });
@@ -194,9 +195,10 @@ const MapSelectTools = class {
      * Renders the buffer tools component.
      */
     _getBufferOptions() {
+        var _a, _b;
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
-        const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
+        const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
+        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
@@ -276,8 +278,9 @@ const MapSelectTools = class {
      * @protected
      */
     async _initSelectionSet() {
+        var _a, _b, _c, _d;
         if (this.selectionSet) {
-            this._searchTerm = this.selectionSet.searchResult?.name;
+            this._searchTerm = (_a = this.selectionSet.searchResult) === null || _a === void 0 ? void 0 : _a.name;
             this._searchResult = this.selectionSet.searchResult;
             this._selectLayers = this.selectionSet.selectLayers;
             this._selectedIds = this.selectionSet.selectedIds;
@@ -290,7 +293,7 @@ const MapSelectTools = class {
             this.selectLayerView = this.selectionSet.layerView;
             this._sketchGraphic = this.selectionSet.sketchGraphic;
             this.geometries = [
-                ...this.selectionSet?.geometries || []
+                ...((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.geometries) || []
             ];
             // restore graphics from geometries to avoid issues with temp modifications to graphics that were aborted
             this._graphics = this.geometries.map(geometry => {
@@ -301,9 +304,9 @@ const MapSelectTools = class {
                     symbol
                 });
             });
-            this._selectionLabel = this.selectionSet?.label;
+            this._selectionLabel = (_c = this.selectionSet) === null || _c === void 0 ? void 0 : _c.label;
             if (!this._useLayerFeaturesEnabled) {
-                this._drawTools?.updateGraphics();
+                (_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics();
             }
             await mapViewUtils.goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
         }
@@ -316,12 +319,7 @@ const MapSelectTools = class {
     _initSearchWidget() {
         if (this.mapView && this._searchElement) {
             const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
-            const searchOptions = {
-                view: this.mapView,
-                container: this._searchElement,
-                searchTerm: this._searchTerm,
-                ...searchConfiguration
-            };
+            const searchOptions = Object.assign({ view: this.mapView, container: this._searchElement, searchTerm: this._searchTerm }, searchConfiguration);
             this._searchWidget = new this.Search(searchOptions);
             this._searchWidget.popupEnabled = false;
             this._searchWidget.resultGraphicEnabled = false;
@@ -330,9 +328,10 @@ const MapSelectTools = class {
                 void this._clearResults(false, clearLabel);
             });
             this._searchWidget.on("select-result", (searchResults) => {
+                var _a, _b;
                 if (searchResults.result) {
                     this._searchResult = searchResults.result;
-                    const useOIDs = searchResults.source?.layer?.id && searchResults.source.layer.id === this.selectLayerView.layer.id;
+                    const useOIDs = ((_b = (_a = searchResults.source) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id) && searchResults.source.layer.id === this.selectLayerView.layer.id;
                     const oids = useOIDs ? [searchResults.result.feature.getObjectId()] : undefined;
                     this._workflowType = interfaces.EWorkflowType.SEARCH;
                     void this._updateLabel();
@@ -355,7 +354,8 @@ const MapSelectTools = class {
      * @protected
      */
     _searchClearLabel() {
-        return this._searchResult?.name && this._labelName.value.indexOf(this._searchResult.name) > -1;
+        var _a;
+        return ((_a = this._searchResult) === null || _a === void 0 ? void 0 : _a.name) && this._labelName.value.indexOf(this._searchResult.name) > -1;
     }
     /**
      * Initialize the search widget based on user defined configuration
@@ -367,16 +367,17 @@ const MapSelectTools = class {
      */
     _getSearchConfig(searchConfiguration, view) {
         const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
-        const sources = searchConfiguration?.sources;
-        if (sources?.length > 0) {
+        const sources = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources;
+        if ((sources === null || sources === void 0 ? void 0 : sources.length) > 0) {
             searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
             sources.forEach((source) => {
+                var _a, _b;
                 const isLayerSource = source.hasOwnProperty("layer");
                 if (isLayerSource) {
                     const layerSource = source;
-                    const layerId = layerSource.layer?.id;
+                    const layerId = (_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id;
                     const layerFromMap = layerId ? view.map.findLayerById(layerId) : null;
-                    const layerUrl = layerSource?.layer?.url;
+                    const layerUrl = (_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url;
                     if (layerFromMap) {
                         layerSource.layer = layerFromMap;
                     }
@@ -385,11 +386,11 @@ const MapSelectTools = class {
                     }
                 }
             });
-            sources?.forEach((source) => {
+            sources === null || sources === void 0 ? void 0 : sources.forEach((source) => {
                 const isLocatorSource = source.hasOwnProperty("locator");
                 if (isLocatorSource) {
                     const locatorSource = source;
-                    if (locatorSource?.name === "ArcGIS World Geocoding Service") {
+                    if ((locatorSource === null || locatorSource === void 0 ? void 0 : locatorSource.name) === "ArcGIS World Geocoding Service") {
                         const outFields = locatorSource.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
                         locatorSource.outFields = outFields;
                         locatorSource.singleLineFieldName = "SingleLine";
@@ -400,10 +401,7 @@ const MapSelectTools = class {
             });
         }
         else {
-            searchConfiguration = {
-                ...searchConfiguration,
-                includeDefaultSources: true
-            };
+            searchConfiguration = Object.assign(Object.assign({}, searchConfiguration), { includeDefaultSources: true });
         }
         return searchConfiguration;
     }
@@ -457,7 +455,8 @@ const MapSelectTools = class {
             }
             else {
                 const oids = graphics.reduce((prev, cur) => {
-                    if (cur?.layer?.objectIdField) {
+                    var _a;
+                    if ((_a = cur === null || cur === void 0 ? void 0 : cur.layer) === null || _a === void 0 ? void 0 : _a.objectIdField) {
                         prev.push(cur.attributes[cur.layer.objectIdField]);
                     }
                     else if (cur.getObjectId) {
@@ -482,7 +481,8 @@ const MapSelectTools = class {
      * @protected
      */
     async _highlightWithOIDsOrGeoms() {
-        if (this._skipGeomOIDs?.length > 0) {
+        var _a;
+        if (((_a = this._skipGeomOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             this._selectedIds = this._skipGeomOIDs;
             return this._highlightFeatures(this._selectedIds);
         }
@@ -589,6 +589,7 @@ const MapSelectTools = class {
      * @protected
      */
     async _clearResults(clearSearchWidget = true, clearLabel = false) {
+        var _a;
         this._selectedIds = [];
         this._distance = undefined;
         this._unit = undefined;
@@ -604,7 +605,7 @@ const MapSelectTools = class {
         }
         publicNotificationStore.state.removeHandles();
         // checking for clear as it would throw off tests
-        if (this._drawTools?.clear) {
+        if ((_a = this._drawTools) === null || _a === void 0 ? void 0 : _a.clear) {
             this._graphics = [];
             await this._drawTools.clear();
         }
@@ -643,10 +644,11 @@ const MapSelectTools = class {
      * @protected
      */
     async _updateLabel() {
+        var _a, _b;
         const hasSketch = this._selectionLabel.indexOf(this._translations.sketch) > -1;
         const hasSelect = this._selectionLabel.indexOf(this._translations.select) > -1;
-        const hasSearch = this._selectionLabel.indexOf(this._searchResult?.name) > -1;
-        const label = this._workflowType === interfaces.EWorkflowType.SEARCH ? this._searchResult?.name :
+        const hasSearch = this._selectionLabel.indexOf((_a = this._searchResult) === null || _a === void 0 ? void 0 : _a.name) > -1;
+        const label = this._workflowType === interfaces.EWorkflowType.SEARCH ? (_b = this._searchResult) === null || _b === void 0 ? void 0 : _b.name :
             this._workflowType === interfaces.EWorkflowType.SELECT ?
                 this._translations.select : this._translations.sketch;
         const _unit = !this._unit ? this._bufferTools.unit : this._unit;
@@ -691,7 +693,8 @@ const MapSelectTools = class {
      * @protected
      */
     async _inputLayerSelectionChange(evt) {
-        const id = evt?.detail?.length > 0 ? evt.detail[0] : "";
+        var _a;
+        const id = ((_a = evt === null || evt === void 0 ? void 0 : evt.detail) === null || _a === void 0 ? void 0 : _a.length) > 0 ? evt.detail[0] : "";
         if (!this.selectLayerView || id !== this.selectLayerView.layer.id) {
             this.selectLayerView = await mapViewUtils.getFeatureLayerView(this.mapView, id);
             await this._updateLabel();
@@ -733,12 +736,13 @@ const MapSelectTools = class {
             });
             let hasOID = false;
             graphics.forEach((g) => {
+                var _a;
                 const geom = g.geometry;
                 g.symbol = geom.type === "point" ?
                     this.sketchPointSymbol : geom.type === "polyline" ?
                     this.sketchLineSymbol : geom.type === "polygon" ?
                     this.sketchPolygonSymbol : undefined;
-                hasOID = g?.layer?.hasOwnProperty("objectIdField") || g.hasOwnProperty("getObjectId");
+                hasOID = ((_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.hasOwnProperty("objectIdField")) || g.hasOwnProperty("getObjectId");
             });
             // OIDs are used when the addressee layer and the current "use layer features" layer are the same
             const useOIDs = (this.layerViews[0].layer.title === this.selectLayerView.layer.title) && hasOID;
@@ -1023,7 +1027,8 @@ const PdfDownload = class {
      * @returns Promise resolving when function is done
      */
     async downloadPDF(webmap, exportInfos, removeDuplicates = false, title = "", initialImageDataUrl = "") {
-        return downloadUtils.downloadPDF(webmap, exportInfos, this._labelInfoElement.selectedOption?.value, removeDuplicates, title, initialImageDataUrl);
+        var _c;
+        return downloadUtils.downloadPDF(webmap, exportInfos, (_c = this._labelInfoElement.selectedOption) === null || _c === void 0 ? void 0 : _c.value, removeDuplicates, title, initialImageDataUrl);
     }
     //--------------------------------------------------------------------------
     //
@@ -1177,8 +1182,9 @@ const RefineSelection = class {
      * Renders the component.
      */
     render() {
+        var _a, _b;
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (index.h(index.Host, null, index.h("div", { class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { class: "display-flex" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, index.h("div", { class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), index.h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { class: "padding-1" }, index.h("div", { class: "padding-bottom-1" }, index.h("calcite-segmented-control", { class: "w-100" }, index.h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { class: "font-weight-500" }, this._translations.remove)))), index.h("div", null, index.h("map-draw-tools", { active: true, drawMode: interfaces.EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (index.h(index.Host, null, index.h("div", { class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { class: "display-flex" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, index.h("div", { class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), index.h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { class: "padding-1" }, index.h("div", { class: "padding-bottom-1" }, index.h("calcite-segmented-control", { class: "w-100" }, index.h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { class: "font-weight-500" }, this._translations.remove)))), index.h("div", null, index.h("map-draw-tools", { active: true, drawMode: interfaces.EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1215,7 +1221,8 @@ const RefineSelection = class {
      * @protected
      */
     _sketchGraphicsChanged(evt) {
-        const geom = evt.detail?.graphics[0].geometry;
+        var _a;
+        const geom = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.graphics[0].geometry;
         void this._selectFeatures(geom);
     }
     /**
@@ -1225,7 +1232,8 @@ const RefineSelection = class {
      */
     _getEnabledLayerIds() {
         return this.selectionSets.reduce((prev, cur) => {
-            const id = cur?.layerView?.layer.id;
+            var _a;
+            const id = (_a = cur === null || cur === void 0 ? void 0 : cur.layerView) === null || _a === void 0 ? void 0 : _a.layer.id;
             if (id && prev.indexOf(id) < 0) {
                 prev.push(id);
             }
@@ -1273,7 +1281,7 @@ const RefineSelection = class {
             layerView: await mapViewUtils.getFeatureLayerView(this.mapView, id)
         };
         if (selectionSet) {
-            selectionSet.refineInfos = { ...selectionSet.refineInfos, ...refineInfo };
+            selectionSet.refineInfos = Object.assign(Object.assign({}, selectionSet.refineInfos), refineInfo);
         }
         else {
             this._refineSelectionSet = {
@@ -1378,17 +1386,19 @@ const RefineSelection = class {
      * @protected
      */
     async _selectFeatures(geom) {
+        var _a, _b;
         this.selectionLoadingChange.emit(true);
-        this._featuresCollection[this._refineLayer?.layer.id] = [];
-        const response = await mapViewUtils.queryFeaturesByGeometry(0, this._refineLayer?.layer, geom, this._featuresCollection);
+        this._featuresCollection[(_a = this._refineLayer) === null || _a === void 0 ? void 0 : _a.layer.id] = [];
+        const response = await mapViewUtils.queryFeaturesByGeometry(0, (_b = this._refineLayer) === null || _b === void 0 ? void 0 : _b.layer, geom, this._featuresCollection);
         this.selectionLoadingChange.emit(false);
         let graphics = [];
         Object.keys(response).forEach(k => {
-            if (k === this._refineLayer?.layer.id) {
+            var _a;
+            if (k === ((_a = this._refineLayer) === null || _a === void 0 ? void 0 : _a.layer.id)) {
                 graphics = graphics.concat(response[k]);
             }
         });
-        const oids = Array.isArray(graphics) ? graphics.map(g => g.attributes[g?.layer?.objectIdField]) : [];
+        const oids = Array.isArray(graphics) ? graphics.map(g => { var _a; return g.attributes[(_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.objectIdField]; }) : [];
         await this._updateIds(oids, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer);
         this._drawTools.clear();
     }