@esri/solutions-components 0.8.29 → 0.8.30
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/basemap-gallery_7.cjs.entry.js +65 -40
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/floor-filter/floor-filter.js +66 -39
- package/dist/components/floor-filter2.js +67 -41
- package/dist/esm/basemap-gallery_7.entry.js +65 -40
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-a0616647.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/floor-filter/floor-filter.d.ts +23 -1
- package/package.json +1 -1
- package/dist/solutions-components/p-327577d1.entry.js +0 -6
|
@@ -31,23 +31,22 @@ export class FloorFilter {
|
|
|
31
31
|
// Watch handlers
|
|
32
32
|
//
|
|
33
33
|
//--------------------------------------------------------------------------
|
|
34
|
+
/**
|
|
35
|
+
* Watch for changes to the mapView and re-init the floor filter
|
|
36
|
+
*/
|
|
34
37
|
async mapViewWatchHandler() {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
console.log("this._floorFilterElement created");
|
|
48
|
-
}
|
|
49
|
-
this._initFloorFilter(this.mapView, webMap);
|
|
50
|
-
});
|
|
38
|
+
await this._initFloorFilter(this.mapView);
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Watch for changes to the enabled property and re-init or destroy the floor filter
|
|
42
|
+
*/
|
|
43
|
+
async enabledWatchHandler() {
|
|
44
|
+
if (this.enabled) {
|
|
45
|
+
await this._initFloorFilter(this.mapView);
|
|
46
|
+
}
|
|
47
|
+
else if (!this.enabled) {
|
|
48
|
+
this._destroyWidget();
|
|
49
|
+
}
|
|
51
50
|
}
|
|
52
51
|
//--------------------------------------------------------------------------
|
|
53
52
|
//
|
|
@@ -60,8 +59,11 @@ export class FloorFilter {
|
|
|
60
59
|
async componentWillLoad() {
|
|
61
60
|
return this._initModules();
|
|
62
61
|
}
|
|
62
|
+
/**
|
|
63
|
+
* Renders the component.
|
|
64
|
+
*/
|
|
63
65
|
render() {
|
|
64
|
-
return (h(Host, { key: '
|
|
66
|
+
return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
|
|
65
67
|
}
|
|
66
68
|
//--------------------------------------------------------------------------
|
|
67
69
|
//
|
|
@@ -83,32 +85,54 @@ export class FloorFilter {
|
|
|
83
85
|
this.FloorFilter = FloorFilter;
|
|
84
86
|
this.reactiveUtils = reactiveUtils;
|
|
85
87
|
}
|
|
88
|
+
/**
|
|
89
|
+
* Destroy the widget and remove the containing element if it exists
|
|
90
|
+
*
|
|
91
|
+
* @protected
|
|
92
|
+
*/
|
|
93
|
+
_destroyWidget() {
|
|
94
|
+
if (this.floorFilterWidget) {
|
|
95
|
+
this.floorFilterWidget.destroy();
|
|
96
|
+
this.floorFilterWidget = undefined;
|
|
97
|
+
}
|
|
98
|
+
if (this._floorFilterElement) {
|
|
99
|
+
this._floorFilterElement.remove();
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
/**
|
|
103
|
+
* Destroy the widget and remove the containing element then re-create the container element
|
|
104
|
+
*
|
|
105
|
+
* @protected
|
|
106
|
+
*/
|
|
107
|
+
_initContainer() {
|
|
108
|
+
this._destroyWidget();
|
|
109
|
+
this._floorFilterElement = document.createElement("div");
|
|
110
|
+
}
|
|
86
111
|
/**
|
|
87
112
|
* Initialize the floor filter or reset the current view if it already exists
|
|
88
113
|
*/
|
|
89
|
-
_initFloorFilter(view
|
|
90
|
-
|
|
91
|
-
console.log("_initFloorFilter");
|
|
92
|
-
console.log(`view: ${view}`);
|
|
93
|
-
console.log(`this.enabled: ${this.enabled}`);
|
|
94
|
-
console.log(`this.FloorFilter: ${this.FloorFilter}`);
|
|
95
|
-
console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
|
|
114
|
+
async _initFloorFilter(view) {
|
|
115
|
+
const webMap = view === null || view === void 0 ? void 0 : view.map;
|
|
96
116
|
if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
|
|
97
|
-
this.
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
117
|
+
this._initContainer();
|
|
118
|
+
await webMap.when(() => {
|
|
119
|
+
var _a, _b, _c;
|
|
120
|
+
this.floorFilterWidget = new this.FloorFilter({
|
|
121
|
+
container: this._floorFilterElement,
|
|
122
|
+
view
|
|
123
|
+
});
|
|
124
|
+
(_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
|
|
125
|
+
this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
|
|
126
|
+
this.facilityChanged.emit(facility);
|
|
127
|
+
});
|
|
128
|
+
(_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
|
|
129
|
+
this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
|
|
130
|
+
this.levelChanged.emit(level);
|
|
131
|
+
});
|
|
132
|
+
(_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
|
|
133
|
+
this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
|
|
134
|
+
this.siteChanged.emit(site);
|
|
135
|
+
});
|
|
112
136
|
});
|
|
113
137
|
}
|
|
114
138
|
}
|
|
@@ -238,6 +262,9 @@ export class FloorFilter {
|
|
|
238
262
|
return [{
|
|
239
263
|
"propName": "mapView",
|
|
240
264
|
"methodName": "mapViewWatchHandler"
|
|
265
|
+
}, {
|
|
266
|
+
"propName": "enabled",
|
|
267
|
+
"methodName": "enabledWatchHandler"
|
|
241
268
|
}];
|
|
242
269
|
}
|
|
243
270
|
}
|
|
@@ -26,23 +26,22 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
|
|
|
26
26
|
// Watch handlers
|
|
27
27
|
//
|
|
28
28
|
//--------------------------------------------------------------------------
|
|
29
|
+
/**
|
|
30
|
+
* Watch for changes to the mapView and re-init the floor filter
|
|
31
|
+
*/
|
|
29
32
|
async mapViewWatchHandler() {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
console.log("this._floorFilterElement created");
|
|
43
|
-
}
|
|
44
|
-
this._initFloorFilter(this.mapView, webMap);
|
|
45
|
-
});
|
|
33
|
+
await this._initFloorFilter(this.mapView);
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Watch for changes to the enabled property and re-init or destroy the floor filter
|
|
37
|
+
*/
|
|
38
|
+
async enabledWatchHandler() {
|
|
39
|
+
if (this.enabled) {
|
|
40
|
+
await this._initFloorFilter(this.mapView);
|
|
41
|
+
}
|
|
42
|
+
else if (!this.enabled) {
|
|
43
|
+
this._destroyWidget();
|
|
44
|
+
}
|
|
46
45
|
}
|
|
47
46
|
//--------------------------------------------------------------------------
|
|
48
47
|
//
|
|
@@ -55,8 +54,11 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
|
|
|
55
54
|
async componentWillLoad() {
|
|
56
55
|
return this._initModules();
|
|
57
56
|
}
|
|
57
|
+
/**
|
|
58
|
+
* Renders the component.
|
|
59
|
+
*/
|
|
58
60
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
|
|
60
62
|
}
|
|
61
63
|
//--------------------------------------------------------------------------
|
|
62
64
|
//
|
|
@@ -78,38 +80,61 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
|
|
|
78
80
|
this.FloorFilter = FloorFilter;
|
|
79
81
|
this.reactiveUtils = reactiveUtils;
|
|
80
82
|
}
|
|
83
|
+
/**
|
|
84
|
+
* Destroy the widget and remove the containing element if it exists
|
|
85
|
+
*
|
|
86
|
+
* @protected
|
|
87
|
+
*/
|
|
88
|
+
_destroyWidget() {
|
|
89
|
+
if (this.floorFilterWidget) {
|
|
90
|
+
this.floorFilterWidget.destroy();
|
|
91
|
+
this.floorFilterWidget = undefined;
|
|
92
|
+
}
|
|
93
|
+
if (this._floorFilterElement) {
|
|
94
|
+
this._floorFilterElement.remove();
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* Destroy the widget and remove the containing element then re-create the container element
|
|
99
|
+
*
|
|
100
|
+
* @protected
|
|
101
|
+
*/
|
|
102
|
+
_initContainer() {
|
|
103
|
+
this._destroyWidget();
|
|
104
|
+
this._floorFilterElement = document.createElement("div");
|
|
105
|
+
}
|
|
81
106
|
/**
|
|
82
107
|
* Initialize the floor filter or reset the current view if it already exists
|
|
83
108
|
*/
|
|
84
|
-
_initFloorFilter(view
|
|
85
|
-
|
|
86
|
-
console.log("_initFloorFilter");
|
|
87
|
-
console.log(`view: ${view}`);
|
|
88
|
-
console.log(`this.enabled: ${this.enabled}`);
|
|
89
|
-
console.log(`this.FloorFilter: ${this.FloorFilter}`);
|
|
90
|
-
console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
|
|
109
|
+
async _initFloorFilter(view) {
|
|
110
|
+
const webMap = view === null || view === void 0 ? void 0 : view.map;
|
|
91
111
|
if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
|
|
92
|
-
this.
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
112
|
+
this._initContainer();
|
|
113
|
+
await webMap.when(() => {
|
|
114
|
+
var _a, _b, _c;
|
|
115
|
+
this.floorFilterWidget = new this.FloorFilter({
|
|
116
|
+
container: this._floorFilterElement,
|
|
117
|
+
view
|
|
118
|
+
});
|
|
119
|
+
(_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
|
|
120
|
+
this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
|
|
121
|
+
this.facilityChanged.emit(facility);
|
|
122
|
+
});
|
|
123
|
+
(_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
|
|
124
|
+
this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
|
|
125
|
+
this.levelChanged.emit(level);
|
|
126
|
+
});
|
|
127
|
+
(_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
|
|
128
|
+
this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
|
|
129
|
+
this.siteChanged.emit(site);
|
|
130
|
+
});
|
|
107
131
|
});
|
|
108
132
|
}
|
|
109
133
|
}
|
|
110
134
|
get el() { return this; }
|
|
111
135
|
static get watchers() { return {
|
|
112
|
-
"mapView": ["mapViewWatchHandler"]
|
|
136
|
+
"mapView": ["mapViewWatchHandler"],
|
|
137
|
+
"enabled": ["enabledWatchHandler"]
|
|
113
138
|
}; }
|
|
114
139
|
static get style() { return FloorFilterStyle0; }
|
|
115
140
|
}, [1, "floor-filter", {
|
|
@@ -117,7 +142,8 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
|
|
|
117
142
|
"floorFilterWidget": [16],
|
|
118
143
|
"mapView": [16]
|
|
119
144
|
}, undefined, {
|
|
120
|
-
"mapView": ["mapViewWatchHandler"]
|
|
145
|
+
"mapView": ["mapViewWatchHandler"],
|
|
146
|
+
"enabled": ["enabledWatchHandler"]
|
|
121
147
|
}]);
|
|
122
148
|
function defineCustomElement() {
|
|
123
149
|
if (typeof customElements === "undefined") {
|
|
@@ -132,23 +132,22 @@ const FloorFilter = class {
|
|
|
132
132
|
// Watch handlers
|
|
133
133
|
//
|
|
134
134
|
//--------------------------------------------------------------------------
|
|
135
|
+
/**
|
|
136
|
+
* Watch for changes to the mapView and re-init the floor filter
|
|
137
|
+
*/
|
|
135
138
|
async mapViewWatchHandler() {
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
console.log("this._floorFilterElement created");
|
|
149
|
-
}
|
|
150
|
-
this._initFloorFilter(this.mapView, webMap);
|
|
151
|
-
});
|
|
139
|
+
await this._initFloorFilter(this.mapView);
|
|
140
|
+
}
|
|
141
|
+
/**
|
|
142
|
+
* Watch for changes to the enabled property and re-init or destroy the floor filter
|
|
143
|
+
*/
|
|
144
|
+
async enabledWatchHandler() {
|
|
145
|
+
if (this.enabled) {
|
|
146
|
+
await this._initFloorFilter(this.mapView);
|
|
147
|
+
}
|
|
148
|
+
else if (!this.enabled) {
|
|
149
|
+
this._destroyWidget();
|
|
150
|
+
}
|
|
152
151
|
}
|
|
153
152
|
//--------------------------------------------------------------------------
|
|
154
153
|
//
|
|
@@ -161,8 +160,11 @@ const FloorFilter = class {
|
|
|
161
160
|
async componentWillLoad() {
|
|
162
161
|
return this._initModules();
|
|
163
162
|
}
|
|
163
|
+
/**
|
|
164
|
+
* Renders the component.
|
|
165
|
+
*/
|
|
164
166
|
render() {
|
|
165
|
-
return (h(Host, { key: '
|
|
167
|
+
return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
|
|
166
168
|
}
|
|
167
169
|
//--------------------------------------------------------------------------
|
|
168
170
|
//
|
|
@@ -184,38 +186,61 @@ const FloorFilter = class {
|
|
|
184
186
|
this.FloorFilter = FloorFilter;
|
|
185
187
|
this.reactiveUtils = reactiveUtils;
|
|
186
188
|
}
|
|
189
|
+
/**
|
|
190
|
+
* Destroy the widget and remove the containing element if it exists
|
|
191
|
+
*
|
|
192
|
+
* @protected
|
|
193
|
+
*/
|
|
194
|
+
_destroyWidget() {
|
|
195
|
+
if (this.floorFilterWidget) {
|
|
196
|
+
this.floorFilterWidget.destroy();
|
|
197
|
+
this.floorFilterWidget = undefined;
|
|
198
|
+
}
|
|
199
|
+
if (this._floorFilterElement) {
|
|
200
|
+
this._floorFilterElement.remove();
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
/**
|
|
204
|
+
* Destroy the widget and remove the containing element then re-create the container element
|
|
205
|
+
*
|
|
206
|
+
* @protected
|
|
207
|
+
*/
|
|
208
|
+
_initContainer() {
|
|
209
|
+
this._destroyWidget();
|
|
210
|
+
this._floorFilterElement = document.createElement("div");
|
|
211
|
+
}
|
|
187
212
|
/**
|
|
188
213
|
* Initialize the floor filter or reset the current view if it already exists
|
|
189
214
|
*/
|
|
190
|
-
_initFloorFilter(view
|
|
191
|
-
|
|
192
|
-
console.log("_initFloorFilter");
|
|
193
|
-
console.log(`view: ${view}`);
|
|
194
|
-
console.log(`this.enabled: ${this.enabled}`);
|
|
195
|
-
console.log(`this.FloorFilter: ${this.FloorFilter}`);
|
|
196
|
-
console.log(`webMap?.floorInfo: ${webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo}`);
|
|
215
|
+
async _initFloorFilter(view) {
|
|
216
|
+
const webMap = view === null || view === void 0 ? void 0 : view.map;
|
|
197
217
|
if (view && this.enabled && this.FloorFilter && (webMap === null || webMap === void 0 ? void 0 : webMap.floorInfo)) {
|
|
198
|
-
this.
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
218
|
+
this._initContainer();
|
|
219
|
+
await webMap.when(() => {
|
|
220
|
+
var _a, _b, _c;
|
|
221
|
+
this.floorFilterWidget = new this.FloorFilter({
|
|
222
|
+
container: this._floorFilterElement,
|
|
223
|
+
view
|
|
224
|
+
});
|
|
225
|
+
(_a = this._facilityHandle) === null || _a === void 0 ? void 0 : _a.remove();
|
|
226
|
+
this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
|
|
227
|
+
this.facilityChanged.emit(facility);
|
|
228
|
+
});
|
|
229
|
+
(_b = this._levelHandle) === null || _b === void 0 ? void 0 : _b.remove();
|
|
230
|
+
this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
|
|
231
|
+
this.levelChanged.emit(level);
|
|
232
|
+
});
|
|
233
|
+
(_c = this._siteHandle) === null || _c === void 0 ? void 0 : _c.remove();
|
|
234
|
+
this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
|
|
235
|
+
this.siteChanged.emit(site);
|
|
236
|
+
});
|
|
213
237
|
});
|
|
214
238
|
}
|
|
215
239
|
}
|
|
216
240
|
get el() { return getElement(this); }
|
|
217
241
|
static get watchers() { return {
|
|
218
|
-
"mapView": ["mapViewWatchHandler"]
|
|
242
|
+
"mapView": ["mapViewWatchHandler"],
|
|
243
|
+
"enabled": ["enabledWatchHandler"]
|
|
219
244
|
}; }
|
|
220
245
|
};
|
|
221
246
|
FloorFilter.style = FloorFilterStyle0;
|