@mapsindoors/map-template 1.66.2 → 1.66.3
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.
- package/dist/_commonjsHelpers-ba3f0406-b20f75c1.mjs +30 -0
- package/dist/combo-box-item.entry-85094f35.mjs +22 -0
- package/dist/icon-b8d01d6f-6d4b7c40.mjs +33 -0
- package/dist/mapsindoors-react.es.js +7 -59824
- package/dist/mapsindoors-react.umd.js +560 -491
- package/dist/mapsindoors-webcomponent.es.js +51218 -39989
- package/dist/mapsindoors-webcomponent.umd.js +554 -480
- package/dist/mi-card_2.entry-817a0422.mjs +33 -0
- package/dist/mi-chip.entry-f7dbae24.mjs +26 -0
- package/dist/mi-column.entry-30d4c1d7.mjs +28 -0
- package/dist/mi-combo-box.entry-998279bc.mjs +270 -0
- package/dist/mi-data-table.entry-e0a9dd7a.mjs +231 -0
- package/dist/mi-distance_2.entry-e930707c.mjs +346 -0
- package/dist/mi-dropdown-item.entry-e624023f.mjs +22 -0
- package/dist/mi-dropdown.entry-8d4d8ee3.mjs +331 -0
- package/dist/mi-floor-selector.entry-329407f6.mjs +122 -0
- package/dist/mi-keyboard.entry-ceed8ed2.mjs +3048 -0
- package/dist/mi-list-item-category.entry-a33342c9.mjs +46 -0
- package/dist/mi-list-item-location.entry-e9b9527d.mjs +144 -0
- package/dist/mi-list.entry-d5bd6cae.mjs +49 -0
- package/dist/mi-location-booking.entry-63d82e20.mjs +4873 -0
- package/dist/mi-location-info.entry-43f0e6f3.mjs +39 -0
- package/dist/mi-map-googlemaps.entry-abe19e39.mjs +406 -0
- package/dist/mi-map-mapbox.entry-02d4ace9.mjs +308 -0
- package/dist/mi-metric-card.entry-85d97733.mjs +36 -0
- package/dist/mi-my-position.entry-223dd3e0.mjs +1406 -0
- package/dist/mi-notification.entry-7facb24f.mjs +91 -0
- package/dist/mi-route-instructions-heading.entry-e11004f5.mjs +82 -0
- package/dist/mi-route-instructions-maneuver-legacy.entry-e0a64029.mjs +83 -0
- package/dist/mi-route-instructions-maneuver.entry-98953d3e.mjs +83 -0
- package/dist/mi-route-instructions-step-legacy.entry-05ac87cf.mjs +209 -0
- package/dist/mi-route-instructions-step.entry-35ae490e.mjs +244 -0
- package/dist/mi-route-instructions.entry-fc97f09d.mjs +150 -0
- package/dist/mi-scroll-buttons.entry-9e523ef6.mjs +86 -0
- package/dist/mi-search.entry-8c1f6929.mjs +258 -0
- package/dist/mi-share-sms.entry-0689c0ac.mjs +63 -0
- package/dist/mi-step-switcher.entry-aa8f0707.mjs +34 -0
- package/dist/mi-tab-panel.entry-1ddc397b.mjs +29 -0
- package/dist/mi-tab.entry-a478df47.mjs +21 -0
- package/dist/mi-tabs.entry-7c445312.mjs +44 -0
- package/dist/mi-time.entry-df58a4f1.mjs +53 -0
- package/dist/mi-variables-9a6c8d4d-64044b44.mjs +16 -0
- package/dist/reactcomponent-fed5da4c.mjs +57763 -0
- package/dist/route-travel-mode.enum-7f4ce9c7-0da65b8e.mjs +16 -0
- package/dist/sort-order.enum-64ce8998-fb78d66a.mjs +326 -0
- package/dist/unit-system.enum-eaefb53e-5d1cf129.mjs +16 -0
- package/dist/utils-ae714467-4f4e3a56.mjs +45 -0
- package/package.json +1 -1
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
import { r as v, c as d, h as p, H as M } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import { c as f, g as I } from "./_commonjsHelpers-ba3f0406-b20f75c1.mjs";
|
|
3
|
+
import "react";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
(function() {
|
|
6
|
+
try {
|
|
7
|
+
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new e.Error().stack;
|
|
8
|
+
t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "1c05a378-4717-4669-87fb-499b0ef8c5f6", e._sentryDebugIdIdentifier = "sentry-dbid-1c05a378-4717-4669-87fb-499b0ef8c5f6");
|
|
9
|
+
} catch {
|
|
10
|
+
}
|
|
11
|
+
})();
|
|
12
|
+
var m = f(function(e, t) {
|
|
13
|
+
Object.defineProperty(t, "__esModule", {
|
|
14
|
+
value: !0
|
|
15
|
+
}), t.default = r, t.debounce = a;
|
|
16
|
+
var s = 500;
|
|
17
|
+
t.DEFAULT_DEBOUNCE_DURATION = s;
|
|
18
|
+
function r(n) {
|
|
19
|
+
return function(o, u, l) {
|
|
20
|
+
return {
|
|
21
|
+
configurable: !0,
|
|
22
|
+
enumerable: l.enumerable,
|
|
23
|
+
get: function() {
|
|
24
|
+
return Object.defineProperty(this, u, {
|
|
25
|
+
configurable: !0,
|
|
26
|
+
enumerable: l.enumerable,
|
|
27
|
+
value: a(l.value, n)
|
|
28
|
+
}), this[u];
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
function a(n) {
|
|
34
|
+
var i = arguments.length <= 1 || arguments[1] === void 0 ? s : arguments[1], o = void 0;
|
|
35
|
+
function u() {
|
|
36
|
+
for (var l = this, c = arguments.length, h = Array(c), g = 0; g < c; g++)
|
|
37
|
+
h[g] = arguments[g];
|
|
38
|
+
u.clear(), o = setTimeout(function() {
|
|
39
|
+
o = null, n.apply(l, h);
|
|
40
|
+
}, i);
|
|
41
|
+
}
|
|
42
|
+
return u.clear = function() {
|
|
43
|
+
o && (clearTimeout(o), o = null);
|
|
44
|
+
}, u;
|
|
45
|
+
}
|
|
46
|
+
}), D = f(function(e, t) {
|
|
47
|
+
Object.defineProperty(t, "__esModule", {
|
|
48
|
+
value: !0
|
|
49
|
+
});
|
|
50
|
+
function s(i, o) {
|
|
51
|
+
var u = o({}, i);
|
|
52
|
+
return delete u.default, u;
|
|
53
|
+
}
|
|
54
|
+
function r(i, o) {
|
|
55
|
+
for (var u = Object.getOwnPropertyNames(o), l = 0; l < u.length; l++) {
|
|
56
|
+
var c = u[l], h = Object.getOwnPropertyDescriptor(o, c);
|
|
57
|
+
h && h.configurable && i[c] === void 0 && Object.defineProperty(i, c, h);
|
|
58
|
+
}
|
|
59
|
+
return i;
|
|
60
|
+
}
|
|
61
|
+
function a(i) {
|
|
62
|
+
return i && i.__esModule ? i : { default: i };
|
|
63
|
+
}
|
|
64
|
+
var n = a(m);
|
|
65
|
+
t.default = n.default, r(t, s(m, r));
|
|
66
|
+
});
|
|
67
|
+
const y = /* @__PURE__ */ I(D), x = 'mi-search{display:block;position:relative;}mi-search input[type=search]{border-radius:8px;background-color:#ffffff;padding-left:40px;height:48px;font-size:1rem;padding-right:40px;font-family:-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-appearance:none;-moz-appearance:none;appearance:none;width:100%;position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MSAxMUgxMi41TDE3LjQ5IDE2TDE2IDE3LjQ5TDExIDEyLjVWMTEuNzFMMTAuNzMgMTEuNDNDOS41OSAxMi40MSA4LjExIDEzIDYuNSAxM0MyLjkxIDEzIDAgMTAuMDkgMCA2LjVDMCAyLjkxIDIuOTEgMCA2LjUgMEMxMC4wOSAwIDEzIDIuOTEgMTMgNi41QzEzIDguMTEgMTIuNDEgOS41OSAxMS40MyAxMC43M0wxMS43MSAxMVpNMiA2LjVDMiA4Ljk5IDQuMDEgMTEgNi41IDExQzguOTkgMTEgMTEgOC45OSAxMSA2LjVDMTEgNC4wMSA4Ljk5IDIgNi41IDJDNC4wMSAyIDIgNC4wMSAyIDYuNVoiIGZpbGw9IiM4RDk4QUEiLz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-position:16px center;border-color:#E6E6E6;color:var(--tailwind-colors-neutral-500);border:1px solid var(--tailwind-colors-gray-200)}mi-search input[type=search]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #cfe0fc;}mi-search input[type=search][disabled]{pointer-events:none}mi-search input::-webkit-search-cancel-button{-webkit-appearance:none}mi-search input::-ms-clear{display:none}mi-search input::-moz-search-clear-button{-moz-appearance:none}mi-search button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#6b7280;border-radius:50%;padding:0;border-width:0;display:flex;align-items:center;justify-content:center}mi-search button:focus{outline:0}mi-search button svg{fill:white;width:10px;height:10px}';
|
|
68
|
+
var E = function(e, t, s, r) {
|
|
69
|
+
var a = arguments.length, n = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, s) : r, i;
|
|
70
|
+
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
71
|
+
n = Reflect.decorate(e, t, s, r);
|
|
72
|
+
else
|
|
73
|
+
for (var o = e.length - 1; o >= 0; o--)
|
|
74
|
+
(i = e[o]) && (n = (a < 3 ? i(n) : a > 3 ? i(t, s, n) : i(t, s)) || n);
|
|
75
|
+
return a > 3 && n && Object.defineProperty(t, s, n), n;
|
|
76
|
+
};
|
|
77
|
+
const b = class {
|
|
78
|
+
constructor(e) {
|
|
79
|
+
v(this, e), this.results = d(this, "results", 7), this.cleared = d(this, "cleared", 7), this.componentRendered = d(this, "componentRendered", 7), this.shortInput = d(this, "shortInput", 7), this.changed = d(this, "changed", 7), this.preventSearch = !1, this.placeholder = "", this.idAttribute = "", this.dataAttributes = {}, this.mapsindoors = !1, this.google = !1, this.mapbox = !1, this.language = "en", this.miFields = "name,description,aliases,categories,externalId", this.miTake = void 0, this.miSkip = void 0, this.miOrder = void 0, this.miCategories = void 0, this.miNear = void 0, this.miVenue = void 0, this.gmCountryCode = void 0, this.value = void 0, this.disabled = !1, this.sessionToken = void 0, this.userPosition = void 0;
|
|
80
|
+
}
|
|
81
|
+
valueChange(e) {
|
|
82
|
+
!e || !this.inputElement || e !== this.inputElement.value && (this.inputElement.value = e, this.preventSearch || this.inputChanged());
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* Clear the input field.
|
|
86
|
+
*/
|
|
87
|
+
async clear() {
|
|
88
|
+
this.inputElement.value = "", this.value = "", this.lastRequested = null, this.cleared.emit();
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Programmatically trigger the search.
|
|
92
|
+
*/
|
|
93
|
+
triggerSearch() {
|
|
94
|
+
const e = this.inputElement.value;
|
|
95
|
+
this.search(e);
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* Sets text to be shown in the search field.
|
|
99
|
+
* Setting it will not perform a search.
|
|
100
|
+
*/
|
|
101
|
+
setDisplayText(e) {
|
|
102
|
+
this.preventSearch = !0, this.inputElement.value = e, this.value = e, this.preventSearch = !1;
|
|
103
|
+
}
|
|
104
|
+
/**
|
|
105
|
+
* Set focus on the input field.
|
|
106
|
+
* The preventScroll boolean is passed as true to prevent the browser
|
|
107
|
+
* from scrolling the document to bring the newly-focused element into view.
|
|
108
|
+
*/
|
|
109
|
+
focusInput() {
|
|
110
|
+
this.inputElement.focus({ preventScroll: !0 });
|
|
111
|
+
}
|
|
112
|
+
/**
|
|
113
|
+
* Get hold of the search input field.
|
|
114
|
+
*/
|
|
115
|
+
async getInputField() {
|
|
116
|
+
return this.inputElement;
|
|
117
|
+
}
|
|
118
|
+
/**
|
|
119
|
+
* Perform the search.
|
|
120
|
+
*/
|
|
121
|
+
search(e) {
|
|
122
|
+
Promise.all([
|
|
123
|
+
this.makeMapsIndoorsQuery(e),
|
|
124
|
+
this.makeGooglePlacesQuery(e),
|
|
125
|
+
this.getMapboxSearchResults(e)
|
|
126
|
+
]).then((t) => {
|
|
127
|
+
this.lastRequested = e, this.google ? this.pushResults(t[0].concat(t[1])) : this.mapbox && mapboxgl.accessToken ? this.pushResults(t[0].concat(t[2])) : this.pushResults(t[0]);
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
/**
|
|
131
|
+
* Handles incoming input change event, eg. input field value has changed.
|
|
132
|
+
* The function is debounced 500ms to avoid firing too many requests while typing.
|
|
133
|
+
*/
|
|
134
|
+
inputChanged() {
|
|
135
|
+
const e = this.inputElement.value;
|
|
136
|
+
if (this.value = e, !this.preventSearch) {
|
|
137
|
+
if (e.length < 2) {
|
|
138
|
+
this.lastRequested = null, e.length === 1 ? this.shortInput.emit() : this.clear();
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
e.length > 1 && e !== this.lastRequested && this.search(e), this.changed.emit();
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
/**
|
|
145
|
+
* Push the results via the results event.
|
|
146
|
+
* @param object[] Locations
|
|
147
|
+
*/
|
|
148
|
+
pushResults(e) {
|
|
149
|
+
this.results.emit(e);
|
|
150
|
+
}
|
|
151
|
+
/**
|
|
152
|
+
* Make MapsIndoors locations request based on given search query.
|
|
153
|
+
* @param {string} query
|
|
154
|
+
* @return {Promise<any[]>}
|
|
155
|
+
*/
|
|
156
|
+
makeMapsIndoorsQuery(e) {
|
|
157
|
+
if (!this.mapsindoors)
|
|
158
|
+
return Promise.resolve([]);
|
|
159
|
+
let t;
|
|
160
|
+
if (this.miNear && (t = this.miNear, /^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear))) {
|
|
161
|
+
const s = this.miNear.split(",");
|
|
162
|
+
t = { lat: parseFloat(s[0]), lng: parseFloat(s[1]) };
|
|
163
|
+
}
|
|
164
|
+
return mapsindoors.services.LocationsService.getLocations({
|
|
165
|
+
q: e.trim(),
|
|
166
|
+
fields: this.miFields,
|
|
167
|
+
take: this.miTake,
|
|
168
|
+
skip: this.miSkip,
|
|
169
|
+
orderBy: this.miOrder,
|
|
170
|
+
near: t,
|
|
171
|
+
venue: this.miVenue,
|
|
172
|
+
categories: this.miCategories
|
|
173
|
+
});
|
|
174
|
+
}
|
|
175
|
+
/**
|
|
176
|
+
* Make Google Places autocomplete suggestion request.
|
|
177
|
+
*
|
|
178
|
+
* @param {string} query
|
|
179
|
+
* @return {Promise<any>}
|
|
180
|
+
*/
|
|
181
|
+
makeGooglePlacesQuery(e) {
|
|
182
|
+
return this.google ? this.googleAutocompleteService || (this.googleAutocompleteService = new google.maps.places.AutocompleteService()) : this.googleAutocompleteService = null, this.googleAutocompleteService ? new Promise((t) => {
|
|
183
|
+
const s = {
|
|
184
|
+
input: e,
|
|
185
|
+
language: this.language
|
|
186
|
+
};
|
|
187
|
+
this.gmCountryCode && (s.componentRestrictions = { country: this.gmCountryCode }), this.googleAutocompleteService.getPlacePredictions(s, (r) => {
|
|
188
|
+
const a = (r || []).map((n) => ({
|
|
189
|
+
id: n.place_id,
|
|
190
|
+
type: "Feature",
|
|
191
|
+
properties: {
|
|
192
|
+
type: "google_places",
|
|
193
|
+
placeId: n.place_id,
|
|
194
|
+
name: n.structured_formatting.main_text,
|
|
195
|
+
subtitle: n.structured_formatting.secondary_text || "",
|
|
196
|
+
floor: 0
|
|
197
|
+
}
|
|
198
|
+
}));
|
|
199
|
+
t(a);
|
|
200
|
+
});
|
|
201
|
+
}) : Promise.resolve([]);
|
|
202
|
+
}
|
|
203
|
+
/**
|
|
204
|
+
* Get Mapbox Places results.
|
|
205
|
+
*
|
|
206
|
+
* @param {string} query
|
|
207
|
+
* @return {Promise<any>}
|
|
208
|
+
*/
|
|
209
|
+
getMapboxSearchResults(e) {
|
|
210
|
+
if (this.mapbox && mapboxgl.accessToken) {
|
|
211
|
+
if (e)
|
|
212
|
+
return new Promise((t) => {
|
|
213
|
+
const s = this.language.split("-")[0];
|
|
214
|
+
let r = `https://api.mapbox.com/search/searchbox/v1/suggest?q=${e}&session_token=${this.sessionToken}&access_token=${mapboxgl.accessToken}&language=${s}`;
|
|
215
|
+
this.userPosition && (r = r.concat(`&proximity=${this.userPosition}`)), fetch(r).then((a) => a.json()).then((a) => {
|
|
216
|
+
const n = a.suggestions.map((i) => ({
|
|
217
|
+
id: i.mapbox_id,
|
|
218
|
+
type: "Feature",
|
|
219
|
+
properties: {
|
|
220
|
+
type: "mapbox_places",
|
|
221
|
+
placeId: i.mapbox_id,
|
|
222
|
+
name: i.name,
|
|
223
|
+
subtitle: i.place_formatted || "",
|
|
224
|
+
floor: 0
|
|
225
|
+
}
|
|
226
|
+
}));
|
|
227
|
+
t(n);
|
|
228
|
+
}).catch(() => {
|
|
229
|
+
t([]);
|
|
230
|
+
});
|
|
231
|
+
});
|
|
232
|
+
} else
|
|
233
|
+
return Promise.resolve([]);
|
|
234
|
+
}
|
|
235
|
+
componentDidRender() {
|
|
236
|
+
if (this.dataAttributes)
|
|
237
|
+
for (const e in this.dataAttributes)
|
|
238
|
+
this.inputElement.setAttribute(e, this.dataAttributes[e]);
|
|
239
|
+
this.componentRendered.emit();
|
|
240
|
+
}
|
|
241
|
+
render() {
|
|
242
|
+
var e;
|
|
243
|
+
return p(M, null, p("input", { disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (t) => this.inputElement = t, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((e = this.inputElement) === null || e === void 0 ? void 0 : e.value) && p("button", { type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, p("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, p("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" }))));
|
|
244
|
+
}
|
|
245
|
+
static get watchers() {
|
|
246
|
+
return {
|
|
247
|
+
value: ["valueChange"]
|
|
248
|
+
};
|
|
249
|
+
}
|
|
250
|
+
};
|
|
251
|
+
E([
|
|
252
|
+
y(500)
|
|
253
|
+
], b.prototype, "inputChanged", null);
|
|
254
|
+
b.style = x;
|
|
255
|
+
export {
|
|
256
|
+
b as mi_search
|
|
257
|
+
};
|
|
258
|
+
//# sourceMappingURL=mi-search.entry-8c1f6929.mjs.map
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { r as a, c as o, h as e } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, i = new t.Error().stack;
|
|
7
|
+
i && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[i] = "fca6dff8-96b1-41f2-a41e-e2e3eed19959", t._sentryDebugIdIdentifier = "sentry-dbid-fca6dff8-96b1-41f2-a41e-e2e3eed19959");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
11
|
+
const d = 'a.mi-button{cursor:default}.mi-button{border-radius:4px;border-width:1px;border-style:solid;font-family:Inter, -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";font-size:1rem;font-weight:500;padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;display:inline-flex;align-items:center}.mi-button:disabled{opacity:0.48;cursor:not-allowed}.mi-button object{filter:invert(9%) sepia(13%) saturate(692%) hue-rotate(185deg) brightness(98%) contrast(91%);width:16px;height:16px}.mi-button--small{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;font-size:0.875rem;height:32px}.mi-button--small object{width:16px;height:16px}.mi-button--large{padding-left:16px;padding-right:16px;font-size:1.25rem}.mi-button--large object{width:20px;height:20px}.mi-button--full-width{width:100%;justify-content:center}.mi-button--icon-left{padding-left:12px}.mi-button--icon-left object{margin-right:8px}.mi-button--icon-right{padding-right:12px}.mi-button--icon-right object{margin-left:8px}.mi-button--icon-both{padding-top:12px;padding-bottom:12px}.mi-button--icon-both object:first-of-type{margin-right:8px}.mi-button--icon-both object:last-of-type{margin-left:8px}.mi-button--base{background:linear-gradient(#f5f7fa, #ebeff5);color:#1e2025;border-color:#c8d0e0}.mi-button--base:not(:disabled):hover{background:linear-gradient(#ebeff5, #dee3ed);border-color:#aeb9cb}.mi-button--base:not(:disabled):active{background:linear-gradient(#dee3ed, #ebeff5)}.mi-button--primary{color:#ffffff;border-color:#20693e;background:linear-gradient(#3ba064, #2a844e)}.mi-button--primary object{filter:invert(100%) sepia(93%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%)}.mi-button--primary:not(:disabled):hover{background:linear-gradient(#2a844e, #20693e)}.mi-button--primary:not(:disabled):active{background:linear-gradient(#20693e, #2a844e)}.mi-button--delete{background:linear-gradient(#f55151, #de1b1b);color:#ffffff;border-color:#ba0d0d}.mi-button--delete object{filter:invert(100%) sepia(93%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%)}.mi-button--delete:not(:disabled):hover{background:linear-gradient(#de1b1b, #ba0d0d)}.mi-button--delete:not(:disabled):active{background:linear-gradient(#ba0d0d, #de1b1b)}.mi-button--outline{color:#3071d9;border-color:#3071d9;background-color:transparent}.mi-button--outline object{filter:invert(38%) sepia(97%) saturate(742%) hue-rotate(188deg) brightness(86%) contrast(97%)}.mi-button--outline:not(:disabled):hover{color:#1d5bbf;border-color:#1d5bbf;background-color:#eef4fc}.mi-button--outline:not(:disabled):active{color:#1d5bbf;border-color:#1d5bbf;background-color:#cfe0fc}.mi-button--link{color:#3071d9;border-style:none;background-color:transparent;cursor:pointer}.mi-button--link object{filter:invert(38%) sepia(97%) saturate(742%) hue-rotate(188deg) brightness(86%) contrast(97%)}.mi-button--link:not(:disabled):hover{color:#1d5bbf;border-color:#1d5bbf;background-color:#eef4fc}.mi-button--link:disabled:hover{cursor:not-allowed}.mi-button--link:not(:disabled):active{color:#1d5bbf;border-color:#1d5bbf;background-color:#cfe0fc}.width-none{width:0}.width-xxx-small{width:2px}.width-xx-small{width:4px}.width-x-small{width:8px}.width-small{width:12px}.width-medium{width:16px}.width-large{width:24px}.width-x-large{width:32px}.width-xx-large{width:40px}.width-xxx-large{width:48px}.width-xxxx-large{width:64px}.min-width-none{min-width:0}.min-width-xxx-small{min-width:2px}.min-width-xx-small{min-width:4px}.min-width-x-small{min-width:8px}.min-width-small{min-width:12px}.min-width-medium{min-width:16px}.min-width-large{min-width:24px}.min-width-x-large{min-width:32px}.min-width-xx-large{min-width:40px}.min-width-xxx-large{min-width:48px}.min-width-xxxx-large{min-width:64px}.max-width-none{max-width:0}.max-width-xxx-small{max-width:2px}.max-width-xx-small{max-width:4px}.max-width-x-small{max-width:8px}.max-width-small{max-width:12px}.max-width-medium{max-width:16px}.max-width-large{max-width:24px}.max-width-x-large{max-width:32px}.max-width-xx-large{max-width:40px}.max-width-xxx-large{max-width:48px}.max-width-xxxx-large{max-width:64px}.height-none{height:0}.height-xxx-small{height:2px}.height-xx-small{height:4px}.height-x-small{height:8px}.height-small{height:12px}.height-medium{height:16px}.height-large{height:24px}.height-x-large{height:32px}.height-xx-large{height:40px}.height-xxx-large{height:48px}.height-xxxx-large{height:64px}.min-height-none{min-height:0}.min-height-xxx-small{min-height:2px}.min-height-xx-small{min-height:4px}.min-height-x-small{min-height:8px}.min-height-small{min-height:12px}.min-height-medium{min-height:16px}.min-height-large{min-height:24px}.min-height-x-large{min-height:32px}.min-height-xx-large{min-height:40px}.min-height-xxx-large{min-height:48px}.min-height-xxxx-large{min-height:64px}.max-height-none{max-height:0}.max-height-xxx-small{max-height:2px}.max-height-xx-small{max-height:4px}.max-height-x-small{max-height:8px}.max-height-small{max-height:12px}.max-height-medium{max-height:16px}.max-height-large{max-height:24px}.max-height-x-large{max-height:32px}.max-height-xx-large{max-height:40px}.max-height-xxx-large{max-height:48px}.max-height-xxxx-large{max-height:64px}.debug *{outline:1px solid gold}.flex{display:flex;flex:1}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.display-block{display:block}.display-inline-block{display:inline-block}.display-inline{display:inline}.display-none{display:none}.text-decoration-none{text-decoration:none}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.margin-auto{margin-left:auto;margin-right:auto}form .inputs{margin:0 auto;width:80%;padding-top:32px;padding-bottom:32px;position:relative;display:flex;flex-direction:row;align-items:center}form .inputs span.plus-sign{position:absolute;left:16px;display:block;font-size:1rem;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";color:#1c1917;top:50%;transform:translateY(-50%)}form .inputs input{padding-left:12px;padding-right:12px;background-color:#ffffff;border-style:solid;border-width:1px;border-radius:8px;height:48px;font-size:1.25rem;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";color:#1c1917;box-sizing:border-box}form .inputs input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #dbeafe}form .inputs input.country-code{width:15%;min-width:88px;margin-right:16px;padding-left:32px}form .inputs input.phone-number{width:85%}form button{margin-top:32px;margin-bottom:24px}', l = class {
|
|
12
|
+
constructor(t) {
|
|
13
|
+
a(this, t), this.successfullySent = o(this, "successfullySent", 7), this.unsuccessfullySent = o(this, "unsuccessfullySent", 7), this.submitFormHandler = (i) => {
|
|
14
|
+
i.preventDefault();
|
|
15
|
+
const n = !!(this.venueId && this.originLocationId && this.destinationLocationId);
|
|
16
|
+
if (!this.formElement.checkValidity() || !n) {
|
|
17
|
+
this.countryCodeInputElement.validity.valid || this.countryCodeInputElement.focus(), this.phoneNumberInputElement.validity.valid || this.phoneNumberInputElement.focus();
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
mapsindoors.services.ShareService.directionsToPhone(this.venueId, this.originLocationId, this.destinationLocationId, this.countryCodeInputElement.value, this.phoneNumberInputElement.value).then(() => this.successfullySent.emit()).catch((r) => this.unsuccessfullySent.emit(r));
|
|
21
|
+
}, this.venueId = void 0, this.originLocationId = void 0, this.destinationLocationId = void 0, this.countryCode = "1", this.phoneNumberInputPlaceholder = "Enter phone number", this.submitButtonLabel = "Send SMS";
|
|
22
|
+
}
|
|
23
|
+
componentDidRender() {
|
|
24
|
+
this.countryCodeInputElement.value = this.countryCode;
|
|
25
|
+
}
|
|
26
|
+
componentDidLoad() {
|
|
27
|
+
this.addIntersectionObserver();
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Observe the input field for phone number and focus it on intersection.
|
|
31
|
+
*/
|
|
32
|
+
addIntersectionObserver() {
|
|
33
|
+
this.intersectionObserver = new IntersectionObserver((t) => {
|
|
34
|
+
t[0].intersectionRatio <= 0 || (this.phoneNumberInputElement.focus(), this.intersectionObserver.disconnect());
|
|
35
|
+
}), this.intersectionObserver.observe(this.phoneNumberInputElement);
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Set input attribute on mi-keyboard component.
|
|
39
|
+
*
|
|
40
|
+
* @param {FocusEvent} event
|
|
41
|
+
*/
|
|
42
|
+
setKeyboardInputElement(t) {
|
|
43
|
+
this.miKeyboardElement.inputElement = t.target;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Update form validity.
|
|
47
|
+
*/
|
|
48
|
+
updateFormValidity() {
|
|
49
|
+
if (!this.formElement.checkValidity()) {
|
|
50
|
+
this.submitButtonElement.disabled = !0;
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
this.submitButtonElement.disabled = !1;
|
|
54
|
+
}
|
|
55
|
+
render() {
|
|
56
|
+
return e("form", { onSubmit: this.submitFormHandler, ref: (t) => this.formElement = t }, e("div", { class: "inputs" }, e("span", { class: "plus-sign" }, "+"), e("input", { id: "country-code", class: "country-code", pattern: "[0-9]{1,3}", required: !0, autocomplete: "off", type: "text", placeholder: this.countryCode, ref: (t) => this.countryCodeInputElement = t, onInput: () => this.updateFormValidity(), onFocus: (t) => this.setKeyboardInputElement(t) }), e("input", { id: "phone-number", class: "phone-number", pattern: "[0-9]{6,10}", required: !0, autocomplete: "off", type: "text", placeholder: this.phoneNumberInputPlaceholder, ref: (t) => this.phoneNumberInputElement = t, onInput: () => this.updateFormValidity(), onFocus: (t) => this.setKeyboardInputElement(t) })), e("mi-keyboard", { layout: "numeric", ref: (t) => this.miKeyboardElement = t }), e("div", { class: "flex justify-center" }, e("button", { type: "submit", disabled: !0, class: "mi-button mi-button--primary", ref: (t) => this.submitButtonElement = t }, this.submitButtonLabel)));
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
l.style = d;
|
|
60
|
+
export {
|
|
61
|
+
l as mi_share_sms
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=mi-share-sms.entry-0689c0ac.mjs.map
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { r as n, c as d, h as t, H as p } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, s = new e.Error().stack;
|
|
7
|
+
s && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[s] = "7c4f3980-7de3-4c39-b554-15834197a96c", e._sentryDebugIdIdentifier = "sentry-dbid-7c4f3980-7de3-4c39-b554-15834197a96c");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
11
|
+
const o = ":host{display:flex}button{padding:16px;background-color:transparent;border:none}button:disabled svg{fill:#d1d5db}button svg{fill:#1f2937}div.steps{padding-top:12px;padding-bottom:12px;padding-left:4px;padding-right:4px;display:flex;flex-grow:1;flex-direction:column;vertical-align:center;justify-content:center}div.steps p{margin:0;padding-bottom:8px;color:#1c1917;font-size:1rem;font-weight:500;line-height:1.25rem;text-align:center}div.steps__dots{display:flex;justify-content:center}div.steps__dots span{width:8px;height:8px;margin-right:8px;float:left;background-color:#d1d5db;border-radius:50%}div.steps__dots span.active{background-color:#1f2937}div.steps__dots span:last-child{margin-right:0px}", a = class {
|
|
12
|
+
constructor(e) {
|
|
13
|
+
n(this, e), this.stepIndexChanged = d(this, "stepIndexChanged", 7), this.heading = void 0, this.steps = [], this.stepIndex = 0;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Set step index and emit stepIndexChanged event.
|
|
17
|
+
*
|
|
18
|
+
* @param {number} index
|
|
19
|
+
*/
|
|
20
|
+
setStepIndex(e) {
|
|
21
|
+
this.stepIndex = e, this.stepIndexChanged.emit(this.stepIndex);
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
return t(p, null, t("button", { type: "button", disabled: this.steps.length === 0 || this.stepIndex === 0, onClick: () => this.setStepIndex(this.stepIndex - 1) }, t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, t("path", { d: "M0 0h24v24H0V0z", fill: "none" }), t("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" }))), t("div", { class: "steps" }, this.heading ? t("p", { part: "heading" }, this.heading) : null, t("div", { class: "steps__dots" }, this.steps.map((e, s) => {
|
|
25
|
+
const i = this.stepIndex === s;
|
|
26
|
+
return t("span", { part: i ? "active-dot" : "dot", class: { active: i } });
|
|
27
|
+
}))), t("button", { type: "button", disabled: this.steps.length === 0 || this.stepIndex === this.steps.length - 1, onClick: () => this.setStepIndex(this.stepIndex + 1) }, t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24px", height: "24px" }, t("path", { d: "M0 0h24v24H0V0z", fill: "none" }), t("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }))));
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
a.style = o;
|
|
31
|
+
export {
|
|
32
|
+
a as mi_step_switcher
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=mi-step-switcher.entry-aa8f0707.mjs.map
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { r as i, h as t } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, s = new e.Error().stack;
|
|
7
|
+
s && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[s] = "8e6e2a91-73dd-4ec1-93fa-876af23d657e", e._sentryDebugIdIdentifier = "sentry-dbid-8e6e2a91-73dd-4ec1-93fa-876af23d657e");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
11
|
+
const n = 'div{display:none}div.active{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;display:block}', a = class {
|
|
12
|
+
constructor(e) {
|
|
13
|
+
i(this, e), this.isActive = !1;
|
|
14
|
+
}
|
|
15
|
+
async active(e) {
|
|
16
|
+
return e !== void 0 && (this.isActive = !!e), this.isActive;
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
const e = {
|
|
20
|
+
active: this.isActive
|
|
21
|
+
};
|
|
22
|
+
return t("div", { class: e }, t("slot", null));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
a.style = n;
|
|
26
|
+
export {
|
|
27
|
+
a as mi_tab_panel
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=mi-tab-panel.entry-1ddc397b.mjs.map
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as n } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new e.Error().stack;
|
|
7
|
+
t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "5984972f-938b-469b-b2ac-c995e11e8d44", e._sentryDebugIdIdentifier = "sentry-dbid-5984972f-938b-469b-b2ac-c995e11e8d44");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
11
|
+
const o = class {
|
|
12
|
+
constructor(e) {
|
|
13
|
+
n(this, e), this.label = void 0, this.tabFor = void 0;
|
|
14
|
+
}
|
|
15
|
+
render() {
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
o as mi_tab
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=mi-tab.entry-a478df47.mjs.map
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { r as a, h as o, H as d, g as l } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new e.Error().stack;
|
|
7
|
+
t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "619465b5-3bee-437c-b91b-172369be82e5", e._sentryDebugIdIdentifier = "sentry-dbid-619465b5-3bee-437c-b91b-172369be82e5");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
11
|
+
const b = ':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 .nav{border:none;border-bottom:solid;border-color:#d1d5db;border-width:1px;padding-left:24px}:host .nav--borderless-bottom{border-bottom:0}:host .nav ul{display:flex;flex-direction:row;padding:0;margin:0;margin-bottom:-1px}:host .nav ul li{list-style:none;text-align:center;cursor:pointer;padding:16px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0)}:host .nav ul li.active{background-color:#f9fafb;border-color:#d1d5db;border-width:1px;border-style:solid;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:600}:host .content{display:block;padding:16px;background-color:#f9fafb}:host .content--bordered{border-width:1px;border-color:#d1d5db;border-style:solid;border-radius:4px}', c = class {
|
|
12
|
+
constructor(e) {
|
|
13
|
+
a(this, e), this.active = 0, this.bordered = !1, this.tabs = void 0;
|
|
14
|
+
}
|
|
15
|
+
connectedCallback() {
|
|
16
|
+
new MutationObserver(this.componentWillRender.bind(this)).observe(this.el, { childList: !0 });
|
|
17
|
+
}
|
|
18
|
+
componentWillRender() {
|
|
19
|
+
const e = this.el.querySelectorAll("mi-tab");
|
|
20
|
+
this.tabs = Array.from(e).reduce((t, r, s) => {
|
|
21
|
+
const n = Array.from(this.el.getElementsByTagName("mi-tab-panel")).find((i) => i.id === r.tabFor);
|
|
22
|
+
return n && t.push({ label: r.label, content: n }), t;
|
|
23
|
+
}, []);
|
|
24
|
+
}
|
|
25
|
+
componentDidRender() {
|
|
26
|
+
this.selectTab(this.active);
|
|
27
|
+
}
|
|
28
|
+
async selectTab(e) {
|
|
29
|
+
await this.tabs[e].content.active() || (this.active = e, this.tabs.forEach((r, s) => r.content.active(s === e)));
|
|
30
|
+
}
|
|
31
|
+
render() {
|
|
32
|
+
return o(d, null, o("nav", { class: `nav ${this.bordered === !0 ? "nav--borderless-bottom" : ""}` }, o("ul", null, this.tabs.map((e, t) => o("li", { class: this.active === t ? "active" : "", onClick: () => {
|
|
33
|
+
this.selectTab(t);
|
|
34
|
+
} }, " ", e.label, " ")))), o("section", { class: `content ${this.bordered === !0 ? "content--bordered" : ""}` }, o("slot", null)));
|
|
35
|
+
}
|
|
36
|
+
get el() {
|
|
37
|
+
return l(this);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
c.style = b;
|
|
41
|
+
export {
|
|
42
|
+
c as mi_tabs
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=mi-tabs.entry-7c445312.mjs.map
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { r as o, h as l } from "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, s = new t.Error().stack;
|
|
7
|
+
s && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[s] = "3ffb151d-af2c-45aa-900d-7a54f61c5128", t._sentryDebugIdIdentifier = "sentry-dbid-3ffb151d-af2c-45aa-900d-7a54f61c5128");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
11
|
+
const f = class {
|
|
12
|
+
constructor(t) {
|
|
13
|
+
o(this, t), this.seconds = void 0, this.translations = void 0, this.translationsData = void 0;
|
|
14
|
+
}
|
|
15
|
+
setTranslations() {
|
|
16
|
+
this.translations ? this.translationsData = JSON.parse(this.translations) : this.translationsData = { days: "d", hours: "h", minutes: "min" };
|
|
17
|
+
}
|
|
18
|
+
componentWillLoad() {
|
|
19
|
+
this.setTranslations();
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Get display string in days, hours, and minutes, eg. "1 d 23 h 4 min".
|
|
23
|
+
* Minimum display value is 1 minute.
|
|
24
|
+
*
|
|
25
|
+
* @param {number} seconds Duration in seconds.
|
|
26
|
+
* @returns {string}
|
|
27
|
+
*/
|
|
28
|
+
getDurationDisplayString(t) {
|
|
29
|
+
const s = Math.floor(t / 86400), n = Math.floor(t % 86400 / 3600), i = Math.floor(t % 86400 % 3600 / 60), r = s > 0 ? `${s} ${this.translationsData.days} ` : "", e = n > 0 ? `${n} ${this.translationsData.hours} ` : "";
|
|
30
|
+
let a = i > 0 ? `${i} ${this.translationsData.minutes}` : "";
|
|
31
|
+
return !r && !e && !a && (a = "1 min"), `${r}${e}${a}`.trim();
|
|
32
|
+
}
|
|
33
|
+
render() {
|
|
34
|
+
return this.seconds >= 0 && this.translationsData ? this.renderDuration() : null;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Render formatted duration string.
|
|
38
|
+
*
|
|
39
|
+
* @returns {JSX.Element}
|
|
40
|
+
*/
|
|
41
|
+
renderDuration() {
|
|
42
|
+
return l("span", null, this.getDurationDisplayString(this.seconds));
|
|
43
|
+
}
|
|
44
|
+
static get watchers() {
|
|
45
|
+
return {
|
|
46
|
+
translations: ["setTranslations"]
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
export {
|
|
51
|
+
f as mi_time
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=mi-time.entry-df58a4f1.mjs.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "./reactcomponent-fed5da4c.mjs";
|
|
2
|
+
(function() {
|
|
3
|
+
try {
|
|
4
|
+
var s = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, d = new s.Error().stack;
|
|
5
|
+
d && (s._sentryDebugIds = s._sentryDebugIds || {}, s._sentryDebugIds[d] = "03e3506c-7806-4510-bbdf-96d3717429e7", s._sentryDebugIdIdentifier = "sentry-dbid-03e3506c-7806-4510-bbdf-96d3717429e7");
|
|
6
|
+
} catch {
|
|
7
|
+
}
|
|
8
|
+
})();
|
|
9
|
+
const n = {
|
|
10
|
+
miSDKUrl: "https://app.mapsindoors.com/mapsindoors/js/sdk/3.12.0/mapsindoors-3.12.0.js.gz",
|
|
11
|
+
miSDKUrlV4: "https://app.mapsindoors.com/mapsindoors/js/sdk/4.13.0/mapsindoors-4.13.0.js.gz"
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
n as m
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=mi-variables-9a6c8d4d-64044b44.mjs.map
|