@mapsindoors/map-template 1.39.0 → 1.40.0
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/README.md +2 -0
- package/dist/_commonjsHelpers-ba3f0406-28a65491.mjs +30 -0
- package/dist/combo-box-item.entry-07fb23f4.mjs +22 -0
- package/dist/icon-b8d01d6f-3774f8c4.mjs +33 -0
- package/dist/mapsindoors-react.es.js +10 -2
- package/dist/mapsindoors-react.umd.js +184 -137
- package/dist/mapsindoors-webcomponent.es.js +47802 -35718
- package/dist/mapsindoors-webcomponent.umd.js +197 -157
- package/dist/mi-card_2.entry-54e558c1.mjs +33 -0
- package/dist/{mi-chip.entry-66decfd5.mjs → mi-chip.entry-a4d96da9.mjs} +13 -5
- package/dist/mi-column.entry-a8aa7a04.mjs +28 -0
- package/dist/{mi-combo-box.entry-b1ed5a12.mjs → mi-combo-box.entry-41675608.mjs} +15 -7
- package/dist/{mi-data-table.entry-01a77e2a.mjs → mi-data-table.entry-dad0483c.mjs} +10 -2
- package/dist/{mi-distance_2.entry-a98d5097.mjs → mi-distance_2.entry-3e4c0507.mjs} +20 -12
- package/dist/mi-dropdown-item.entry-3cca99e3.mjs +22 -0
- package/dist/{mi-dropdown.entry-a25751f4.mjs → mi-dropdown.entry-374b1cdb.mjs} +31 -23
- package/dist/{mi-floor-selector.entry-8db92aeb.mjs → mi-floor-selector.entry-3cd2ad6f.mjs} +9 -1
- package/dist/{mi-keyboard.entry-2423f3eb.mjs → mi-keyboard.entry-b55741fd.mjs} +83 -75
- package/dist/{mi-list-item-category.entry-69d13eb0.mjs → mi-list-item-category.entry-a0877f74.mjs} +17 -9
- package/dist/{mi-list-item-location.entry-c02bedee.mjs → mi-list-item-location.entry-fefafa05.mjs} +19 -11
- package/dist/{mi-list.entry-790707be.mjs → mi-list.entry-42c700a0.mjs} +12 -4
- package/dist/{mi-location-booking.entry-d37d3f1e.mjs → mi-location-booking.entry-7b402a48.mjs} +10 -2
- package/dist/mi-location-info.entry-0b7d60dc.mjs +39 -0
- package/dist/{mi-map-googlemaps.entry-6ff2cbe9.mjs → mi-map-googlemaps.entry-d6a72beb.mjs} +16 -8
- package/dist/{mi-map-mapbox.entry-e3e8a0dd.mjs → mi-map-mapbox.entry-c2d0673a.mjs} +13 -5
- package/dist/{mi-metric-card.entry-cffda976.mjs → mi-metric-card.entry-3b59fc90.mjs} +20 -12
- package/dist/{mi-my-position.entry-ddc35980.mjs → mi-my-position.entry-fe4a4b9b.mjs} +48 -40
- package/dist/{mi-notification.entry-657cfcc1.mjs → mi-notification.entry-7120b62e.mjs} +20 -12
- package/dist/{mi-route-instructions-heading.entry-ac7b30e8.mjs → mi-route-instructions-heading.entry-a81ce1af.mjs} +25 -17
- package/dist/{mi-route-instructions-maneuver-legacy.entry-4c9aa387.mjs → mi-route-instructions-maneuver-legacy.entry-288eaab6.mjs} +15 -7
- package/dist/{mi-route-instructions-maneuver.entry-e8d9ecb8.mjs → mi-route-instructions-maneuver.entry-cc7b9d56.mjs} +16 -8
- package/dist/{mi-route-instructions-step-legacy.entry-750c21d3.mjs → mi-route-instructions-step-legacy.entry-fd28722f.mjs} +33 -25
- package/dist/{mi-route-instructions-step.entry-da37f8c3.mjs → mi-route-instructions-step.entry-303386fd.mjs} +14 -6
- package/dist/{mi-route-instructions.entry-6f6d308f.mjs → mi-route-instructions.entry-76d5593c.mjs} +23 -15
- package/dist/{mi-scroll-buttons.entry-8dc41a14.mjs → mi-scroll-buttons.entry-48c983a7.mjs} +12 -4
- package/dist/{mi-search.entry-39ad2683.mjs → mi-search.entry-668cb060.mjs} +23 -15
- package/dist/{mi-share-sms.entry-42d418a9.mjs → mi-share-sms.entry-1d0016ea.mjs} +13 -5
- package/dist/{mi-step-switcher.entry-e741373d.mjs → mi-step-switcher.entry-36194377.mjs} +15 -7
- package/dist/mi-tab-panel.entry-e1768e04.mjs +29 -0
- package/dist/mi-tab.entry-7699e4f5.mjs +21 -0
- package/dist/{mi-tabs.entry-86388c1c.mjs → mi-tabs.entry-ba915bae.mjs} +13 -5
- package/dist/{mi-time.entry-0c8e7ec5.mjs → mi-time.entry-0a79a5aa.mjs} +15 -7
- package/dist/mi-variables-9a6c8d4d-54a7f0fc.mjs +16 -0
- package/dist/reactcomponent-2ae3c3c4.mjs +55162 -0
- package/dist/route-travel-mode.enum-7f4ce9c7-4fd44e3c.mjs +16 -0
- package/dist/sort-order.enum-64ce8998-2ccb3b8e.mjs +326 -0
- package/dist/unit-system.enum-eaefb53e-077ac36d.mjs +16 -0
- package/dist/utils-ae714467-40e91cf2.mjs +45 -0
- package/package.json +3 -1
- package/dist/_commonjsHelpers-ba3f0406-b96e6d6a.mjs +0 -21
- package/dist/combo-box-item.entry-4fb14c2c.mjs +0 -14
- package/dist/icon-b8d01d6f-ddfa2c17.mjs +0 -24
- package/dist/mi-card_2.entry-42163be3.mjs +0 -25
- package/dist/mi-column.entry-87f86e0b.mjs +0 -20
- package/dist/mi-dropdown-item.entry-d3017c4d.mjs +0 -14
- package/dist/mi-location-info.entry-d1c8177d.mjs +0 -31
- package/dist/mi-tab-panel.entry-ce8eb340.mjs +0 -21
- package/dist/mi-tab.entry-460f564f.mjs +0 -13
- package/dist/mi-variables-9a6c8d4d-e06eec88.mjs +0 -7
- package/dist/reactcomponent-8283ee84.mjs +0 -42986
- package/dist/route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs +0 -7
- package/dist/sort-order.enum-64ce8998-b75ac596.mjs +0 -317
- package/dist/unit-system.enum-eaefb53e-0f424da4.mjs +0 -7
- package/dist/utils-ae714467-b07fc3be.mjs +0 -36
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
import { r as s, h as
|
|
2
|
-
import { U as o } from "./unit-system.enum-eaefb53e-
|
|
1
|
+
import { r as s, h as e, H as r } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
|
+
import { U as o } from "./unit-system.enum-eaefb53e-077ac36d.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
|
|
5
|
+
(function() {
|
|
6
|
+
try {
|
|
7
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
|
|
8
|
+
n && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[n] = "31294eba-4a02-436e-9bae-42e24efb251f", t._sentryDebugIdIdentifier = "sentry-dbid-31294eba-4a02-436e-9bae-42e24efb251f");
|
|
9
|
+
} catch {
|
|
10
|
+
}
|
|
11
|
+
})();
|
|
12
|
+
const l = ':host{display:flex;padding-top:12px;padding-bottom:12px;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"}.icon{width:48px;display:flex;justify-content:center}.icon mi-icon{width:24px;height:24px}.description{display:flex;flex-direction:column;flex:1}.description p{margin:0;padding-right:16px;font-size:0.875rem;word-break:break-all}.description__distance{display:flex;align-items:center}.description__distance mi-distance{font-size:0.75rem;padding-right:12px}.description__distance-border{flex:1;width:100%;height:0;border-bottom:1px solid #e5e7eb}', d = class {
|
|
6
13
|
constructor(t) {
|
|
7
14
|
s(this, t), this.maneuver = void 0, this.maneuverData = void 0, this.translations = void 0, this.translationsData = void 0, this.unit = o.Metric;
|
|
8
15
|
}
|
|
@@ -59,8 +66,8 @@ const l = ':host{display:flex;padding-top:12px;padding-bottom:12px;font-family:F
|
|
|
59
66
|
"slight-right": `${this.translationsData.goSlightRight} ${this.translationsData.andContinue}`,
|
|
60
67
|
"u-turn": `${this.translationsData.turnAround} ${this.translationsData.andContinue}`
|
|
61
68
|
// 'Turn around and continue'
|
|
62
|
-
},
|
|
63
|
-
return
|
|
69
|
+
}, n = this.getManeuverName(this.maneuverData.maneuver.toLowerCase()), i = `arrow-${n}`, a = this.maneuverData.instructions ? this.maneuverData.instructions : t[n];
|
|
70
|
+
return e(r, null, e("div", { class: "icon" }, n ? e("mi-icon", { part: "maneuver-icon", "icon-name": i }) : null), e("div", { class: "description" }, e("p", { part: "maneuver-description" }, a), e("div", { class: "description__distance" }, e("mi-distance", { part: "maneuver-description-distance", meters: this.maneuverData.distance.value, unit: this.unit }), e("span", { part: "maneuver-description-distance-border", class: "description__distance-border" }))));
|
|
64
71
|
}
|
|
65
72
|
static get watchers() {
|
|
66
73
|
return {
|
|
@@ -69,7 +76,8 @@ const l = ':host{display:flex;padding-top:12px;padding-bottom:12px;font-family:F
|
|
|
69
76
|
};
|
|
70
77
|
}
|
|
71
78
|
};
|
|
72
|
-
|
|
79
|
+
d.style = l;
|
|
73
80
|
export {
|
|
74
|
-
|
|
81
|
+
d as mi_route_instructions_maneuver_legacy
|
|
75
82
|
};
|
|
83
|
+
//# sourceMappingURL=mi-route-instructions-maneuver-legacy.entry-288eaab6.mjs.map
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import { r, h as
|
|
2
|
-
import { U as o } from "./unit-system.enum-eaefb53e-
|
|
1
|
+
import { r as e, h as a, H as r } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
|
+
import { U as o } from "./unit-system.enum-eaefb53e-077ac36d.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
|
|
5
|
+
(function() {
|
|
6
|
+
try {
|
|
7
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, n = new Error().stack;
|
|
8
|
+
n && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[n] = "d2260c26-a96c-4f2b-ab01-f533de617a97", t._sentryDebugIdIdentifier = "sentry-dbid-d2260c26-a96c-4f2b-ab01-f533de617a97");
|
|
9
|
+
} catch {
|
|
10
|
+
}
|
|
11
|
+
})();
|
|
12
|
+
const u = ":host{display:grid;gap:24px;grid-auto-flow:column;align-items:center;grid-template-columns:24px 1fr;border-top:1px solid #e5e7eb;padding:16px}.icon{width:24px;height:24px}.description{font-size:16px;display:grid;gap:8px;height:-moz-fit-content;height:fit-content}.description__text{margin:0;font-size:16px;word-break:break-all}.description mi-distance{font-size:12px;color:#6b7280}", l = class {
|
|
6
13
|
constructor(t) {
|
|
7
|
-
|
|
14
|
+
e(this, t), this.maneuver = void 0, this.maneuverData = void 0, this.translations = void 0, this.translationsData = void 0, this.unit = o.Metric;
|
|
8
15
|
}
|
|
9
16
|
parseManeuverProp() {
|
|
10
17
|
this.maneuverData = JSON.parse(this.maneuver);
|
|
@@ -59,8 +66,8 @@ const h = ":host{display:grid;gap:24px;grid-auto-flow:column;align-items:center;
|
|
|
59
66
|
"slight-right": `${this.translationsData.goSlightRight} ${this.translationsData.andContinue}`,
|
|
60
67
|
"u-turn": `${this.translationsData.turnAround} ${this.translationsData.andContinue}`
|
|
61
68
|
// 'Turn around and continue'
|
|
62
|
-
},
|
|
63
|
-
return
|
|
69
|
+
}, n = this.getManeuverName(this.maneuverData.maneuver.toLowerCase()), i = `arrow-${n}`, s = this.maneuverData.instructions ? this.maneuverData.instructions : t[n];
|
|
70
|
+
return a(r, null, a("div", { class: "icon" }, n ? a("mi-icon", { part: "maneuver-icon", "icon-name": i }) : null), a("div", { class: "description" }, a("div", { class: "description__text" }, s), a("mi-distance", { part: "maneuver-description-distance", meters: this.maneuverData.distance.value, unit: this.unit })));
|
|
64
71
|
}
|
|
65
72
|
static get watchers() {
|
|
66
73
|
return {
|
|
@@ -69,7 +76,8 @@ const h = ":host{display:grid;gap:24px;grid-auto-flow:column;align-items:center;
|
|
|
69
76
|
};
|
|
70
77
|
}
|
|
71
78
|
};
|
|
72
|
-
|
|
79
|
+
l.style = u;
|
|
73
80
|
export {
|
|
74
|
-
|
|
81
|
+
l as mi_route_instructions_maneuver
|
|
75
82
|
};
|
|
83
|
+
//# sourceMappingURL=mi-route-instructions-maneuver.entry-cc7b9d56.mjs.map
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
import { r as n, c as r, h as
|
|
2
|
-
import { U as o } from "./unit-system.enum-eaefb53e-
|
|
3
|
-
import { c as l } from "./utils-ae714467-
|
|
1
|
+
import { r as n, c as r, h as s } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
|
+
import { U as o } from "./unit-system.enum-eaefb53e-077ac36d.mjs";
|
|
3
|
+
import { c as l } from "./utils-ae714467-40e91cf2.mjs";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
+
(function() {
|
|
7
|
+
try {
|
|
8
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, e = new Error().stack;
|
|
9
|
+
e && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[e] = "2251760d-9bc4-42dc-aa9f-5d7dad2122ac", t._sentryDebugIdIdentifier = "sentry-dbid-2251760d-9bc4-42dc-aa9f-5d7dad2122ac");
|
|
10
|
+
} catch {
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
6
13
|
const p = ':host{display:block;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"}.step{display:grid;grid-template-columns:40px 1fr 40px;grid-template-areas:"actionicon heading heading" "modeicon description toggle" "modeicon substeps substeps"}.step__action-icon{-ms-grid-row:1;-ms-grid-column:1;display:flex;justify-content:center;align-items:center;grid-area:actionicon}.step__action-icon--circled{position:relative}.step__action-icon--circled::before{position:absolute;width:24px;height:24px;border:1px solid #1c1917;content:"";border-radius:50%}.step__action-icon mi-icon{display:block;width:12px;height:12px}.step__heading{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:2;grid-area:heading;font-size:1rem;margin:0;border-bottom:1px solid #DCDCDF;border-top:1px solid #DCDCDF;padding:12px}.step__heading>span{font-size:0.875rem;color:#6b7280}.step__travel-mode{-ms-grid-row:2;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:modeicon;display:flex;justify-content:center;align-items:center;position:relative;min-height:72px}.step__travel-mode::before{position:absolute;width:calc(50% - 2px);left:0;height:100%;content:""}.step__travel-mode--dotted::before{border-right:4px dotted #bfdbfe}.step__travel-mode--solid::before{border-right:4px solid #bfdbfe}.step__travel-mode-icon{position:absolute;left:50%;top:24px;transform:translateX(-50%);background-color:#fcfcfc;padding:3px;border-radius:4px}.step__travel-mode-icon mi-icon{width:16px;height:16px;background-color:#6b7280;display:block}.step__description{-ms-grid-row:2;-ms-grid-column:2;grid-area:description;padding:12px}.step__short-name{margin-right:4px;padding:2px 4px;font-size:0.875rem;color:#fcfcfc;background-color:#6b7280;border-radius:2px}.step__distance-duration{color:#6b7280;font-size:0.875rem}.step__toggle{-ms-grid-row:2;-ms-grid-column:3;grid-area:toggle;display:flex;justify-content:center;align-items:center;transition:transform 300ms;cursor:pointer}.step__toggle--open{transform:rotate(180deg)}.step__toggle mi-icon{width:16px;height:16px;display:block;background-color:#3b82f6}.step__substeps{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:2;grid-area:substeps}', d = class {
|
|
7
14
|
constructor(t) {
|
|
8
15
|
n(this, t), this.stepClicked = r(this, "stepClicked", 7), this.isInternetExplorer = l(), this.step = void 0, this.stepData = void 0, this.hideIndoorSubsteps = !0, this.fromRouteContext = "", this.fromTravelMode = void 0, this.fromTransitStop = void 0, this.unit = o.Metric, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
|
|
@@ -29,8 +36,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
29
36
|
stepClickHandler(t) {
|
|
30
37
|
if (Array.from(t.target.classList).includes("icon-toggle"))
|
|
31
38
|
return;
|
|
32
|
-
let
|
|
33
|
-
t.target.dataset.maneuverIndex !== void 0 && (
|
|
39
|
+
let e = null;
|
|
40
|
+
t.target.dataset.maneuverIndex !== void 0 && (e = parseInt(t.target.dataset.maneuverIndex)), this.stepClicked.emit({ maneuverIndex: e });
|
|
34
41
|
}
|
|
35
42
|
/**
|
|
36
43
|
* Render step part depending on travel mode.
|
|
@@ -48,7 +55,7 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
48
55
|
case "TRANSIT":
|
|
49
56
|
return this.renderTransitStep();
|
|
50
57
|
default:
|
|
51
|
-
return
|
|
58
|
+
return s("div", null, "Unknown travel mode: ", this.stepData.travel_mode);
|
|
52
59
|
}
|
|
53
60
|
}
|
|
54
61
|
/**
|
|
@@ -74,7 +81,7 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
74
81
|
t = this.getTransitVehicleIconName();
|
|
75
82
|
break;
|
|
76
83
|
}
|
|
77
|
-
return
|
|
84
|
+
return s("span", { part: "step-travel-mode", class: `step__travel-mode step__travel-mode--${this.stepData.travel_mode.toUpperCase() === "TRANSIT" ? "solid" : "dotted"}` }, s("span", { class: "step__travel-mode-icon" }, s("mi-icon", { part: "step-travel-mode-icon", "icon-name": t })));
|
|
78
85
|
}
|
|
79
86
|
/**
|
|
80
87
|
* Get icon name for transit vehicle.
|
|
@@ -82,8 +89,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
82
89
|
* @returns {string}
|
|
83
90
|
*/
|
|
84
91
|
getTransitVehicleIconName() {
|
|
85
|
-
var t,
|
|
86
|
-
const i = (
|
|
92
|
+
var t, e;
|
|
93
|
+
const i = (e = (t = this.stepData.transit_information) === null || t === void 0 ? void 0 : t.line.vehicle) === null || e === void 0 ? void 0 : e.type.toLowerCase();
|
|
87
94
|
return i && ["boat", "bus", "railway", "train", "subway"].some((a) => a === i) ? i : "transit";
|
|
88
95
|
}
|
|
89
96
|
/**
|
|
@@ -98,8 +105,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
98
105
|
* @returns {JSX.Element}
|
|
99
106
|
*/
|
|
100
107
|
renderSubsteps() {
|
|
101
|
-
return this.substepsAreOpen === !0 ?
|
|
102
|
-
"data-maneuver-index":
|
|
108
|
+
return this.substepsAreOpen === !0 ? s("div", { class: "step__substeps" }, this.stepData.steps.map((t, e) => s("mi-route-instructions-maneuver-legacy", {
|
|
109
|
+
"data-maneuver-index": e,
|
|
103
110
|
maneuver: JSON.stringify(t),
|
|
104
111
|
translations: this.translations,
|
|
105
112
|
unit: this.unit,
|
|
@@ -117,7 +124,7 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
117
124
|
* @returns {JSX.Element}
|
|
118
125
|
*/
|
|
119
126
|
renderToggleButton() {
|
|
120
|
-
return this.stepData.steps.length <= 0 || this.hideIndoorSubsteps === !0 && this.stepData.route_context.toLowerCase() === "insidebuilding" ? null :
|
|
127
|
+
return this.stepData.steps.length <= 0 || this.hideIndoorSubsteps === !0 && this.stepData.route_context.toLowerCase() === "insidebuilding" ? null : s("span", { class: `step__toggle ${this.substepsAreOpen ? "step__toggle--open" : ""}`, onClick: () => this.toggleSubsteps() }, this.isInternetExplorer ? "▼" : s("mi-icon", { part: "step-toggle", "icon-name": "toggle" }));
|
|
121
128
|
}
|
|
122
129
|
/**
|
|
123
130
|
* Render time and distance part.
|
|
@@ -125,7 +132,7 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
125
132
|
* @returns {JSX.Element}
|
|
126
133
|
*/
|
|
127
134
|
renderTimeAndDistance() {
|
|
128
|
-
return
|
|
135
|
+
return s("span", { part: "step-info", class: "step__distance-duration" }, s("mi-time", { seconds: this.stepData.duration.value, translations: `{"days":"${this.translationsData.days}","hours":"${this.translationsData.hours}","minutes":"${this.translationsData.minutes}"}` }), " · ", s("mi-distance", { meters: this.stepData.distance.value, unit: this.unit }), s("br", null));
|
|
129
136
|
}
|
|
130
137
|
/**
|
|
131
138
|
* Render a driving step.
|
|
@@ -133,7 +140,7 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
133
140
|
* @returns {JSX.Element}
|
|
134
141
|
*/
|
|
135
142
|
renderDrivingStep() {
|
|
136
|
-
return
|
|
143
|
+
return s("div", { class: "step", onClick: (t) => this.stepClickHandler(t) }, this.isInternetExplorer ? null : s("span", { class: "step__action-icon step__action-icon--circled" }, s("mi-icon", { "icon-name": "car" })), s("h3", { part: "step-heading", class: "step__heading" }, this.getStepHeading()), this.renderTravelMode(), s("div", { part: "step-description", class: "step__description" }, this.translationsData.drive, s("br", null), this.renderTimeAndDistance()), this.renderToggleButton(), this.renderSubsteps());
|
|
137
144
|
}
|
|
138
145
|
/**
|
|
139
146
|
* Get display heading.
|
|
@@ -142,12 +149,12 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
142
149
|
*/
|
|
143
150
|
getStepHeading() {
|
|
144
151
|
var t;
|
|
145
|
-
const
|
|
152
|
+
const e = {
|
|
146
153
|
driving: this.translationsData.drive,
|
|
147
154
|
walking: this.translationsData.walk,
|
|
148
155
|
bicycling: this.translationsData.bike
|
|
149
156
|
};
|
|
150
|
-
return !((t = this.stepData.steps[0]) === null || t === void 0) && t.instructions ? this.stepData.steps[0].instructions :
|
|
157
|
+
return !((t = this.stepData.steps[0]) === null || t === void 0) && t.instructions ? this.stepData.steps[0].instructions : e[this.stepData.travel_mode.toLowerCase()];
|
|
151
158
|
}
|
|
152
159
|
/**
|
|
153
160
|
* Render a walking step.
|
|
@@ -156,8 +163,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
156
163
|
* @returns {JSX.Element}
|
|
157
164
|
*/
|
|
158
165
|
renderWalkingStep() {
|
|
159
|
-
let t,
|
|
160
|
-
return this.stepData.parking === !0 ? (t = `${this.translationsData.park} ${this.stepData.label ? ` ${this.translationsData.at} ` + this.stepData.label : ""}`,
|
|
166
|
+
let t, e;
|
|
167
|
+
return this.stepData.parking === !0 ? (t = `${this.translationsData.park} ${this.stepData.label ? ` ${this.translationsData.at} ` + this.stepData.label : ""}`, e = "park") : this.stepData.highway && this.stepData.highway.toUpperCase() === "STEPS" ? (t = `${this.translationsData.takeStaircaseToLevel} ${this.stepData.end_location.floor_name}`, e = "stairs") : this.stepData.highway && this.stepData.highway.toUpperCase() === "LADDER" ? (t = `${this.translationsData.takeLadderToLevel} ${this.stepData.end_location.floor_name}`, e = "ladder") : this.stepData.highway && this.stepData.highway.toUpperCase() === "ESCALATOR" ? (t = `${this.translationsData.takeEscalatorToLevel} ${this.stepData.end_location.floor_name}`, e = "escalator") : this.stepData.highway && this.stepData.highway.toUpperCase() === "WHEELCHAIRRAMP" ? (t = `${this.translationsData.takeWheelchairRampToLevel} ${this.stepData.end_location.floor_name}`, e = "wheelchair-ramp") : this.stepData.highway && this.stepData.highway.toUpperCase() === "WHEELCHAIRLIFT" ? (t = `${this.translationsData.takeWheelchairLiftToLevel} ${this.stepData.end_location.floor_name}`, e = "wheelchair-lift") : this.stepData.highway && this.stepData.highway.toUpperCase() === "ELEVATOR" ? (t = `${this.translationsData.takeElevatorToLevel} ${this.stepData.end_location.floor_name}`, e = "elevator") : this.fromRouteContext === "InsideBuilding" && this.stepData.route_context === "Outside" ? (t = this.addStepContextNameToHeading(this.translationsData.exit, this.stepData.start_context), e = "exit") : this.fromRouteContext === "InsideBuilding" && this.stepData.route_context === "InsideBuilding" ? (t = this.getStepHeading(), e = "walk") : this.fromRouteContext === "Outside" && this.stepData.route_context === "Outside" && this.fromTravelMode.toUpperCase() === "TRANSIT" ? (t = this.fromTransitStop, e = "transit-stop") : this.fromRouteContext === "Outside" && this.stepData.route_context === "Outside" ? (t = this.getStepHeading(), e = "walk") : this.fromRouteContext === "Outside" && this.stepData.route_context === "InsideBuilding" ? (t = this.addStepContextNameToHeading(this.translationsData.enter, this.stepData.end_context), e = "enter") : (t = this.fromRouteContext, e = "circle"), s("div", { class: "step", onClick: (i) => this.stepClickHandler(i) }, this.isInternetExplorer ? null : s("span", { class: `step__action-icon ${e !== "circle" ? "step__action-icon--circled" : ""}` }, s("mi-icon", { "icon-name": e })), s("h3", { part: "step-heading", class: "step__heading" }, t), this.renderTravelMode(), s("div", { part: "step-description", class: "step__description" }, this.translationsData.walk, s("br", null), this.renderTimeAndDistance()), this.renderToggleButton(), this.renderSubsteps());
|
|
161
168
|
}
|
|
162
169
|
/**
|
|
163
170
|
* Add building or venue name to the step heading
|
|
@@ -165,8 +172,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
165
172
|
* @param {StepContext} stepContext
|
|
166
173
|
* @returns
|
|
167
174
|
*/
|
|
168
|
-
addStepContextNameToHeading(t,
|
|
169
|
-
return
|
|
175
|
+
addStepContextNameToHeading(t, e) {
|
|
176
|
+
return e && (e.building ? t += ` ${e.building.buildingInfo.name} ${this.translationsData.building}` : e.venue && (t += ` ${e.venue.venueInfo.name} ${this.translationsData.venue}`)), t;
|
|
170
177
|
}
|
|
171
178
|
/**
|
|
172
179
|
* Render a bicycling step.
|
|
@@ -174,7 +181,7 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
174
181
|
* @returns {JSX.Element}
|
|
175
182
|
*/
|
|
176
183
|
renderBicyclingStep() {
|
|
177
|
-
return
|
|
184
|
+
return s("div", { class: "step", onClick: (t) => this.stepClickHandler(t) }, this.isInternetExplorer ? null : s("span", { class: "step__action-icon step__action-icon--circled" }, s("mi-icon", { "icon-name": "bike" })), s("h3", { part: "step-heading", class: "step__heading" }, this.getStepHeading()), this.renderTravelMode(), s("div", { part: "step-description", class: "step__description" }, this.translationsData.bike, s("br", null), this.renderTimeAndDistance()), this.renderToggleButton(), this.renderSubsteps());
|
|
178
185
|
}
|
|
179
186
|
/**
|
|
180
187
|
* Render a transit step.
|
|
@@ -182,11 +189,11 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
182
189
|
* @returns {JSX.Element}
|
|
183
190
|
*/
|
|
184
191
|
renderTransitStep() {
|
|
185
|
-
var t,
|
|
186
|
-
return
|
|
192
|
+
var t, e;
|
|
193
|
+
return s("div", { class: "step", onClick: (i) => this.stepClickHandler(i) }, this.isInternetExplorer ? null : s("span", { class: "step__action-icon step__action-icon--circled" }, s("mi-icon", { "icon-name": "transit-stop" })), s("h3", { part: "step-heading", class: "step__heading" }, this.stepData.instructions), this.renderTravelMode(), s("div", { part: "step-description", class: "step__description" }, this.stepData.transit_information.line.short_name ? s("span", { class: "step__short-name", style: {
|
|
187
194
|
backgroundColor: !((t = this.stepData.transit_information.line) === null || t === void 0) && t.color ? this.stepData.transit_information.line.color : null,
|
|
188
|
-
color: !((
|
|
189
|
-
} }, this.stepData.transit_information.line.short_name) : null, this.stepData.transit_information.headsign ? this.stepData.transit_information.headsign : null,
|
|
195
|
+
color: !((e = this.stepData.transit_information.line) === null || e === void 0) && e.text_color ? this.stepData.transit_information.line.text_color : null
|
|
196
|
+
} }, this.stepData.transit_information.line.short_name) : null, this.stepData.transit_information.headsign ? this.stepData.transit_information.headsign : null, s("br", null), s("span", { part: "step-info", class: "step__distance-duration" }, s("mi-time", { seconds: this.stepData.duration.value, translations: `{"days":"${this.translationsData.days}","hours":"${this.translationsData.hours}","minutes":"${this.translationsData.minutes}"}` }), " · ", this.stepData.transit_information.num_stops ? this.stepData.transit_information.num_stops : null, " ", this.translationsData.stops ? this.translationsData.stops : null)), this.renderToggleButton(), this.renderSubsteps());
|
|
190
197
|
}
|
|
191
198
|
static get watchers() {
|
|
192
199
|
return {
|
|
@@ -199,3 +206,4 @@ d.style = p;
|
|
|
199
206
|
export {
|
|
200
207
|
d as mi_route_instructions_step_legacy
|
|
201
208
|
};
|
|
209
|
+
//# sourceMappingURL=mi-route-instructions-step-legacy.entry-fd28722f.mjs.map
|
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
import { r as o, c as a, h as e } from "./reactcomponent-
|
|
2
|
-
import { U as n } from "./unit-system.enum-eaefb53e-
|
|
3
|
-
import { c as
|
|
1
|
+
import { r as o, c as a, h as e } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
|
+
import { U as n } from "./unit-system.enum-eaefb53e-077ac36d.mjs";
|
|
3
|
+
import { c as l } from "./utils-ae714467-40e91cf2.mjs";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
|
|
6
|
+
(function() {
|
|
7
|
+
try {
|
|
8
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, s = new Error().stack;
|
|
9
|
+
s && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[s] = "403abe8b-c616-4b4e-bbe7-d9146019f617", t._sentryDebugIdIdentifier = "sentry-dbid-403abe8b-c616-4b4e-bbe7-d9146019f617");
|
|
10
|
+
} catch {
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const p = ':host{display:block;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"}.step{display:grid;gap:16px;justify-items:center}.step__info{display:grid;grid-auto-flow:column;align-items:center;justify-content:space-between;width:100%;position:sticky;top:50px;background:white;z-index:1000;padding-bottom:8px}.step__destination{display:grid;gap:8px;align-items:center;justify-content:center;grid-auto-flow:column}.step__heading{font-weight:500;font-size:1.25rem;margin:0}.step__heading>span{font-size:0.875rem;color:#6b7280}.step__travel-mode{display:flex;justify-content:center;align-items:center;position:relative;min-height:72px}.step__travel-mode::before{position:absolute;width:calc(50% - 2px);left:0;height:100%;content:""}.step__travel-mode--dotted::before{border-right:4px dotted #bfdbfe}.step__travel-mode--solid::before{border-right:4px solid #bfdbfe}.step__travel-mode-icon{position:absolute;left:50%;top:24px;transform:translateX(-50%);background-color:#fcfcfc;padding:3px;border-radius:4px}.step__travel-mode-icon mi-icon{width:16px;height:16px;background-color:#6b7280;display:block}.step__short-name{margin-right:4px;padding:2px 4px;font-size:0.875rem;color:#fcfcfc;background-color:#6b7280;border-radius:2px}.step__distance-duration{color:#6b7280;font-size:0.875rem}.step__toggle{display:grid;justify-content:center}.step__toggle mi-icon{width:24px;height:24px;display:block}.step__details{display:grid;gap:24px;width:100%}', d = class {
|
|
7
14
|
constructor(t) {
|
|
8
|
-
o(this, t), this.stepClicked = a(this, "stepClicked", 7), this.substepsToggled = a(this, "substepsToggled", 7), this.isInternetExplorer =
|
|
15
|
+
o(this, t), this.stepClicked = a(this, "stepClicked", 7), this.substepsToggled = a(this, "substepsToggled", 7), this.isInternetExplorer = l(), this.step = void 0, this.stepData = void 0, this.hideIndoorSubsteps = !0, this.fromRouteContext = "", this.fromTravelMode = void 0, this.fromTransitStop = void 0, this.destinationLocation = void 0, this.unit = navigator.language === "en-US" ? n.Imperial : n.Metric, this.showToggleButton = !0, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
|
|
9
16
|
}
|
|
10
17
|
parseStepProp() {
|
|
11
18
|
this.step && (this.stepData = JSON.parse(this.step));
|
|
@@ -230,7 +237,8 @@ const l = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
|
|
|
230
237
|
};
|
|
231
238
|
}
|
|
232
239
|
};
|
|
233
|
-
d.style =
|
|
240
|
+
d.style = p;
|
|
234
241
|
export {
|
|
235
242
|
d as mi_route_instructions_step
|
|
236
243
|
};
|
|
244
|
+
//# sourceMappingURL=mi-route-instructions-step.entry-303386fd.mjs.map
|
package/dist/{mi-route-instructions.entry-6f6d308f.mjs → mi-route-instructions.entry-76d5593c.mjs}
RENAMED
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { R as v } from "./route-travel-mode.enum-7f4ce9c7-
|
|
3
|
-
import { U as
|
|
4
|
-
import { c as S } from "./utils-ae714467-
|
|
1
|
+
import { r as h, c as g, h as s, H as f } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
|
+
import { R as v } from "./route-travel-mode.enum-7f4ce9c7-4fd44e3c.mjs";
|
|
3
|
+
import { U as m } from "./unit-system.enum-eaefb53e-077ac36d.mjs";
|
|
4
|
+
import { c as S } from "./utils-ae714467-40e91cf2.mjs";
|
|
5
5
|
import "react";
|
|
6
6
|
import "react-dom";
|
|
7
|
+
(function() {
|
|
8
|
+
try {
|
|
9
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, i = new Error().stack;
|
|
10
|
+
i && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[i] = "fa5ad370-6ea7-4164-a1f8-2506feab6642", t._sentryDebugIdIdentifier = "sentry-dbid-fa5ad370-6ea7-4164-a1f8-2506feab6642");
|
|
11
|
+
} catch {
|
|
12
|
+
}
|
|
13
|
+
})();
|
|
7
14
|
const x = ':host{display:block;background-color:#fcfcfc;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"}:host mi-route-instructions-step:hover{cursor:pointer;background-color:#f9fafb;transition:300ms ease}:host mi-route-instructions-step.active{background-color:#f3f4f6;transition:none;cursor:default}:host .instructions-destination{display:flex}:host .instructions-destination-icon{width:40px;display:flex;justify-content:center;align-items:center}:host .instructions-destination-icon mi-icon{width:24px;height:24px;background-color:#1c1917}:host .instructions-destination-details{flex:1;padding:12px}:host .instructions-destination-details mi-location-info{font-size:0.875rem}', I = class {
|
|
8
15
|
constructor(t) {
|
|
9
|
-
|
|
16
|
+
h(this, t), this.clicked = g(this, "clicked", 7), this.miStepElements = [], this.lastStepRouteContext = null, this.lastStepTravelMode = null, this.lastStepTransitStop = null, this.activeStep = {
|
|
10
17
|
legIndex: 0,
|
|
11
18
|
stepIndex: 0
|
|
12
|
-
}, this.unit =
|
|
19
|
+
}, this.unit = m.Metric, this.route = void 0, this.hideIndoorSubsteps = !1, this.travelMode = v.Walking, this.originLocation = void 0, this.originName = void 0, this.destinationLocation = void 0, this.destinationName = void 0, this.translations = {
|
|
13
20
|
walk: "Walk",
|
|
14
21
|
bike: "Bike",
|
|
15
22
|
transit: "Transit",
|
|
@@ -56,9 +63,9 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
|
|
|
56
63
|
*/
|
|
57
64
|
getRouteSteps() {
|
|
58
65
|
return this.route ? this.route.legs.reduce((t, i, e) => {
|
|
59
|
-
for (const
|
|
60
|
-
const n = i.steps[
|
|
61
|
-
n.originalLegIndex = e, n.originalStepIndex = parseInt(
|
|
66
|
+
for (const o in i.steps) {
|
|
67
|
+
const n = i.steps[o];
|
|
68
|
+
n.originalLegIndex = e, n.originalStepIndex = parseInt(o), t.push(n);
|
|
62
69
|
}
|
|
63
70
|
return t;
|
|
64
71
|
}, []) : [];
|
|
@@ -98,14 +105,14 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
|
|
|
98
105
|
* @returns {JSX.Element}
|
|
99
106
|
*/
|
|
100
107
|
renderInstructions() {
|
|
101
|
-
return
|
|
102
|
-
var e,
|
|
103
|
-
const d = !((
|
|
104
|
-
return this.lastStepRouteContext = t.route_context, this.lastStepTravelMode = t.travel_mode, this.lastStepTransitStop = !((a = (n = t.transit_information) === null || n === void 0 ? void 0 : n.arrival_stop) === null || a === void 0) && a.name ? (r = t.transit_information) === null || r === void 0 ? void 0 : r.arrival_stop.name : null,
|
|
108
|
+
return s(f, null, this.getRouteSteps().map((t, i) => {
|
|
109
|
+
var e, o, n, a, r;
|
|
110
|
+
const d = !((o = (e = this.originLocation) === null || e === void 0 ? void 0 : e.properties) === null || o === void 0) && o.name ? this.originLocation.properties.name : this.originName || "", c = t.originalLegIndex === 0 && t.originalStepIndex === 0 ? d : this.lastStepRouteContext, p = this.lastStepTravelMode, u = this.lastStepTransitStop;
|
|
111
|
+
return this.lastStepRouteContext = t.route_context, this.lastStepTravelMode = t.travel_mode, this.lastStepTransitStop = !((a = (n = t.transit_information) === null || n === void 0 ? void 0 : n.arrival_stop) === null || a === void 0) && a.name ? (r = t.transit_information) === null || r === void 0 ? void 0 : r.arrival_stop.name : null, s("mi-route-instructions-step-legacy", {
|
|
105
112
|
ref: (l) => this.miStepElements.push(l),
|
|
106
113
|
"from-travel-mode": p,
|
|
107
114
|
"from-route-context": c,
|
|
108
|
-
"from-transit-stop":
|
|
115
|
+
"from-transit-stop": u,
|
|
109
116
|
step: JSON.stringify(t),
|
|
110
117
|
translations: JSON.stringify(this.translations),
|
|
111
118
|
unit: this.unit,
|
|
@@ -133,10 +140,11 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
|
|
|
133
140
|
* @returns {JSX.Element}
|
|
134
141
|
*/
|
|
135
142
|
renderDestination() {
|
|
136
|
-
return
|
|
143
|
+
return s("div", { class: "instructions-destination" }, s("div", { class: "instructions-destination-icon" }, S() ? null : s("mi-icon", { "icon-name": "marker" })), s("div", { part: "instructions-destination", class: "instructions-destination-details" }, this.destinationLocation ? this.destinationLocation.properties.name : this.destinationName, this.destinationLocation ? s("mi-location-info", { part: "instructions-destination-info", location: this.destinationLocation }) : null));
|
|
137
144
|
}
|
|
138
145
|
};
|
|
139
146
|
I.style = x;
|
|
140
147
|
export {
|
|
141
148
|
I as mi_route_instructions
|
|
142
149
|
};
|
|
150
|
+
//# sourceMappingURL=mi-route-instructions.entry-76d5593c.mjs.map
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
import { r as n, h as
|
|
1
|
+
import { r as n, h as o } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
+
(function() {
|
|
5
|
+
try {
|
|
6
|
+
var t = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, e = new Error().stack;
|
|
7
|
+
e && (t._sentryDebugIds = t._sentryDebugIds || {}, t._sentryDebugIds[e] = "54a70d50-a73d-4ac4-8c26-9848843ebac8", t._sentryDebugIdIdentifier = "sentry-dbid-54a70d50-a73d-4ac4-8c26-9848843ebac8");
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
})();
|
|
4
11
|
const i = '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}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.scroll-buttons{height:100%;width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:16px}.scroll-buttons .btn{margin:0;padding:0;background:none;width:64px;height:64px;background-color:#ffffff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center}.scroll-buttons .btn mi-icon{width:32px}.scroll-buttons .btn:hover{background:none;background-color:#ffffff;cursor:pointer}.scroll-buttons .btn:disabled{opacity:1}.scroll-buttons .btn:disabled mi-icon{background-color:#a5a9af}', r = class {
|
|
5
12
|
constructor(t) {
|
|
6
13
|
n(this, t), this.scrollContainerElementRef = void 0, this.scrollLength = 100;
|
|
7
14
|
}
|
|
8
15
|
addScrollEventListener() {
|
|
9
|
-
var t,
|
|
10
|
-
(t = this.resizeObserver) === null || t === void 0 || t.disconnect(), (
|
|
16
|
+
var t, e;
|
|
17
|
+
(t = this.resizeObserver) === null || t === void 0 || t.disconnect(), (e = this.scrollContainerElementRef) === null || e === void 0 || e.addEventListener("scroll", () => {
|
|
11
18
|
this.updateScrollButtonsState();
|
|
12
19
|
}), this.scrollContainerElementRef && (this.resizeObserver = new ResizeObserver(() => {
|
|
13
20
|
this.updateScrollButtonsState();
|
|
@@ -41,7 +48,7 @@ const i = 'a.mi-button{cursor:default}.mi-button{border-radius:4px;border-width:
|
|
|
41
48
|
}) : this.scrollContainerElementRef.scrollTop = t;
|
|
42
49
|
}
|
|
43
50
|
render() {
|
|
44
|
-
return
|
|
51
|
+
return o("div", { part: "container", class: "scroll-buttons" }, o("button", { part: "button button-up", class: "mi-button mi-button--base btn btn-up", type: "button", disabled: !0, "aria-label": "Scroll Up", ref: (t) => this.upButtonElement = t, onClick: () => this.updateScrollPosition(-this.scrollLength) }, o("mi-icon", { "icon-name": "chevron-up" })), o("button", { part: "button button-down", class: "mi-button mi-button--base btn btn-down", type: "button", "aria-label": "Scroll Down", ref: (t) => this.downButtonElement = t, onClick: () => this.updateScrollPosition(this.scrollLength) }, o("mi-icon", { "icon-name": "chevron-down" })));
|
|
45
52
|
}
|
|
46
53
|
static get watchers() {
|
|
47
54
|
return {
|
|
@@ -53,3 +60,4 @@ r.style = i;
|
|
|
53
60
|
export {
|
|
54
61
|
r as mi_scroll_buttons
|
|
55
62
|
};
|
|
63
|
+
//# sourceMappingURL=mi-scroll-buttons.entry-48c983a7.mjs.map
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
import { r as v, c as
|
|
2
|
-
import { c as f, g as I } from "./_commonjsHelpers-ba3f0406-
|
|
1
|
+
import { r as v, c as d, h as p, H as M } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
|
+
import { c as f, g as I } from "./_commonjsHelpers-ba3f0406-28a65491.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
|
|
5
|
+
(function() {
|
|
6
|
+
try {
|
|
7
|
+
var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new 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) {
|
|
6
13
|
Object.defineProperty(t, "__esModule", {
|
|
7
14
|
value: !0
|
|
8
15
|
}), t.default = r, t.debounce = a;
|
|
@@ -26,8 +33,8 @@ var g = f(function(e, t) {
|
|
|
26
33
|
function a(n) {
|
|
27
34
|
var i = arguments.length <= 1 || arguments[1] === void 0 ? s : arguments[1], o = void 0;
|
|
28
35
|
function u() {
|
|
29
|
-
for (var l = this, c = arguments.length, h = Array(c),
|
|
30
|
-
h[
|
|
36
|
+
for (var l = this, c = arguments.length, h = Array(c), g = 0; g < c; g++)
|
|
37
|
+
h[g] = arguments[g];
|
|
31
38
|
u.clear(), o = setTimeout(function() {
|
|
32
39
|
o = null, n.apply(l, h);
|
|
33
40
|
}, i);
|
|
@@ -36,7 +43,7 @@ var g = f(function(e, t) {
|
|
|
36
43
|
o && (clearTimeout(o), o = null);
|
|
37
44
|
}, u;
|
|
38
45
|
}
|
|
39
|
-
}),
|
|
46
|
+
}), D = f(function(e, t) {
|
|
40
47
|
Object.defineProperty(t, "__esModule", {
|
|
41
48
|
value: !0
|
|
42
49
|
});
|
|
@@ -54,11 +61,11 @@ var g = f(function(e, t) {
|
|
|
54
61
|
function a(i) {
|
|
55
62
|
return i && i.__esModule ? i : { default: i };
|
|
56
63
|
}
|
|
57
|
-
var n = a(
|
|
58
|
-
t.default = n.default, r(t, s(
|
|
64
|
+
var n = a(m);
|
|
65
|
+
t.default = n.default, r(t, s(m, r));
|
|
59
66
|
});
|
|
60
|
-
const
|
|
61
|
-
var
|
|
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) {
|
|
62
69
|
var a = arguments.length, n = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, s) : r, i;
|
|
63
70
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
64
71
|
n = Reflect.decorate(e, t, s, r);
|
|
@@ -69,7 +76,7 @@ var A = function(e, t, s, r) {
|
|
|
69
76
|
};
|
|
70
77
|
const b = class {
|
|
71
78
|
constructor(e) {
|
|
72
|
-
v(this, e), this.results =
|
|
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;
|
|
73
80
|
}
|
|
74
81
|
valueChange(e) {
|
|
75
82
|
!e || !this.inputElement || e !== this.inputElement.value && (this.inputElement.value = e, this.preventSearch || this.inputChanged());
|
|
@@ -233,7 +240,7 @@ const b = class {
|
|
|
233
240
|
}
|
|
234
241
|
render() {
|
|
235
242
|
var e;
|
|
236
|
-
return
|
|
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" }))));
|
|
237
244
|
}
|
|
238
245
|
static get watchers() {
|
|
239
246
|
return {
|
|
@@ -241,10 +248,11 @@ const b = class {
|
|
|
241
248
|
};
|
|
242
249
|
}
|
|
243
250
|
};
|
|
244
|
-
|
|
245
|
-
|
|
251
|
+
E([
|
|
252
|
+
y(500)
|
|
246
253
|
], b.prototype, "inputChanged", null);
|
|
247
|
-
b.style =
|
|
254
|
+
b.style = x;
|
|
248
255
|
export {
|
|
249
256
|
b as mi_search
|
|
250
257
|
};
|
|
258
|
+
//# sourceMappingURL=mi-search.entry-668cb060.mjs.map
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import { r as a, c as
|
|
1
|
+
import { r as a, c as o, h as e } from "./reactcomponent-2ae3c3c4.mjs";
|
|
2
2
|
import "react";
|
|
3
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 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
|
+
})();
|
|
4
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 {
|
|
5
12
|
constructor(t) {
|
|
6
|
-
a(this, t), this.successfullySent =
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
if (!this.formElement.checkValidity() || !
|
|
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) {
|
|
10
17
|
this.countryCodeInputElement.validity.valid || this.countryCodeInputElement.focus(), this.phoneNumberInputElement.validity.valid || this.phoneNumberInputElement.focus();
|
|
11
18
|
return;
|
|
12
19
|
}
|
|
@@ -53,3 +60,4 @@ l.style = d;
|
|
|
53
60
|
export {
|
|
54
61
|
l as mi_share_sms
|
|
55
62
|
};
|
|
63
|
+
//# sourceMappingURL=mi-share-sms.entry-1d0016ea.mjs.map
|