@mapsindoors/map-template 1.95.7 → 1.95.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/{GoogleMapsMap-mNXwkS5r.mjs → GoogleMapsMap-CV6Wgkhg.mjs} +2 -2
  2. package/dist/{MapboxMap-JSpSXMbZ.mjs → MapboxMap-EuKWsGtq.mjs} +2 -2
  3. package/dist/favicon.png +0 -0
  4. package/dist/logo-192.png +0 -0
  5. package/dist/manifest.json +21 -0
  6. package/dist/mapsindoors-react.es.js +1 -1
  7. package/dist/mapsindoors-react.umd.js +236 -198
  8. package/dist/mapsindoors-webcomponent.es.js +51553 -42031
  9. package/dist/reactcomponent-DcNpL3XF.mjs +37841 -0
  10. package/dist/robots.txt +3 -0
  11. package/package.json +5 -6
  12. package/dist/_commonjsHelpers-B85MJLTf.js +0 -5
  13. package/dist/app-globals-DQuL1Twl.js +0 -3
  14. package/dist/combo-box-item.entry.js +0 -13
  15. package/dist/icon-DT_sDkmK.js +0 -11
  16. package/dist/index-BZQHyS7V.js +0 -1701
  17. package/dist/index.js +0 -1
  18. package/dist/loader.js +0 -11
  19. package/dist/mi-card_2.entry.js +0 -33
  20. package/dist/mi-chip.entry.js +0 -31
  21. package/dist/mi-column.entry.js +0 -52
  22. package/dist/mi-combo-box.entry.js +0 -449
  23. package/dist/mi-components.js +0 -21
  24. package/dist/mi-data-table.entry.js +0 -324
  25. package/dist/mi-distance_2.entry.js +0 -69
  26. package/dist/mi-dropdown-item.entry.js +0 -13
  27. package/dist/mi-dropdown.entry.js +0 -656
  28. package/dist/mi-floor-selector.entry.js +0 -209
  29. package/dist/mi-keyboard.entry.js +0 -261
  30. package/dist/mi-list-item-category.entry.js +0 -51
  31. package/dist/mi-list-item-location.entry.js +0 -177
  32. package/dist/mi-list.entry.js +0 -68
  33. package/dist/mi-location-booking.entry.js +0 -5218
  34. package/dist/mi-location-info.entry.js +0 -71
  35. package/dist/mi-map-googlemaps.entry.js +0 -795
  36. package/dist/mi-map-mapbox.entry.js +0 -530
  37. package/dist/mi-metric-card.entry.js +0 -61
  38. package/dist/mi-my-position.entry.js +0 -2457
  39. package/dist/mi-notification.entry.js +0 -137
  40. package/dist/mi-route-instructions-heading.entry.js +0 -78
  41. package/dist/mi-route-instructions-maneuver-legacy.entry.js +0 -86
  42. package/dist/mi-route-instructions-maneuver.entry.js +0 -86
  43. package/dist/mi-route-instructions-step-legacy.entry.js +0 -322
  44. package/dist/mi-route-instructions-step.entry.js +0 -342
  45. package/dist/mi-route-instructions.entry.js +0 -176
  46. package/dist/mi-scroll-buttons.entry.js +0 -120
  47. package/dist/mi-search.entry.js +0 -429
  48. package/dist/mi-share-sms.entry.js +0 -94
  49. package/dist/mi-step-switcher.entry.js +0 -40
  50. package/dist/mi-tab-panel.entry.js +0 -25
  51. package/dist/mi-tab.entry.js +0 -10
  52. package/dist/mi-tabs.entry.js +0 -49
  53. package/dist/mi-time.entry.js +0 -57
  54. package/dist/mi-variables-CDNvnTkH.js +0 -5
  55. package/dist/reactcomponent-BrPGG2Eb.mjs +0 -29048
  56. package/dist/route-travel-mode.enum-BvqP1fpw.js +0 -9
  57. package/dist/sort-order.enum-jsLAbYWg.js +0 -566
  58. package/dist/unit-system.enum-BwPgAWqL.js +0 -7
  59. package/dist/utils-DNHzysQ6.js +0 -61
@@ -1,530 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-BZQHyS7V.js';
2
- import { m as miVariables } from './mi-variables-CDNvnTkH.js';
3
-
4
- /**
5
- * Create a new instance of the MapsIndoors Floor-selector map control.
6
- *
7
- * @export
8
- * @class FloorSelectorControl
9
- */
10
- class FloorSelectorControl {
11
- constructor(map, mapsIndoorsInstance) {
12
- this.map = map;
13
- this.floorSelectorElement = document.createElement('div');
14
- this.floorSelectorInstance = new mapsindoors.FloorSelector(this.floorSelectorElement, mapsIndoorsInstance);
15
- }
16
- /**
17
- * Triggered by mapbox when added to the map.
18
- * @returns {HTMLDivElement} The Floor Selector control element.
19
- */
20
- onAdd() {
21
- this.floorSelectorElement.classList.add('mapboxgl-ctrl');
22
- return this.floorSelectorElement;
23
- }
24
- /**
25
- * Remove element and clean up references
26
- * Triggered by mapbox when removed from the map.
27
- */
28
- onRemove() {
29
- this.floorSelectorElement.parentNode.removeChild(this.floorSelectorElement);
30
- this.map = undefined;
31
- }
32
- }
33
-
34
- /**
35
- * Create a new instance of the MapsIndoors My Position map control.
36
- *
37
- * @export
38
- * @class MyPositionControl
39
- */
40
- class MyPositionControl {
41
- constructor(map, mapsIndoorsInstance) {
42
- this.map = map;
43
- this.myPositionControlElement = document.createElement('div');
44
- this.myPositionControlInstance = new mapsindoors.PositionControl(this.myPositionControlElement, {
45
- mapsIndoors: mapsIndoorsInstance,
46
- positionOptions: {
47
- enableHighAccuracy: false,
48
- maximumAge: 300000,
49
- timeout: 10000
50
- }
51
- });
52
- }
53
- /**
54
- * Triggered by mapbox when added to the map.
55
- * @returns {HTMLDivElement} The My Position control element.
56
- */
57
- onAdd() {
58
- this.myPositionControlElement.classList.add('mapboxgl-ctrl');
59
- return this.myPositionControlElement;
60
- }
61
- /**
62
- * Remove element and clean up references
63
- * Triggered by mapbox when removed from the map.
64
- */
65
- onRemove() {
66
- this.myPositionControlElement.parentNode.removeChild(this.myPositionControlElement);
67
- this.map = undefined;
68
- }
69
- }
70
-
71
- const mapMapboxCss = () => `:host{display:block}:host>div{height:100%}.mapsindoors.floor-selector{border-radius:2px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);width:40px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px}.mapsindoors.floor-selector a{position:relative;display:block;float:none;margin-top:-1px;text-align:center;cursor:pointer;border-radius:2px;background:#fff;z-index:0;height:40px;line-height:40px}.mapsindoors.floor-selector a:hover{background:#ddd;border-color:#999;z-index:2}.mapsindoors.floor-selector a.active{background:#ddd;border-color:#00b1ff;z-index:2}.mapsindoors.floor-selector a:not(:first-child):not(:last-child){border-radius:0}.mapsindoors.floor-selector a:first-child:not(:last-child){border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0}.mapsindoors.floor-selector a:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:2px;border-top-left-radius:0}.mapsindoors.position-control__button{border:none;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;width:40px;height:40px;background-color:transparent;background-size:cover;outline:none;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:50%}.mapsindoors.position-control__button--unknown{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--requesting{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--known{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--centered{background-image:url(data:image/png;base64,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)}`;
72
-
73
- const MapMapbox = class {
74
- constructor(hostRef) {
75
- registerInstance(this, hostRef);
76
- this.mapsIndoorsReady = createEvent(this, "mapsIndoorsReady", 7);
77
- /**
78
- * The MapsIndoors API key.
79
- * @type {string}
80
- */
81
- this.miApiKey = '';
82
- /**
83
- * Set to true to prevent external links on the map from opening.
84
- * This can be useful when running the map on a kiosk where you never want the browser to navigate away.
85
- * @type {boolean}
86
- */
87
- this.disableExternalLinks = false;
88
- /**
89
- * Styling of polygon highlight when a location is clicked.
90
- * Set it to null to turn off highlighting.
91
- * @type {object}
92
- */
93
- this.polygonHighlightOptions = {
94
- strokeColor: '#EF6CCE',
95
- strokeOpacity: 1,
96
- strokeWeight: 2,
97
- fillColor: '#EF6CCE',
98
- fillOpacity: 0.2
99
- };
100
- /**
101
- * Styling of how the polyline looks when getting a route.
102
- * Color: The stroke color of direction polyline on the map. Accepts any legal HTML color value. Default: '#307ad9'.
103
- * Opacity: The stroke opacity of directions polylines on the map. Numerical value between 0.0 and 1.0. Default: 1.
104
- * Weight: The width of the direction polyline in pixels. Default: 4.
105
- *
106
- * @type {{ color: string, weight: number, opacity: number }}
107
- */
108
- this.polylineOptions = {
109
- color: '#3071d9',
110
- opacity: 1,
111
- weight: 4
112
- };
113
- /**
114
- * Set or get the current zoom level of the map.
115
- * @type {string}
116
- */
117
- this.zoom = '17';
118
- /**
119
- * Set or get the max pitch of the map (0-85).
120
- * @type {number}
121
- */
122
- this.maxPitch = 60;
123
- /**
124
- * Set or get the max zoom level of the map.
125
- * @type {string}
126
- */
127
- this.maxZoom = undefined;
128
- /**
129
- * Set or get the bearing of the map.
130
- * @type {string}
131
- */
132
- this.bearing = '0';
133
- /**
134
- * Set or get the pitch (tilt) of the map. Measured in degrees (0-60).
135
- * @type {string}
136
- */
137
- this.pitch = '0';
138
- /**
139
- * Set the component language. Default set to English (en). Will not react to changes.
140
- */
141
- this.language = 'en';
142
- // Directions render and service instances
143
- this.directionsRendererInstance = null;
144
- }
145
- apiKeyChange(newApiKey) {
146
- mapsindoors.MapsIndoors.setMapsIndoorsApiKey(newApiKey);
147
- }
148
- setExternalLinkBehavior(shouldDisableLinks) {
149
- if (shouldDisableLinks === true) {
150
- this.mapElement.addEventListener('click', this.preventExternalLink);
151
- }
152
- else {
153
- this.mapElement.removeEventListener('click', this.preventExternalLink);
154
- }
155
- }
156
- floorSelectorControlPositionChange(newPosition) {
157
- if (this.floorSelectorControl) {
158
- this.setFloorSelectorControl(newPosition);
159
- }
160
- }
161
- floorIndexChange(newFloor, oldFloor) {
162
- if (newFloor === null) {
163
- newFloor = '0'; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
164
- }
165
- if (newFloor !== oldFloor && newFloor !== this.mapsIndoorsInstance.getFloor()) {
166
- this.mapsIndoorsInstance.setFloor(newFloor);
167
- }
168
- }
169
- myPositionControlPositionChange(newPosition) {
170
- this.setMyPositionControl(newPosition);
171
- }
172
- polylineOptionsChange(newPolylineOptions) {
173
- if (this.directionsRendererInstance) {
174
- this.directionsRendererInstance.setOptions({
175
- strokeColor: newPolylineOptions.color ? newPolylineOptions.color : '#3071d9',
176
- strokeOpacity: newPolylineOptions.opacity ? newPolylineOptions.opacity : 1,
177
- strokeWeight: newPolylineOptions.weight ? newPolylineOptions.weight : 4
178
- });
179
- }
180
- }
181
- zoomChange(newZoom, oldZoom) {
182
- if (newZoom !== oldZoom && newZoom !== this.mapboxInstance.getZoom()) {
183
- if (newZoom === null) {
184
- newZoom = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
185
- }
186
- this.mapboxInstance.setZoom(newZoom);
187
- }
188
- }
189
- maxPitchChange(newPitch, oldPitch) {
190
- if (newPitch !== oldPitch && newPitch !== this.mapboxInstance.getMaxPitch()) {
191
- if (newPitch === null) {
192
- newPitch = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
193
- }
194
- this.mapboxInstance.setMaxPitch(newPitch);
195
- }
196
- }
197
- maxZoomChange(newZoom, oldZoom) {
198
- if (newZoom !== oldZoom && newZoom !== this.mapboxInstance.getMaxZoom()) {
199
- if (newZoom === null) {
200
- newZoom = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
201
- }
202
- this.mapboxInstance.setMaxZoom(newZoom);
203
- }
204
- }
205
- bearingChange(newBearing, oldBearing) {
206
- if (newBearing !== oldBearing && newBearing !== this.mapboxInstance.getBearing()) {
207
- if (newBearing === null) {
208
- newBearing = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
209
- }
210
- this.mapboxInstance.setBearing(newBearing);
211
- }
212
- }
213
- pitchChange(newPitch, oldPitch) {
214
- if (newPitch !== oldPitch && newPitch !== this.mapboxInstance.getPitch()) {
215
- if (newPitch === null) {
216
- newPitch = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
217
- }
218
- this.mapboxInstance.setPitch(newPitch);
219
- }
220
- }
221
- /**
222
- * Get the map instance.
223
- * @returns {Promise<any>}
224
- */
225
- async getMapInstance() {
226
- return Promise.resolve(this.mapboxInstance);
227
- }
228
- /**
229
- * Get the MapsIndoors instance.
230
- * @returns {Promise<any>}
231
- */
232
- async getMapsIndoorsInstance() {
233
- return Promise.resolve(this.mapsIndoorsInstance);
234
- }
235
- /**
236
- * Get the MapsIndoors Directions Service Instance.
237
- * @returns {Promise<any>}
238
- */
239
- async getDirectionsServiceInstance() {
240
- return Promise.resolve(this.directionsServiceInstance);
241
- }
242
- /**
243
- * Get the MapsIndoors Directions Renderer Instance.
244
- * @returns {Promise<any>}
245
- */
246
- async getDirectionsRendererInstance() {
247
- return Promise.resolve(this.directionsRendererInstance);
248
- }
249
- /**
250
- * Highlight a MapsIndoors location. Only a single location can be highlighted at the time.
251
- * @param {Location} location
252
- * @returns {Promise<void>}
253
- */
254
- async highlightLocation(location) {
255
- // Return if polygonHighlightOptions is undefined
256
- if (!this.polygonHighlightOptions)
257
- return;
258
- // Return if already highlighted
259
- if (this.highlightedLocationId && this.highlightedLocationId === location.id)
260
- return;
261
- // Remove previous highlight
262
- if (this.highlightedLocationId) {
263
- this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null);
264
- }
265
- this.mapsIndoorsInstance.setDisplayRule(location.id, {
266
- polygonVisible: true,
267
- polygonZoomFrom: '0',
268
- polygonZoomTo: '22',
269
- zIndex: 1000,
270
- polygonFillColor: this.polygonHighlightOptions.fillColor,
271
- polygonFillOpacity: this.polygonHighlightOptions.fillOpacity,
272
- polygonStrokeColor: this.polygonHighlightOptions.strokeColor,
273
- polygonStrokeOpacity: this.polygonHighlightOptions.strokeOpacity,
274
- polygonStrokeWeight: this.polygonHighlightOptions.strokeWeight
275
- });
276
- this.highlightedLocationId = location.id;
277
- }
278
- /**
279
- * Clear existing MapsIndoors location highlight.
280
- * @returns {Promise<void>}
281
- */
282
- async clearHighlightLocation() {
283
- if (this.highlightedLocationId) {
284
- this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null);
285
- this.highlightedLocationId = null;
286
- }
287
- }
288
- async componentDidLoad() {
289
- await this.insertMapBoxScript();
290
- await this.initializeMapsIndoorsSDK();
291
- await this.setupMap();
292
- this.setExternalLinkBehavior(this.disableExternalLinks);
293
- this.addEventListeners();
294
- if (this.floorSelectorControlPosition) {
295
- this.showFloorSelector();
296
- }
297
- if (this.myPositionControlPosition) {
298
- this.setMyPositionControl(this.myPositionControlPosition);
299
- }
300
- }
301
- disconnectedCallback() {
302
- this.mapsIndoorsInstance.deallocate();
303
- this.mapElement.remove();
304
- this.mapElement = null;
305
- }
306
- /**
307
- * Inject script tag for Mapbox API onto the page.
308
- *
309
- * @returns {Promise<void>}
310
- */
311
- insertMapBoxScript() {
312
- if (typeof (mapboxgl) === 'undefined') {
313
- return new Promise(resolve => {
314
- const mapboxApiTag = document.createElement('script');
315
- mapboxApiTag.setAttribute('type', 'text/javascript');
316
- // When upgrading the version please remember to update url to the MapBox css in the render function.
317
- mapboxApiTag.setAttribute('src', 'https://api.mapbox.com/mapbox-gl-js/v3.19.0/mapbox-gl.js');
318
- document.body.appendChild(mapboxApiTag);
319
- mapboxApiTag.onload = () => resolve();
320
- });
321
- }
322
- }
323
- /**
324
- * Ensure that MapsIndoors Web SDK is available.
325
- *
326
- * @returns {Promise<void>}
327
- */
328
- initializeMapsIndoorsSDK() {
329
- return new Promise((resolve) => {
330
- if (typeof mapsindoors !== 'undefined') {
331
- mapsindoors.MapsIndoors.setMapsIndoorsApiKey(this.miApiKey);
332
- mapsindoors.MapsIndoors.setLanguage(this.language);
333
- return resolve();
334
- }
335
- const miSdkApiTag = document.createElement('script');
336
- miSdkApiTag.setAttribute('type', 'text/javascript');
337
- miSdkApiTag.setAttribute('src', `${miVariables.miSDKUrlV4}?apikey=${this.miApiKey}`);
338
- document.body.appendChild(miSdkApiTag);
339
- miSdkApiTag.onload = () => resolve();
340
- });
341
- }
342
- /**
343
- * Start MapBox and MapsIndoors.
344
- */
345
- setupMap() {
346
- return new Promise((resolve) => {
347
- const mapViewOptions = {
348
- accessToken: this.accessToken,
349
- element: this.mapElement,
350
- zoom: this.zoom,
351
- maxZoom: this.maxZoom,
352
- maxPitch: this.maxPitch,
353
- bearing: this.bearing,
354
- pitch: this.pitch
355
- };
356
- const mapViewInstance = new mapsindoors.mapView.MapboxView(mapViewOptions);
357
- this.mapboxInstance = mapViewInstance.getMap();
358
- this.mapsIndoorsInstance = new mapsindoors.MapsIndoors({
359
- mapView: mapViewInstance,
360
- labelOptions: {
361
- pixelOffset: { width: 0, height: 14 },
362
- style: {
363
- fontSize: '11px'
364
- }
365
- }
366
- });
367
- // Add zoom and rotation controls
368
- const navigationControl = new mapboxgl.NavigationControl();
369
- this.mapboxInstance.addControl(navigationControl, 'top-left');
370
- this.mapsIndoorsInstance.on('ready', async () => {
371
- if (this.floorIndex !== undefined) {
372
- // Set the floor if floor attribute was set in the DOM initially
373
- this.mapsIndoorsInstance.setFloor(this.floorIndex);
374
- }
375
- else {
376
- this.floorIndex = this.mapsIndoorsInstance.getFloor();
377
- }
378
- this.initializeDirectionsService();
379
- this.initializeDirectionsRenderer();
380
- this.mapsIndoorsReady.emit();
381
- resolve();
382
- });
383
- });
384
- }
385
- /**
386
- * Initialize MapsIndoors Directions Service.
387
- */
388
- initializeDirectionsService() {
389
- const externalDirections = new mapsindoors.directions.MapboxProvider(this.accessToken);
390
- this.directionsServiceInstance = new mapsindoors.services.DirectionsService(externalDirections);
391
- }
392
- /**
393
- * Initialize MapsIndoors Directions Renderer with render options set.
394
- */
395
- initializeDirectionsRenderer() {
396
- this.directionsRendererInstance = new mapsindoors.directions.DirectionsRenderer({
397
- mapsIndoors: this.mapsIndoorsInstance,
398
- fitBounds: true,
399
- strokeColor: this.polylineOptions.color,
400
- strokeOpacity: this.polylineOptions.opacity,
401
- strokeWeight: this.polylineOptions.weight,
402
- visible: true
403
- });
404
- }
405
- /**
406
- * Add event listeners and keep properties in sync.
407
- */
408
- addEventListeners() {
409
- // Add click listener to highlight the clicked location
410
- this.mapsIndoorsInstance.on('click', (location) => {
411
- this.highlightLocation(location);
412
- });
413
- // Add floor changed event listener to update the floorIndex attribute
414
- this.mapsIndoorsInstance.on('floor_changed', (floorIndex) => {
415
- this.floorIndex = floorIndex;
416
- });
417
- // Add zoom end event listener to update the zoom attribute
418
- this.mapboxInstance.on('zoomend', () => {
419
- this.zoom = this.mapboxInstance.getZoom().toString();
420
- });
421
- // Add pitch (tilt) end listener to update the pitch attribute
422
- this.mapboxInstance.on('pitchend', () => {
423
- this.pitch = this.mapboxInstance.getPitch().toString();
424
- });
425
- // Add rotate end listener to update the bearing attribute
426
- this.mapboxInstance.on('rotateend', () => {
427
- this.bearing = this.mapboxInstance.getBearing().toString();
428
- });
429
- }
430
- /**
431
- * Prevent external links from opening.
432
- * @param {MouseEvent} event
433
- */
434
- preventExternalLink(event) {
435
- const externalLink = event.target.closest('a[target="_blank"]');
436
- if (externalLink) {
437
- event.preventDefault();
438
- }
439
- }
440
- /**
441
- * Show the floor selector after user interacts with map.
442
- * Sets up event listener what when invoked will set the floor selector on the map.
443
- */
444
- showFloorSelector() {
445
- this.setFloorSelectorControl(this.floorSelectorControlPosition);
446
- }
447
- /**
448
- * Set, update or unset floor selector on the map.
449
- * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
450
- */
451
- setFloorSelectorControl(controlPosition) {
452
- if (controlPosition === null) {
453
- // If attribute is not set, remove floor selector control
454
- this.mapboxInstance.removeControl(this.floorSelectorControl);
455
- this.floorSelectorControl = null;
456
- }
457
- else if (!this.floorSelectorControl) {
458
- // Create new floor selector control
459
- this.floorSelectorControl = new FloorSelectorControl(this.mapboxInstance, this.mapsIndoorsInstance);
460
- this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition);
461
- }
462
- else {
463
- // Update position of floor selector control
464
- this.mapboxInstance.removeControl(this.floorSelectorControl);
465
- this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition);
466
- }
467
- }
468
- /**
469
- * Set, update or unset my position control on the map.
470
- * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
471
- */
472
- setMyPositionControl(controlPosition) {
473
- if (controlPosition === null) {
474
- // If attribute is not set, remove my position control
475
- this.mapboxInstance.removeControl(this.myPositionControl);
476
- this.myPositionControl = null;
477
- }
478
- else if (!this.myPositionControl) {
479
- // Create new my position control
480
- this.myPositionControl = new MyPositionControl(this.mapboxInstance, this.mapsIndoorsInstance);
481
- this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition);
482
- }
483
- else {
484
- // Update position of my position control
485
- this.mapboxInstance.removeControl(this.myPositionControl);
486
- this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition);
487
- }
488
- }
489
- render() {
490
- return (h(Host, { key: '9b0f272944723fbf10d5ce6f826c6eab45b11ddc' }, h("link", { key: 'c199834955eb110c6b9df4fbfe3994e0d89f5874', href: 'https://api.mapbox.com/mapbox-gl-js/v3.19.0/mapbox-gl.css', rel: 'stylesheet' }), h("div", { key: '12524233dc04a7f99bed546faf62df006d193f81', ref: (el) => this.mapElement = el })));
491
- }
492
- static get watchers() { return {
493
- "miApiKey": [{
494
- "apiKeyChange": 0
495
- }],
496
- "disableExternalLinks": [{
497
- "setExternalLinkBehavior": 0
498
- }],
499
- "floorSelectorControlPosition": [{
500
- "floorSelectorControlPositionChange": 0
501
- }],
502
- "floorIndex": [{
503
- "floorIndexChange": 0
504
- }],
505
- "myPositionControlPosition": [{
506
- "myPositionControlPositionChange": 0
507
- }],
508
- "polylineOptions": [{
509
- "polylineOptionsChange": 0
510
- }],
511
- "zoom": [{
512
- "zoomChange": 0
513
- }],
514
- "maxPitch": [{
515
- "maxPitchChange": 0
516
- }],
517
- "maxZoom": [{
518
- "maxZoomChange": 0
519
- }],
520
- "bearing": [{
521
- "bearingChange": 0
522
- }],
523
- "pitch": [{
524
- "pitchChange": 0
525
- }]
526
- }; }
527
- };
528
- MapMapbox.style = mapMapboxCss();
529
-
530
- export { MapMapbox as mi_map_mapbox };
@@ -1,61 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-BZQHyS7V.js';
2
- import { f as formatNumber, a as isNumber } from './utils-DNHzysQ6.js';
3
-
4
- const metricCardCss = () => `:host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host mi-card{position:relative;overflow:hidden;min-width:312px}:host mi-card .content h1{display:inline-flex;cursor:default;align-items:center;text-transform:uppercase;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:8px}:host mi-card .content h1 svg{fill:#9ca3af;width:16px;height:16px;margin-left:8px}:host mi-card .content section{position:relative}:host mi-card .content section p{margin:0;font-size:3rem;line-height:3rem;font-weight:500;color:#1c1917}:host mi-card .content section p.error{font-size:1rem;font-weight:500;color:#6b7280}:host mi-card .content section p.hidden{visibility:hidden}:host mi-card .content section p.tool-tip{box-sizing:border-box;visibility:hidden;overflow:hidden;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition:all 100ms;z-index:700;background-color:#ffffff;font-size:0.875rem;font-weight:400;line-height:1rem;margin:0}:host mi-card .content section p.tool-tip.visible{opacity:1;visibility:visible}:host mi-card .content section mi-spinner{display:inline-block;vertical-align:middle;width:100%}`;
5
-
6
- const MetricCard = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.showToolTip = false;
10
- /**
11
- * This is the metric title.
12
- * @type {string}
13
- * @memberof MetricCard
14
- */
15
- this.label = '';
16
- /**
17
- * This is the metric value.
18
- * @type {string}
19
- * @memberof MetricCard
20
- */
21
- this.value = '';
22
- /**
23
- * When present a loading spinner will be displayed until the value or error attribute is set or the spinner attribute is removed
24
- * @type {boolean}
25
- * @memberof MetricCard
26
- */
27
- this.spinner = false;
28
- }
29
- render() {
30
- return (h(Host, { key: '866f6311805722aa74911b0f2360860ab22d0fff' }, h("mi-card", { key: '6fad0cdf8ee8a281497dc7041188bd2d28615345' }, this.renderContent())));
31
- }
32
- renderToolTip() {
33
- if (this.tip > '') {
34
- return h("p", { class: { 'tool-tip': true, 'visible': this.tip && this.showToolTip } }, this.tip);
35
- }
36
- }
37
- getInfoIcon() {
38
- if (this.tip > '') {
39
- return h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 0 24 24", width: "24" }, h("path", { d: "M0 0h24v24H0V0z", fill: "none" }), h("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92c-.5.51-.86.97-1.04 1.69-.08.32-.13.68-.13 1.14h-2v-.5c0-.46.08-.9.22-1.31.2-.58.53-1.1.95-1.52l1.24-1.26c.46-.44.68-1.1.55-1.8-.13-.72-.69-1.33-1.39-1.53-1.11-.31-2.14.32-2.47 1.27-.12.37-.43.65-.82.65h-.3C8.4 9 8 8.44 8.16 7.88c.43-1.47 1.68-2.59 3.23-2.83 1.52-.24 2.97.55 3.87 1.8 1.18 1.63.83 3.38-.19 4.4z" }));
40
- }
41
- }
42
- renderContent() {
43
- let value;
44
- if (this.value) {
45
- value = isNumber(this.value) ? formatNumber(this.value) : this.value;
46
- }
47
- else if (this.error) {
48
- value = this.error;
49
- }
50
- else if (this.spinner) {
51
- value = h("mi-spinner", null);
52
- }
53
- else {
54
- value = ' ';
55
- }
56
- return h("div", { class: "content" }, h("h1", { onMouseOver: () => this.showToolTip = true, onMouseOut: () => this.showToolTip = false }, this.label, " ", this.getInfoIcon()), h("section", null, this.renderToolTip(), h("p", { class: { 'error': !!this.error, 'hidden': this.tip && this.showToolTip } }, value)));
57
- }
58
- };
59
- MetricCard.style = metricCardCss();
60
-
61
- export { MetricCard as mi_metric_card };