@mapsindoors/map-template 1.3.3 → 1.4.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.
Files changed (69) hide show
  1. package/dist/{combo-box-item.entry-4d46656a.mjs → combo-box-item.entry-0dc74103.mjs} +1 -1
  2. package/dist/{combo-box-item.entry-79067bbc.mjs → combo-box-item.entry-e78f688f.mjs} +1 -1
  3. package/dist/mapsindoors-react.es.js +2 -2
  4. package/dist/mapsindoors-react.umd.js +44 -44
  5. package/dist/mapsindoors-webcomponent.es.js +2 -2
  6. package/dist/mapsindoors-webcomponent.umd.js +55 -55
  7. package/dist/{mi-card_2.entry-89c79836.mjs → mi-card_2.entry-016f3f57.mjs} +1 -1
  8. package/dist/{mi-card_2.entry-467ce2da.mjs → mi-card_2.entry-8734a070.mjs} +1 -1
  9. package/dist/{mi-chip.entry-80647459.mjs → mi-chip.entry-8c14862b.mjs} +1 -1
  10. package/dist/{mi-chip.entry-dec561d9.mjs → mi-chip.entry-f37794a7.mjs} +1 -1
  11. package/dist/{mi-column.entry-abc2aec2.mjs → mi-column.entry-0e30a3cd.mjs} +1 -1
  12. package/dist/{mi-column.entry-ad4222fa.mjs → mi-column.entry-956e7e8e.mjs} +1 -1
  13. package/dist/{mi-combo-box.entry-94ffe7fb.mjs → mi-combo-box.entry-a69ed592.mjs} +1 -1
  14. package/dist/{mi-combo-box.entry-40a72a22.mjs → mi-combo-box.entry-dc5e7c3a.mjs} +1 -1
  15. package/dist/{mi-data-table.entry-7084bd4e.mjs → mi-data-table.entry-051420e6.mjs} +1 -1
  16. package/dist/{mi-data-table.entry-5ee35f00.mjs → mi-data-table.entry-166d9c4e.mjs} +1 -1
  17. package/dist/{mi-distance_2.entry-57357415.mjs → mi-distance_2.entry-70a9bee6.mjs} +2 -2
  18. package/dist/{mi-distance_2.entry-295c3671.mjs → mi-distance_2.entry-cb57c7d6.mjs} +2 -2
  19. package/dist/{mi-dropdown-item.entry-a23af304.mjs → mi-dropdown-item.entry-471b5ff4.mjs} +1 -1
  20. package/dist/{mi-dropdown-item.entry-37b14ea3.mjs → mi-dropdown-item.entry-5126f2e8.mjs} +1 -1
  21. package/dist/{mi-dropdown.entry-4aa7b0ad.mjs → mi-dropdown.entry-9fd15060.mjs} +1 -1
  22. package/dist/{mi-dropdown.entry-c2a3c770.mjs → mi-dropdown.entry-a23ee159.mjs} +1 -1
  23. package/dist/{mi-keyboard.entry-340fe597.mjs → mi-keyboard.entry-2c6ccbe9.mjs} +1 -1
  24. package/dist/{mi-keyboard.entry-6cb72e68.mjs → mi-keyboard.entry-a70e8554.mjs} +1 -1
  25. package/dist/{mi-list-item-category.entry-f725553e.mjs → mi-list-item-category.entry-5c8c2d1c.mjs} +1 -1
  26. package/dist/{mi-list-item-category.entry-663af197.mjs → mi-list-item-category.entry-af52ccab.mjs} +1 -1
  27. package/dist/{mi-list-item-location.entry-8a626b44.mjs → mi-list-item-location.entry-9e167854.mjs} +1 -1
  28. package/dist/{mi-list-item-location.entry-75a39a53.mjs → mi-list-item-location.entry-b89c645e.mjs} +1 -1
  29. package/dist/{mi-list.entry-4a2c8daf.mjs → mi-list.entry-62dd7607.mjs} +1 -1
  30. package/dist/{mi-list.entry-379abe24.mjs → mi-list.entry-988aea1b.mjs} +1 -1
  31. package/dist/{mi-location-booking.entry-da10fb67.mjs → mi-location-booking.entry-0d95b6e2.mjs} +1 -1
  32. package/dist/{mi-location-booking.entry-4ccb7247.mjs → mi-location-booking.entry-af85eafe.mjs} +1 -1
  33. package/dist/{mi-location-info.entry-54e46039.mjs → mi-location-info.entry-6480da0b.mjs} +1 -1
  34. package/dist/{mi-location-info.entry-53c9da22.mjs → mi-location-info.entry-cdee0411.mjs} +1 -1
  35. package/dist/{mi-map-googlemaps.entry-85855318.mjs → mi-map-googlemaps.entry-15d8ff0c.mjs} +1 -1
  36. package/dist/{mi-map-googlemaps.entry-e361c293.mjs → mi-map-googlemaps.entry-1e6a0c3a.mjs} +1 -1
  37. package/dist/{mi-map-mapbox.entry-2bc08f58.mjs → mi-map-mapbox.entry-006002d1.mjs} +1 -1
  38. package/dist/{mi-map-mapbox.entry-9d9e4ce1.mjs → mi-map-mapbox.entry-a54911cc.mjs} +1 -1
  39. package/dist/{mi-metric-card.entry-8e54ae29.mjs → mi-metric-card.entry-34de3fef.mjs} +1 -1
  40. package/dist/{mi-metric-card.entry-fb799815.mjs → mi-metric-card.entry-c5db0bd7.mjs} +1 -1
  41. package/dist/{mi-notification.entry-7276a543.mjs → mi-notification.entry-18a870d6.mjs} +1 -1
  42. package/dist/{mi-notification.entry-9f457c2b.mjs → mi-notification.entry-6c12bf39.mjs} +1 -1
  43. package/dist/{mi-route-instructions-heading.entry-9bb872b5.mjs → mi-route-instructions-heading.entry-7745d1f2.mjs} +1 -1
  44. package/dist/{mi-route-instructions-heading.entry-0e7350db.mjs → mi-route-instructions-heading.entry-c147c4cf.mjs} +1 -1
  45. package/dist/{mi-route-instructions-maneuver_2.entry-ddf39232.mjs → mi-route-instructions-maneuver_2.entry-0036d784.mjs} +1 -1
  46. package/dist/{mi-route-instructions-maneuver_2.entry-83e7afed.mjs → mi-route-instructions-maneuver_2.entry-48fec273.mjs} +1 -1
  47. package/dist/{mi-route-instructions-step-legacy.entry-a9159fb9.mjs → mi-route-instructions-step-legacy.entry-1a8184f8.mjs} +1 -1
  48. package/dist/{mi-route-instructions-step-legacy.entry-fa4e8639.mjs → mi-route-instructions-step-legacy.entry-79d3844d.mjs} +1 -1
  49. package/dist/{mi-route-instructions-step.entry-a4317ba6.mjs → mi-route-instructions-step.entry-6d8f1142.mjs} +16 -3
  50. package/dist/{mi-route-instructions-step.entry-d36da904.mjs → mi-route-instructions-step.entry-8c15c613.mjs} +16 -3
  51. package/dist/{mi-route-instructions.entry-b4424946.mjs → mi-route-instructions.entry-3bf0cb26.mjs} +10 -9
  52. package/dist/{mi-route-instructions.entry-7d0ee3cc.mjs → mi-route-instructions.entry-7ce5505a.mjs} +5 -4
  53. package/dist/{mi-scroll-buttons.entry-f69dda69.mjs → mi-scroll-buttons.entry-2bc7f49e.mjs} +1 -1
  54. package/dist/{mi-scroll-buttons.entry-0f843a0e.mjs → mi-scroll-buttons.entry-7cb55c56.mjs} +1 -1
  55. package/dist/{mi-search.entry-6f7cdf7f.mjs → mi-search.entry-791d2c50.mjs} +1 -1
  56. package/dist/{mi-search.entry-03f6a628.mjs → mi-search.entry-c86bcb6f.mjs} +1 -1
  57. package/dist/{mi-share-sms.entry-e22fc96e.mjs → mi-share-sms.entry-9584c0b5.mjs} +1 -1
  58. package/dist/{mi-share-sms.entry-809ccf6c.mjs → mi-share-sms.entry-ac0fa755.mjs} +1 -1
  59. package/dist/{mi-step-switcher.entry-7bab31d0.mjs → mi-step-switcher.entry-8199d9ef.mjs} +1 -1
  60. package/dist/{mi-step-switcher.entry-a3e43259.mjs → mi-step-switcher.entry-be3465e2.mjs} +1 -1
  61. package/dist/{mi-tab-panel.entry-62aef25a.mjs → mi-tab-panel.entry-38a7e43a.mjs} +1 -1
  62. package/dist/{mi-tab-panel.entry-d52f8504.mjs → mi-tab-panel.entry-9348cd1f.mjs} +1 -1
  63. package/dist/{mi-tab.entry-b4912cb9.mjs → mi-tab.entry-0b086b7e.mjs} +1 -1
  64. package/dist/{mi-tab.entry-bfd0f13d.mjs → mi-tab.entry-96ab146e.mjs} +1 -1
  65. package/dist/{mi-tabs.entry-314ae1a0.mjs → mi-tabs.entry-59021c1e.mjs} +1 -1
  66. package/dist/{mi-tabs.entry-901561b2.mjs → mi-tabs.entry-df575e9f.mjs} +1 -1
  67. package/dist/{reactcomponent-67b0e9ed.mjs → reactcomponent-c0305d4c.mjs} +6935 -6907
  68. package/dist/{webcomponent-7dbacc21.mjs → webcomponent-a4bdfc4d.mjs} +6653 -6625
  69. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { r as e, g as s } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as e, g as s } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const o = class {
@@ -1,4 +1,4 @@
1
- import { r as t, g as s } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as t, g as s } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const r = class {
3
3
  constructor(e) {
4
4
  t(this, e), this.selected = !1, this.value = void 0, this.text = void 0;
@@ -1,4 +1,4 @@
1
- import { r as c, c as m, h as s, H as p, g as u } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as c, c as m, h as s, H as p, g as u } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { S as d, f } from "./sort-order.enum-64ce8998-b75ac596.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as c, c as m, h as s, H as p, g as u } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as c, c as m, h as s, H as p, g as u } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { S as d, f } from "./sort-order.enum-64ce8998-b75ac596.mjs";
3
3
  import "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
4
4
  const g = `.mi-input[type=text],.mi-input[type=search],.mi-input[type=number],.mi-input[type=password],.mi-input[type=tel]{font-size:1rem;padding:8px;border-style:solid;border-width:1px;border-color:#8d98aa;border-radius:4px}.mi-input[type=text],.mi-input[type=search],.mi-input[type=number],.mi-input[type=password],.mi-input[type=range],.mi-input[type=tel]{display:block}.mi-input[type=radio],.mi-input[type=checkbox]{margin:0px;transform:scale(1.2, 1.2)}.mi-input[type=search]{padding-left:32px;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6267 8.43836C14.6267 11.8561 11.8561 14.6267 8.43836 14.6267C5.02062 14.6267 2.25 11.8561 2.25 8.43836C2.25 5.02062 5.02062 2.25 8.43836 2.25C11.8561 2.25 14.6267 5.02062 14.6267 8.43836Z' stroke='%23aeb9cb' stroke-width='2.5'/%3E%3Crect x='15.0979' y='14.1614' width='7.34678' height='1.32449' rx='0.662244' transform='rotate(45 15.0979 14.1614)' fill='%23aeb9cb' stroke='%23aeb9cb'/%3E%3Crect x='13.7847' y='13.2916' width='1.05276' height='0.697347' transform='rotate(45 13.7847 13.2916)' stroke='%23aeb9cb' stroke-width='0.697346'/%3E%3C/svg%3E%0A") no-repeat scroll 8px center, white}.mi-input:disabled{opacity:0.48;cursor:not-allowed}.mi-label{font-style:normal;display:block;font-size:1rem;font-weight:500;color:#1e2025}.mi-label>*{margin-top:4px}.mi-label>input[type=radio],.mi-label>input[type=checkbox],.mi-label>label.mi-toggle-btn{margin-right:8px}mi-dropdown-item{display:none}:host{display:inline-block;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;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(.open) .button::after{border-top-color:transparent;border-bottom-color:#1f2937;margin-top:-8px}:host(.open) section{display:flex}:host(.open) svg.arrow{transform:rotate(180deg)}.button{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;font-family:inherit;background:linear-gradient(#f9fafb, #f3f4f6);padding:0;padding-left:16px;padding-right:16px;border-radius:4px;border-width:1px;border-style:solid;border-color:#d1d5db;color:#1c1917;font-size:1rem;font-weight:500;line-height:1rem}.button__left-icon{height:20px;width:20px;margin-right:8px}.button svg{margin-left:auto}.button__label{padding-top:12px;padding-bottom:12px;margin-right:8px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button__label--from-inner-html{display:grid;grid-auto-flow:column;grid-template-columns:24px 1fr;gap:8px;place-items:center}.button:disabled{opacity:0.72;cursor:not-allowed}.content{padding-top:12px;padding-bottom:12px;margin-top:12px;margin-bottom:12px;border-radius:8px;color:#1c1917;font-size:1rem;font-weight:500;background-color:#fcfcfc;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.18), 0px 8px 8px rgba(0, 0, 0, 0.16);min-width:320px;max-width:480px;max-height:580px;display:none;flex-direction:column;position:fixed;z-index:10000}.content .filter{margin-bottom:16px;padding-left:8px;padding-right:8px;display:flex;position:relative}.content .filter__input{width:100%}.content .filter__clear{width:20px;height:20px;padding:0;border-width:0;display:flex;align-items:center;justify-content:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);background-color:#1f2937;border-radius:50%}.content .filter__clear:focus{outline:0}.content .filter__clear--hidden{opacity:0;pointer-events:none}.content .filter__clear svg{fill:#fcfcfc;width:10px;height:10px}.content .options{margin-bottom:16px;padding-left:16px;padding-right:16px}.content .options__item{padding:0;color:#3b82f6;font-size:0.75rem;font-weight:500;font-family:inherit;background-color:transparent;border:transparent}.content .options__item:hover{text-decoration:underline}.content .options__item:first-child{margin-right:16px}.content .options__item:disabled{color:rgba(48, 113, 217, 0.72);cursor:not-allowed;text-decoration:none}.content .list{padding:0;margin:0;list-style:none;overflow-y:auto}.content .list__item{cursor:pointer}.content .list__item--highlighted{background-color:#f3f4f6}.empty-page{display:flex;align-items:left;flex-direction:column;margin-left:16px;margin-bottom:12px}.empty-page>*{margin:0}.empty-page__header{font-size:1rem;font-weight:400;color:#374151}.label{display:flex;flex-direction:row;align-items:center;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}.label__item{display:inline-block;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label__item--from-inner-html{display:grid;grid-auto-flow:column;grid-template-columns:24px 1fr;gap:8px;place-items:center}.label__checkbox{margin-right:12px}.label__checkbox--hidden{display:none}`;
@@ -1,4 +1,4 @@
1
- import { r as Ot, h as It } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as Ot, h as It } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { c as Pt, a as Ct, g as At } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as Ot, h as It } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as Ot, h as It } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { c as Pt, a as Ct, g as At } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
3
3
  var Mt = Pt(function(at, gt) {
4
4
  /*!
@@ -1,4 +1,4 @@
1
- import { r as s, c as i, h as e, H as a } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as s, c as i, h as e, H as a } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { m as o } from "./icon-b8d01d6f-ddfa2c17.mjs";
3
3
  import { b as c } from "./utils-ae714467-b07fc3be.mjs";
4
4
  const h = "html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{color:#1c1917;transition:300ms ease;display:flex;align-items:center;cursor:pointer}:host img{-o-object-fit:cover;object-fit:cover}:host([orientation=horizontal]){width:100%;height:100%;float:left;flex-direction:column;justify-content:center}:host([orientation=horizontal]) img{width:48px;height:48px}:host([orientation=horizontal]) p{height:16px;overflow:visible;font-size:0.875rem;line-height:1rem;text-align:center}:host([orientation=vertical]){padding:16px;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.25rem}:host([orientation=vertical]) img{width:24px;height:24px}:host([orientation=vertical]) p{margin:0;padding-left:16px}:host(:hover){background-color:#fcfcfc}", l = class {
@@ -1,4 +1,4 @@
1
- import { r as s, c as i, h as e, H as a } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as s, c as i, h as e, H as a } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { m as o } from "./icon-b8d01d6f-ddfa2c17.mjs";
3
3
  import { b as c } from "./utils-ae714467-b07fc3be.mjs";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r, c as s, h as o, H as c } from "./webcomponent-7dbacc21.mjs";
1
+ import { r, c as s, h as o, H as c } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { m as d } from "./icon-b8d01d6f-ddfa2c17.mjs";
3
3
  import { b as a } from "./utils-ae714467-b07fc3be.mjs";
4
4
  const l = 'html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{padding:16px;font-size:1rem;font-weight:500;line-height:1rem;transition:300ms ease;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";border-radius:8px;background-color:#f9fafb;display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:16px;border:1px solid #e5e7eb}:host(:hover){background-color:var(--tailwind-colors-gray-100)}.img-container{width:32px;height:32px;display:flex;justify-content:center;align-items:center}img{border-radius:8px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.details{padding-right:16px;flex:1;display:grid;gap:4px}.details-title{margin:0;padding:0}.distance{font-weight:400}mi-location-info{color:#6b7280}', h = class {
@@ -1,4 +1,4 @@
1
- import { r, c as s, h as o, H as c } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r, c as s, h as o, H as c } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { m as d } from "./icon-b8d01d6f-ddfa2c17.mjs";
3
3
  import { b as a } from "./utils-ae714467-b07fc3be.mjs";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as s, h as e } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as s, h as e } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = "html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{display:block;height:100%;width:100%}.container{height:100%;display:flex}.container .scroll-container{width:100%;overflow-y:auto}", n = class {
@@ -1,4 +1,4 @@
1
- import { r as s, h as e } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as s, h as e } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const l = "html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:host{display:block;height:100%;width:100%}.container{height:100%;display:flex}.container .scroll-container{width:100%;overflow-y:auto}", n = class {
3
3
  constructor(t) {
4
4
  s(this, t), this.scrollButtonsEnabled = !1, this.scrollLength = 100;
@@ -1,4 +1,4 @@
1
- import { r as _o, c as Q, h as x, H as go } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as _o, c as Q, h as x, H as go } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { c as wo } from "./utils-ae714467-b07fc3be.mjs";
3
3
  function $(e) {
4
4
  if (e === null || e === !0 || e === !1)
@@ -1,4 +1,4 @@
1
- import { r as _o, c as Q, h as x, H as go } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as _o, c as Q, h as x, H as go } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { c as wo } from "./utils-ae714467-b07fc3be.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as o } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as o } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const t = ":host{display:block;color:#1f2937;font-weight:400}", e = class {
@@ -1,4 +1,4 @@
1
- import { r as o } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as o } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const t = ":host{display:block;color:#1f2937;font-weight:400}", e = class {
3
3
  constructor(i) {
4
4
  o(this, i), this.location = void 0;
@@ -1,4 +1,4 @@
1
- import { r as f, c as I, h as C } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as f, c as I, h as C } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { m as E } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
3
3
  var b = function o(e, t) {
4
4
  if (e === t)
@@ -1,4 +1,4 @@
1
- import { r as f, c as I, h as C } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as f, c as I, h as C } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { m as E } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, c as r, h as e, H as a } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as n, c as r, h as e, H as a } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { m as l } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
3
3
  class h {
4
4
  constructor(t, i) {
@@ -1,4 +1,4 @@
1
- import { r as n, c as r, h as e, H as a } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as n, c as r, h as e, H as a } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { m as l } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as e, h as i, H as o } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as e, h as i, H as o } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { a as s, f as n } from "./utils-ae714467-b07fc3be.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as e, h as i, H as o } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as e, h as i, H as o } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { a as s, f as n } from "./utils-ae714467-b07fc3be.mjs";
3
3
  const r = ':host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host mi-card{position:relative;overflow:hidden;min-width:312px}:host mi-card .content h1{display:inline-flex;cursor:default;align-items:center;text-transform:uppercase;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:8px}:host mi-card .content h1 svg{fill:#9ca3af;width:16px;height:16px;margin-left:8px}:host mi-card .content section{position:relative}:host mi-card .content section p{margin:0;font-size:3rem;line-height:3rem;font-weight:500;color:#1c1917}:host mi-card .content section p.error{font-size:1rem;font-weight:500;color:#6b7280}:host mi-card .content section p.hidden{visibility:hidden}:host mi-card .content section p.tool-tip{box-sizing:border-box;visibility:hidden;overflow:hidden;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition:all 100ms;z-index:700;background-color:#ffffff;font-size:0.875rem;font-weight:400;line-height:1rem;margin:0}:host mi-card .content section p.tool-tip.visible{opacity:1;visibility:visible}:host mi-card .content section mi-spinner{display:inline-block;vertical-align:middle;width:100%}', l = class {
4
4
  constructor(t) {
@@ -1,4 +1,4 @@
1
- import { r as c, f as r, h as i, H as f, g as d } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as c, f as r, h as i, H as f, g as d } from "./webcomponent-a4bdfc4d.mjs";
2
2
  var l;
3
3
  (function(t) {
4
4
  t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t.BOTTOM_RIGHT = "bottom-right";
@@ -1,4 +1,4 @@
1
- import { r as c, f as r, h as i, H as f, g as d } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as c, f as r, h as i, H as f, g as d } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  var l;
@@ -1,4 +1,4 @@
1
- import { r as s, h as i } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as s, h as i } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { R as t } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
3
3
  import { U as n } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as s, h as i } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as s, h as i } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { R as t } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
3
3
  import { U as n } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
4
4
  const a = '.directions{border-bottom:1px solid #d1d5db;color:#1c1917;font-size:1rem;font-weight:400;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"}.directions-way-points{padding-top:24px;padding-bottom:24px;padding-left:16px;padding-right:16px;border-bottom:1px solid #f3f4f6}.directions-way-points span{display:block}.directions-way-points span:first-child{font-size:1.25rem;font-weight:500;line-height:1.5rem}.directions-way-points span:last-child{color:#6b7280}.directions-way-points span:last-child a{color:#3b82f6;text-decoration:none}.directions-details{padding:16px;display:flex;flex-direction:row;justify-content:space-between}.directions-details-numbers mi-time{font-weight:500}.directions-details-numbers-distance{color:#6b7280;font-size:0.875rem;font-weight:400;text-transform:lowercase}.directions-details-travel-mode-selector{display:flex;align-items:center;color:#3b82f6;text-decoration:none}.directions-details-travel-mode-selector mi-icon{width:24px;height:24px;margin-left:8px;background-color:#3b82f6}', r = class {
@@ -1,4 +1,4 @@
1
- import { r as l, h as s, H as h } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as l, h as s, H as h } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { U as u } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
3
3
  const d = ':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}', c = class {
4
4
  constructor(t) {
@@ -1,4 +1,4 @@
1
- import { r as l, h as s, H as h } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as l, h as s, H as h } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { U as u } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, c as r, h as e } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as n, c as r, h as e } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { U as o } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
3
3
  import { c as l } from "./utils-ae714467-b07fc3be.mjs";
4
4
  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 {
@@ -1,4 +1,4 @@
1
- import { r as n, c as r, h as e } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as n, c as r, h as e } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { U as o } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
3
3
  import { c as l } from "./utils-ae714467-b07fc3be.mjs";
4
4
  import "react";
@@ -1,11 +1,11 @@
1
- import { r, c as o, h as e } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r, c as o, h as e } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { U as a } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
3
3
  import { c as l } from "./utils-ae714467-b07fc3be.mjs";
4
4
  import "react";
5
5
  import "react-dom";
6
- 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:8px;justify-items:center}.step__info{display:grid;grid-auto-flow:column;gap:8px;align-items:center}.step__action-icon--circled{position:relative}.step__action-icon mi-icon{display:block;width:40px;height:40px}.step__heading{font-size:1.25rem;margin:0}.step__heading>span{font-size:0.875rem;color:#6b7280}.step__travel-mode{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__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{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{grid-area:substeps}', d = class {
6
+ 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:8px;justify-items:center}.step__info{display:grid;grid-auto-flow:column;gap:8px;align-items:center}.step__info.destination{grid-auto-flow:row;justify-items:center}.step__destination{display:grid;gap:8px;align-items:center;justify-content:center;grid-auto-flow:column}.step__action-icon--circled{position:relative}.step__action-icon mi-icon{display:block;width:40px;height:40px}.step__heading{font-size:1.25rem;margin:0}.step__heading>span{font-size:0.875rem;color:#6b7280}.step__travel-mode{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__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{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{grid-area:substeps}', d = class {
7
7
  constructor(t) {
8
- r(this, t), this.stepClicked = o(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 = navigator.language === "en-US" ? a.Imperial : a.Metric, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
8
+ r(this, t), this.stepClicked = o(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.destinationLocation = void 0, this.unit = navigator.language === "en-US" ? a.Imperial : a.Metric, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
9
9
  }
10
10
  parseStepProp() {
11
11
  this.step && (this.stepData = JSON.parse(this.step));
@@ -47,6 +47,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
47
47
  return this.renderBicyclingStep();
48
48
  case "TRANSIT":
49
49
  return this.renderTransitStep();
50
+ case "DESTINATION":
51
+ return this.renderDestinationStep();
50
52
  default:
51
53
  return e("div", null, "Unknown travel mode: ", this.stepData.travel_mode);
52
54
  }
@@ -73,6 +75,9 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
73
75
  case "TRANSIT":
74
76
  t = this.getTransitVehicleIconName();
75
77
  break;
78
+ case "DESTINATION":
79
+ t = "logo";
80
+ break;
76
81
  }
77
82
  return e("span", { part: "step-travel-mode", class: `step__travel-mode step__travel-mode--${this.stepData.travel_mode.toUpperCase() === "TRANSIT" ? "solid" : "dotted"}` }, e("span", { class: "step__travel-mode-icon" }, e("mi-icon", { part: "step-travel-mode-icon", "icon-name": t })));
78
83
  }
@@ -176,6 +181,14 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
176
181
  renderBicyclingStep() {
177
182
  return e("div", { class: "step", onClick: (t) => this.stepClickHandler(t) }, e("div", { part: "step-description", class: "step__description" }, this.renderDistance()), e("div", { class: "step__info" }, this.isInternetExplorer ? null : e("span", { class: "step__action-icon step__action-icon--circled" }, e("mi-icon", { "icon-name": "bike" })), e("div", { part: "step-heading", class: "step__heading" }, this.getStepHeading())));
178
183
  }
184
+ /**
185
+ * Render the destination step.
186
+ *
187
+ * @returns {JSX.Element}
188
+ */
189
+ renderDestinationStep() {
190
+ return e("div", { class: "step", onClick: (t) => this.stepClickHandler(t) }, e("div", { class: "step__info destination" }, e("div", { class: "step__destination" }, this.isInternetExplorer ? null : e("span", { class: "step__action-icon step__action-icon--circled" }, e("mi-icon", { "icon-name": "logo" })), e("div", { part: "step-heading", class: "step__heading" }, this.translationsData.destination)), e("div", { part: "step-location", class: "step__location" }, this.destinationLocation)));
191
+ }
179
192
  /**
180
193
  * Render a transit step.
181
194
  *
@@ -1,9 +1,9 @@
1
- import { r, c as o, h as e } from "./webcomponent-7dbacc21.mjs";
1
+ import { r, c as o, h as e } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { U as a } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
3
3
  import { c as l } from "./utils-ae714467-b07fc3be.mjs";
4
- 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:8px;justify-items:center}.step__info{display:grid;grid-auto-flow:column;gap:8px;align-items:center}.step__action-icon--circled{position:relative}.step__action-icon mi-icon{display:block;width:40px;height:40px}.step__heading{font-size:1.25rem;margin:0}.step__heading>span{font-size:0.875rem;color:#6b7280}.step__travel-mode{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__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{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{grid-area:substeps}', d = class {
4
+ 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:8px;justify-items:center}.step__info{display:grid;grid-auto-flow:column;gap:8px;align-items:center}.step__info.destination{grid-auto-flow:row;justify-items:center}.step__destination{display:grid;gap:8px;align-items:center;justify-content:center;grid-auto-flow:column}.step__action-icon--circled{position:relative}.step__action-icon mi-icon{display:block;width:40px;height:40px}.step__heading{font-size:1.25rem;margin:0}.step__heading>span{font-size:0.875rem;color:#6b7280}.step__travel-mode{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__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{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{grid-area:substeps}', d = class {
5
5
  constructor(t) {
6
- r(this, t), this.stepClicked = o(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 = navigator.language === "en-US" ? a.Imperial : a.Metric, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
6
+ r(this, t), this.stepClicked = o(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.destinationLocation = void 0, this.unit = navigator.language === "en-US" ? a.Imperial : a.Metric, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
7
7
  }
8
8
  parseStepProp() {
9
9
  this.step && (this.stepData = JSON.parse(this.step));
@@ -45,6 +45,8 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
45
45
  return this.renderBicyclingStep();
46
46
  case "TRANSIT":
47
47
  return this.renderTransitStep();
48
+ case "DESTINATION":
49
+ return this.renderDestinationStep();
48
50
  default:
49
51
  return e("div", null, "Unknown travel mode: ", this.stepData.travel_mode);
50
52
  }
@@ -71,6 +73,9 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
71
73
  case "TRANSIT":
72
74
  t = this.getTransitVehicleIconName();
73
75
  break;
76
+ case "DESTINATION":
77
+ t = "logo";
78
+ break;
74
79
  }
75
80
  return e("span", { part: "step-travel-mode", class: `step__travel-mode step__travel-mode--${this.stepData.travel_mode.toUpperCase() === "TRANSIT" ? "solid" : "dotted"}` }, e("span", { class: "step__travel-mode-icon" }, e("mi-icon", { part: "step-travel-mode-icon", "icon-name": t })));
76
81
  }
@@ -174,6 +179,14 @@ const p = ':host{display:block;font-family:Figtree, -apple-system, BlinkMacSyste
174
179
  renderBicyclingStep() {
175
180
  return e("div", { class: "step", onClick: (t) => this.stepClickHandler(t) }, e("div", { part: "step-description", class: "step__description" }, this.renderDistance()), e("div", { class: "step__info" }, this.isInternetExplorer ? null : e("span", { class: "step__action-icon step__action-icon--circled" }, e("mi-icon", { "icon-name": "bike" })), e("div", { part: "step-heading", class: "step__heading" }, this.getStepHeading())));
176
181
  }
182
+ /**
183
+ * Render the destination step.
184
+ *
185
+ * @returns {JSX.Element}
186
+ */
187
+ renderDestinationStep() {
188
+ return e("div", { class: "step", onClick: (t) => this.stepClickHandler(t) }, e("div", { class: "step__info destination" }, e("div", { class: "step__destination" }, this.isInternetExplorer ? null : e("span", { class: "step__action-icon step__action-icon--circled" }, e("mi-icon", { "icon-name": "logo" })), e("div", { part: "step-heading", class: "step__heading" }, this.translationsData.destination)), e("div", { part: "step-location", class: "step__location" }, this.destinationLocation)));
189
+ }
177
190
  /**
178
191
  * Render a transit step.
179
192
  *
@@ -1,4 +1,4 @@
1
- import { r as u, c as g, h as s, H as m } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as u, c as g, h as o, H as m } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { R as v } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
3
3
  import { U as f } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
4
4
  import { c as S } from "./utils-ae714467-b07fc3be.mjs";
@@ -14,6 +14,7 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
14
14
  bike: "Bike",
15
15
  transit: "Transit",
16
16
  drive: "Drive",
17
+ destination: "You have arrived",
17
18
  leave: "Leave",
18
19
  from: "From",
19
20
  park: "Park",
@@ -55,9 +56,9 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
55
56
  */
56
57
  getRouteSteps() {
57
58
  return this.route ? this.route.legs.reduce((t, i, e) => {
58
- for (const o in i.steps) {
59
- const n = i.steps[o];
60
- n.originalLegIndex = e, n.originalStepIndex = parseInt(o), t.push(n);
59
+ for (const s in i.steps) {
60
+ const n = i.steps[s];
61
+ n.originalLegIndex = e, n.originalStepIndex = parseInt(s), t.push(n);
61
62
  }
62
63
  return t;
63
64
  }, []) : [];
@@ -97,10 +98,10 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
97
98
  * @returns {JSX.Element}
98
99
  */
99
100
  renderInstructions() {
100
- return s(m, null, this.getRouteSteps().map((t, i) => {
101
- var e, o, n, a, r;
102
- 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, h = this.lastStepTransitStop;
103
- 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", {
101
+ return o(m, null, this.getRouteSteps().map((t, i) => {
102
+ var e, s, n, a, r;
103
+ const d = !((s = (e = this.originLocation) === null || e === void 0 ? void 0 : e.properties) === null || s === void 0) && s.name ? this.originLocation.properties.name : this.originName || "", c = t.originalLegIndex === 0 && t.originalStepIndex === 0 ? d : this.lastStepRouteContext, p = this.lastStepTravelMode, h = this.lastStepTransitStop;
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, o("mi-route-instructions-step-legacy", {
104
105
  ref: (l) => this.miStepElements.push(l),
105
106
  "from-travel-mode": p,
106
107
  "from-route-context": c,
@@ -132,7 +133,7 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
132
133
  * @returns {JSX.Element}
133
134
  */
134
135
  renderDestination() {
135
- 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));
136
+ return o("div", { class: "instructions-destination" }, o("div", { class: "instructions-destination-icon" }, S() ? null : o("mi-icon", { "icon-name": "marker" })), o("div", { part: "instructions-destination", class: "instructions-destination-details" }, this.destinationLocation ? this.destinationLocation.properties.name : this.destinationName, this.destinationLocation ? o("mi-location-info", { part: "instructions-destination-info", location: this.destinationLocation }) : null));
136
137
  }
137
138
  };
138
139
  I.style = x;
@@ -1,5 +1,5 @@
1
- import { r as u, c as g, h as s, H as m } from "./webcomponent-7dbacc21.mjs";
2
- import { R as v } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
1
+ import { r as u, c as g, h as s, H as v } from "./webcomponent-a4bdfc4d.mjs";
2
+ import { R as m } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
3
3
  import { U as f } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
4
4
  import { c as S } from "./utils-ae714467-b07fc3be.mjs";
5
5
  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 {
@@ -7,11 +7,12 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
7
7
  u(this, t), this.clicked = g(this, "clicked", 7), this.miStepElements = [], this.lastStepRouteContext = null, this.lastStepTravelMode = null, this.lastStepTransitStop = null, this.activeStep = {
8
8
  legIndex: 0,
9
9
  stepIndex: 0
10
- }, this.unit = f.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 = {
10
+ }, this.unit = f.Metric, this.route = void 0, this.hideIndoorSubsteps = !1, this.travelMode = m.Walking, this.originLocation = void 0, this.originName = void 0, this.destinationLocation = void 0, this.destinationName = void 0, this.translations = {
11
11
  walk: "Walk",
12
12
  bike: "Bike",
13
13
  transit: "Transit",
14
14
  drive: "Drive",
15
+ destination: "You have arrived",
15
16
  leave: "Leave",
16
17
  from: "From",
17
18
  park: "Park",
@@ -95,7 +96,7 @@ const x = ':host{display:block;background-color:#fcfcfc;font-family:Figtree, -ap
95
96
  * @returns {JSX.Element}
96
97
  */
97
98
  renderInstructions() {
98
- return s(m, null, this.getRouteSteps().map((t, i) => {
99
+ return s(v, null, this.getRouteSteps().map((t, i) => {
99
100
  var e, o, n, a, r;
100
101
  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, h = this.lastStepTransitStop;
101
102
  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", {
@@ -1,4 +1,4 @@
1
- import { r as o, h as e } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as o, h as e } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const n = '@charset "UTF-8";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;background-color:#f9fafb;border-left:solid;border-color:#e5e7eb;border-width:1px;display:flex;flex-direction:column;align-items:center;justify-content:center}.scroll-buttons .btn{margin:8px}.scroll-buttons .btn-up::after{content:"↑"}.scroll-buttons .btn-down::after{content:"↓"}', r = class {
3
3
  constructor(t) {
4
4
  o(this, t), this.scrollContainerElementRef = void 0, this.scrollLength = 100;
@@ -1,4 +1,4 @@
1
- import { r as o, h as e } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as o, h as e } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const n = '@charset "UTF-8";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;background-color:#f9fafb;border-left:solid;border-color:#e5e7eb;border-width:1px;display:flex;flex-direction:column;align-items:center;justify-content:center}.scroll-buttons .btn{margin:8px}.scroll-buttons .btn-up::after{content:"↑"}.scroll-buttons .btn-down::after{content:"↓"}', r = class {
@@ -1,4 +1,4 @@
1
- import { r as v, c as m, h as d, H as M } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as v, c as m, h as d, H as M } from "./reactcomponent-c0305d4c.mjs";
2
2
  import { c as f, g as D } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as v, c as m, h as d, H as M } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as v, c as m, h as d, H as M } from "./webcomponent-a4bdfc4d.mjs";
2
2
  import { c as f, g as D } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
3
3
  var g = f(function(e, t) {
4
4
  Object.defineProperty(t, "__esModule", {
@@ -1,4 +1,4 @@
1
- import { r as a, c as i, h as e } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as a, c as i, h as e } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  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 {
@@ -1,4 +1,4 @@
1
- import { r as a, c as i, h as e } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as a, c as i, h as e } from "./webcomponent-a4bdfc4d.mjs";
2
2
  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 {
3
3
  constructor(t) {
4
4
  a(this, t), this.successfullySent = i(this, "successfullySent", 7), this.unsuccessfullySent = i(this, "unsuccessfullySent", 7), this.submitFormHandler = (n) => {
@@ -1,4 +1,4 @@
1
- import { r as n, c as d, h as t, H as p } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as n, c as d, h as t, H as p } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const h = ":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}", o = class {
3
3
  constructor(e) {
4
4
  n(this, e), this.stepIndexChanged = d(this, "stepIndexChanged", 7), this.heading = void 0, this.steps = [], this.stepIndex = 0;
@@ -1,4 +1,4 @@
1
- import { r as n, c as d, h as t, H as p } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as n, c as d, h as t, H as p } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const h = ":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}", o = class {
@@ -1,4 +1,4 @@
1
- import { r as i, h as s } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as i, h as s } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const t = '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 {
3
3
  constructor(e) {
4
4
  i(this, e), this.isActive = !1;
@@ -1,4 +1,4 @@
1
- import { r as i, h as s } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as i, h as s } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const t = '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 {
@@ -1,4 +1,4 @@
1
- import { r as t } from "./webcomponent-7dbacc21.mjs";
1
+ import { r as t } from "./webcomponent-a4bdfc4d.mjs";
2
2
  const s = class {
3
3
  constructor(r) {
4
4
  t(this, r), this.label = void 0, this.tabFor = void 0;
@@ -1,4 +1,4 @@
1
- import { r as t } from "./reactcomponent-67b0e9ed.mjs";
1
+ import { r as t } from "./reactcomponent-c0305d4c.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const n = class {