@mapsindoors/map-template 1.81.4 → 1.81.5

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 (63) hide show
  1. package/dist/_commonjsHelpers-ba3f0406-b96e6d6a.mjs +22 -0
  2. package/dist/combo-box-item.entry-340c7520.mjs +15 -0
  3. package/dist/icon-b8d01d6f-ddfa2c17.mjs +25 -0
  4. package/dist/mapsindoors-react.es.js +2 -9
  5. package/dist/mapsindoors-react.umd.js +170 -208
  6. package/dist/mapsindoors-webcomponent.es.js +39662 -51196
  7. package/dist/mapsindoors-webcomponent.umd.js +167 -198
  8. package/dist/mi-card_2.entry-bac7446d.mjs +26 -0
  9. package/dist/{mi-chip.entry-d31e2a38.mjs → mi-chip.entry-a0df5166.mjs} +6 -13
  10. package/dist/mi-column.entry-0d535ccf.mjs +21 -0
  11. package/dist/{mi-combo-box.entry-426514dc.mjs → mi-combo-box.entry-a3430e9f.mjs} +8 -15
  12. package/dist/{mi-data-table.entry-7b25a50a.mjs → mi-data-table.entry-60488638.mjs} +3 -10
  13. package/dist/{mi-distance_2.entry-92f37a51.mjs → mi-distance_2.entry-6f2ceab4.mjs} +13 -20
  14. package/dist/mi-dropdown-item.entry-3fffabb0.mjs +15 -0
  15. package/dist/{mi-dropdown.entry-c6db2c56.mjs → mi-dropdown.entry-2f57fc86.mjs} +89 -96
  16. package/dist/{mi-floor-selector.entry-95f28615.mjs → mi-floor-selector.entry-1f1aec04.mjs} +4 -11
  17. package/dist/{mi-keyboard.entry-d1b6867b.mjs → mi-keyboard.entry-a0f396ed.mjs} +402 -409
  18. package/dist/{mi-list-item-category.entry-d6579659.mjs → mi-list-item-category.entry-daa37f97.mjs} +10 -17
  19. package/dist/{mi-list-item-location.entry-0d3e61f7.mjs → mi-list-item-location.entry-cbf578ed.mjs} +12 -19
  20. package/dist/{mi-list.entry-1aa8ce70.mjs → mi-list.entry-763c1201.mjs} +5 -12
  21. package/dist/{mi-location-booking.entry-78a8efc5.mjs → mi-location-booking.entry-c1dd00c2.mjs} +3 -10
  22. package/dist/mi-location-info.entry-7d161a48.mjs +32 -0
  23. package/dist/{mi-map-googlemaps.entry-fa1fca3c.mjs → mi-map-googlemaps.entry-5fc37531.mjs} +21 -28
  24. package/dist/{mi-map-mapbox.entry-bebb47c5.mjs → mi-map-mapbox.entry-73a8ded6.mjs} +6 -13
  25. package/dist/{mi-metric-card.entry-45e0aca6.mjs → mi-metric-card.entry-f6099aee.mjs} +13 -20
  26. package/dist/{mi-my-position.entry-20e65b9a.mjs → mi-my-position.entry-4aa3c548.mjs} +90 -97
  27. package/dist/{mi-notification.entry-c5ffd907.mjs → mi-notification.entry-0d6268f0.mjs} +5 -12
  28. package/dist/{mi-route-instructions-heading.entry-dafe6b06.mjs → mi-route-instructions-heading.entry-2cdddb7b.mjs} +18 -25
  29. package/dist/{mi-route-instructions-maneuver-legacy.entry-7d70d463.mjs → mi-route-instructions-maneuver-legacy.entry-1eb7e512.mjs} +8 -15
  30. package/dist/{mi-route-instructions-maneuver.entry-769ee215.mjs → mi-route-instructions-maneuver.entry-3aa043c9.mjs} +9 -16
  31. package/dist/{mi-route-instructions-step-legacy.entry-22a830fc.mjs → mi-route-instructions-step-legacy.entry-18dd2624.mjs} +26 -33
  32. package/dist/{mi-route-instructions-step.entry-028eee13.mjs → mi-route-instructions-step.entry-60733e95.mjs} +7 -14
  33. package/dist/{mi-route-instructions.entry-0357e12c.mjs → mi-route-instructions.entry-e1759479.mjs} +8 -15
  34. package/dist/{mi-scroll-buttons.entry-101c7a78.mjs → mi-scroll-buttons.entry-f7622d39.mjs} +7 -14
  35. package/dist/{mi-search.entry-336c3a84.mjs → mi-search.entry-3b1043d6.mjs} +16 -23
  36. package/dist/{mi-share-sms.entry-d00c89f9.mjs → mi-share-sms.entry-f431bec9.mjs} +6 -13
  37. package/dist/{mi-step-switcher.entry-1debd131.mjs → mi-step-switcher.entry-b0c70c80.mjs} +8 -15
  38. package/dist/mi-tab-panel.entry-03de2646.mjs +22 -0
  39. package/dist/mi-tab.entry-f7bf59cc.mjs +14 -0
  40. package/dist/{mi-tabs.entry-ee5ed456.mjs → mi-tabs.entry-b6254fc6.mjs} +6 -13
  41. package/dist/{mi-time.entry-df183bd2.mjs → mi-time.entry-7df615fb.mjs} +8 -15
  42. package/dist/mi-variables-9a6c8d4d-e06eec88.mjs +8 -0
  43. package/dist/reactcomponent-186f3de0.mjs +49308 -0
  44. package/dist/route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs +8 -0
  45. package/dist/sort-order.enum-64ce8998-b75ac596.mjs +318 -0
  46. package/dist/unit-system.enum-eaefb53e-0f424da4.mjs +8 -0
  47. package/dist/utils-ae714467-b07fc3be.mjs +37 -0
  48. package/package.json +1 -3
  49. package/dist/_commonjsHelpers-ba3f0406-5776c50e.mjs +0 -30
  50. package/dist/combo-box-item.entry-6057d372.mjs +0 -22
  51. package/dist/icon-b8d01d6f-3d42051c.mjs +0 -33
  52. package/dist/mi-card_2.entry-497f71c8.mjs +0 -33
  53. package/dist/mi-column.entry-7f36f3ae.mjs +0 -28
  54. package/dist/mi-dropdown-item.entry-bc28eac8.mjs +0 -22
  55. package/dist/mi-location-info.entry-88b70d19.mjs +0 -39
  56. package/dist/mi-tab-panel.entry-37d52412.mjs +0 -29
  57. package/dist/mi-tab.entry-99917303.mjs +0 -21
  58. package/dist/mi-variables-9a6c8d4d-c2450494.mjs +0 -16
  59. package/dist/reactcomponent-5343254a.mjs +0 -60933
  60. package/dist/route-travel-mode.enum-7f4ce9c7-ececca69.mjs +0 -16
  61. package/dist/sort-order.enum-64ce8998-abc95d37.mjs +0 -326
  62. package/dist/unit-system.enum-eaefb53e-84f2bcd5.mjs +0 -16
  63. package/dist/utils-ae714467-417b7ba2.mjs +0 -45
@@ -1,61 +1,54 @@
1
- import { r as p, c, h as n, H as u, g as f } from "./reactcomponent-5343254a.mjs";
2
- import { S as m, f as g } from "./sort-order.enum-64ce8998-abc95d37.mjs";
1
+ import { r as p, c, h as n, H as u, g as f } from "./reactcomponent-186f3de0.mjs";
2
+ import { S as m, f as g } from "./sort-order.enum-64ce8998-b75ac596.mjs";
3
3
  import "react";
4
4
  import "react-dom";
5
- import "./_commonjsHelpers-ba3f0406-5776c50e.mjs";
6
- (function() {
7
- try {
8
- var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, t = new e.Error().stack;
9
- t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "1a9ba40a-6733-4190-9a8c-26ea418dccb8", e._sentryDebugIdIdentifier = "sentry-dbid-1a9ba40a-6733-4190-9a8c-26ea418dccb8");
10
- } catch {
11
- }
12
- })();
13
- function b(e) {
14
- var t = [].slice.call(arguments, 1);
5
+ import "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
6
+ function b(t) {
7
+ var e = [].slice.call(arguments, 1);
15
8
  return function() {
16
- return t.reduce(function(i, s) {
9
+ return e.reduce(function(i, s) {
17
10
  return s(i);
18
- }, e.apply(null, arguments));
11
+ }, t.apply(null, arguments));
19
12
  };
20
13
  }
21
- var x = function(e) {
22
- return String.prototype.normalize ? e.normalize("NFKD").replace(/[\u0300-\u036F]/g, "") : e;
23
- }, w = function(e) {
24
- return Array.isArray(e) ? e : [e];
14
+ var x = function(t) {
15
+ return String.prototype.normalize ? t.normalize("NFKD").replace(/[\u0300-\u036F]/g, "") : t;
16
+ }, w = function(t) {
17
+ return Array.isArray(t) ? t : [t];
25
18
  };
26
- function y(e) {
27
- for (var t = [], i = 1; i < arguments.length; i++)
28
- t[i - 1] = arguments[i];
29
- return w(e).reduce(function(s, l, r) {
30
- return s + t[r - 1] + l;
19
+ function I(t) {
20
+ for (var e = [], i = 1; i < arguments.length; i++)
21
+ e[i - 1] = arguments[i];
22
+ return w(t).reduce(function(s, l, r) {
23
+ return s + e[r - 1] + l;
31
24
  }).replace(/\s+/g, " ").trim();
32
25
  }
33
- var I = function(e) {
34
- return Array.isArray(e) ? e.join(" ") : e;
35
- }, v = function(e) {
36
- return e.toLocaleLowerCase();
37
- }, h = /* @__PURE__ */ b(I, x, y, v);
26
+ var y = function(t) {
27
+ return Array.isArray(t) ? t.join(" ") : t;
28
+ }, v = function(t) {
29
+ return t.toLocaleLowerCase();
30
+ }, d = /* @__PURE__ */ b(y, x, I, v);
38
31
  const _ = `.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;gap:8px}.button__left-icon{height:20px;width:20px}.button svg{margin-left:auto}.button__label{padding-top:12px;padding-bottom:12px;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--disabled{opacity:0.72}.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}`;
39
32
  var o;
40
- (function(e) {
41
- e.ArrowDown = "ArrowDown", e.ArrowUp = "ArrowUp", e.Enter = "Enter", e.Esc = "Escape";
33
+ (function(t) {
34
+ t.ArrowDown = "ArrowDown", t.ArrowUp = "ArrowUp", t.Enter = "Enter", t.Esc = "Escape";
42
35
  })(o || (o = {}));
43
36
  const E = class {
44
- constructor(e) {
45
- p(this, e), this.change = c(this, "change", 3), this.cleared = c(this, "cleared", 7), this.isFilterSelectionDisabled = !1, this.isClearButtonVisible = !1, this.isMouseOverEventDisabled = !1, this.currentItemIndex = 0, this.selectedItemIndex = 0, this.highlightedItemClassName = "list__item--highlighted", this.open = !1, this.items = [], this.itemsOrder = void 0, this.label = void 0, this.filterable = !1, this.placeholder = "Type to filter...", this.multiple = !1, this.selected = [], this.noResultsMessage = "No results found", this.iconSrc = void 0, this.iconAlt = void 0, this.dropdownAlignment = "left", this.currentItems = [], this.disabled = !1;
37
+ constructor(t) {
38
+ p(this, t), this.change = c(this, "change", 3), this.cleared = c(this, "cleared", 7), this.isFilterSelectionDisabled = !1, this.isClearButtonVisible = !1, this.isMouseOverEventDisabled = !1, this.currentItemIndex = 0, this.selectedItemIndex = 0, this.highlightedItemClassName = "list__item--highlighted", this.open = !1, this.items = [], this.itemsOrder = void 0, this.label = void 0, this.filterable = !1, this.placeholder = "Type to filter...", this.multiple = !1, this.selected = [], this.noResultsMessage = "No results found", this.iconSrc = void 0, this.iconAlt = void 0, this.dropdownAlignment = "left", this.currentItems = [], this.disabled = !1;
46
39
  }
47
40
  /**
48
41
  * Watcher for items property.
49
42
  */
50
- onItemsChanged(e) {
51
- if (e.some((t) => t.tagName.toLowerCase() !== "mi-dropdown-item"))
43
+ onItemsChanged(t) {
44
+ if (t.some((e) => e.tagName.toLowerCase() !== "mi-dropdown-item"))
52
45
  throw new Error("Items contains unknown element(s).");
53
- if (Object.values(m).includes(this.itemsOrder) && (e = this.getSortedItems(e)), this.currentItems = [...e], this.filter(), !this.multiple) {
54
- const t = this.currentItems.findIndex((i) => i.selected);
55
- this.currentItemIndex = t > -1 ? t : 0, this.selectedItemIndex = this.currentItemIndex;
46
+ if (Object.values(m).includes(this.itemsOrder) && (t = this.getSortedItems(t)), this.currentItems = [...t], this.filter(), !this.multiple) {
47
+ const e = this.currentItems.findIndex((i) => i.selected);
48
+ this.currentItemIndex = e > -1 ? e : 0, this.selectedItemIndex = this.currentItemIndex;
56
49
  }
57
- this.items.forEach((t, i) => {
58
- t.dataset.index = i.toString(), t.dataset.excludefromall = `${t.excludefromall}`;
50
+ this.items.forEach((e, i) => {
51
+ e.dataset.index = i.toString(), e.dataset.excludefromall = `${e.excludefromall}`;
59
52
  }), this.selectFirstMiDropdownItem();
60
53
  }
61
54
  /**
@@ -71,17 +64,17 @@ const E = class {
71
64
  * @param {KeyboardEvent} event
72
65
  * @returns {void}
73
66
  */
74
- handleKeyDown(e) {
75
- var t;
76
- e.key === "Tab" && this.open && ((t = this.filterElement) === null || t === void 0 || t.focus(), e.preventDefault());
67
+ handleKeyDown(t) {
68
+ var e;
69
+ t.key === "Tab" && this.open && ((e = this.filterElement) === null || e === void 0 || e.focus(), t.preventDefault());
77
70
  }
78
71
  /**
79
72
  * Outside the dropdown listener. It will close the dropdown when a click is outside a dropdown and dropdown list.
80
73
  *
81
74
  * @param {Event} event
82
75
  */
83
- checkForClickOutside(e) {
84
- this.hostElement.contains(e.target) || (this.open = !1);
76
+ checkForClickOutside(t) {
77
+ this.hostElement.contains(t.target) || (this.open = !1);
85
78
  }
86
79
  /**
87
80
  * Mousemove event handler.
@@ -94,9 +87,9 @@ const E = class {
94
87
  * Scroll event handler.
95
88
  * The dropdown is closed when the scroll event is trigget outside the dropdown.
96
89
  */
97
- scrollEventHandler(e) {
98
- const t = e.target;
99
- (!t || !this.hostElement.contains(t)) && (this.open = !1);
90
+ scrollEventHandler(t) {
91
+ const e = t.target;
92
+ (!e || !this.hostElement.contains(e)) && (this.open = !1);
100
93
  }
101
94
  /**
102
95
  * Resize event handler.
@@ -110,13 +103,13 @@ const E = class {
110
103
  */
111
104
  componentDidLoad() {
112
105
  this.createMiDropdownItemsFromDocument(), this.selectFirstMiDropdownItem(), this.enableKeyboardNavigationEvents();
113
- const e = new IntersectionObserver((t) => {
114
- t.forEach((i) => {
106
+ const t = new IntersectionObserver((e) => {
107
+ e.forEach((i) => {
115
108
  i.isIntersecting === !0 && this.filterElement.focus();
116
109
  });
117
110
  });
118
- this.filterElement !== void 0 && (e.observe(this.filterElement), this.filterElement.addEventListener("keydown", (t) => {
119
- (t.key === o.ArrowDown || t.key === o.ArrowUp) && t.preventDefault();
111
+ this.filterElement !== void 0 && (t.observe(this.filterElement), this.filterElement.addEventListener("keydown", (e) => {
112
+ (e.key === o.ArrowDown || e.key === o.ArrowUp) && e.preventDefault();
120
113
  }));
121
114
  }
122
115
  /**
@@ -129,43 +122,43 @@ const E = class {
129
122
  * Gets all mi-dropdown-item elements for the mi-dropdown items property.
130
123
  */
131
124
  createMiDropdownItemsFromDocument() {
132
- const e = this.items && this.items.length > 0 ? this.items : this.hostElement.querySelectorAll("mi-dropdown-item");
133
- e.length > 0 && (this.items = Array.from(e));
125
+ const t = this.items && this.items.length > 0 ? this.items : this.hostElement.querySelectorAll("mi-dropdown-item");
126
+ t.length > 0 && (this.items = Array.from(t));
134
127
  }
135
128
  /**
136
129
  * Set the first mi-dropdown-item as the textual content of the button.
137
130
  */
138
131
  selectFirstMiDropdownItem() {
139
- var e;
132
+ var t;
140
133
  if (!this.multiple) {
141
- const t = (e = this.items) === null || e === void 0 ? void 0 : e.findIndex((i) => i.selected);
142
- this.selected = [this.items[t > -1 ? t : 0]];
134
+ const e = (t = this.items) === null || t === void 0 ? void 0 : t.findIndex((i) => i.selected);
135
+ this.selected = [this.items[e > -1 ? e : 0]];
143
136
  }
144
137
  }
145
138
  /**
146
139
  * Enables cycling through the items in the content window using arrow up/down keys.
147
140
  */
148
141
  enableKeyboardNavigationEvents() {
149
- this.hostElement.addEventListener("keydown", (e) => {
150
- if (this.open === !1 && e.key === o.ArrowDown) {
151
- this.isMouseOverEventDisabled = !0, this.toggleContentWindow(), e.preventDefault();
142
+ this.hostElement.addEventListener("keydown", (t) => {
143
+ if (this.open === !1 && t.key === o.ArrowDown) {
144
+ this.isMouseOverEventDisabled = !0, this.toggleContentWindow(), t.preventDefault();
152
145
  return;
153
146
  }
154
147
  if (this.open === !0 && !this.multiple)
155
- switch (e.key) {
148
+ switch (t.key) {
156
149
  case o.ArrowDown:
157
- this.isMouseOverEventDisabled = !0, this.currentItemIndex = (this.currentItemIndex + 1) % this.currentItems.length, this.highlightItem(this.currentItemIndex, !0), e.preventDefault();
150
+ this.isMouseOverEventDisabled = !0, this.currentItemIndex = (this.currentItemIndex + 1) % this.currentItems.length, this.highlightItem(this.currentItemIndex, !0), t.preventDefault();
158
151
  break;
159
152
  case o.ArrowUp:
160
- this.isMouseOverEventDisabled = !0, this.currentItemIndex = (this.currentItemIndex + this.currentItems.length - 1) % this.currentItems.length, this.highlightItem(this.currentItemIndex, !0), e.preventDefault();
153
+ this.isMouseOverEventDisabled = !0, this.currentItemIndex = (this.currentItemIndex + this.currentItems.length - 1) % this.currentItems.length, this.highlightItem(this.currentItemIndex, !0), t.preventDefault();
161
154
  break;
162
155
  case o.Enter:
163
156
  if (this.hostElement.shadowRoot.activeElement === this.clearButtonElement)
164
157
  return;
165
- this.currentItems[this.currentItemIndex] !== void 0 && this.onSelect(this.currentItems[this.currentItemIndex]), e.preventDefault();
158
+ this.currentItems[this.currentItemIndex] !== void 0 && this.onSelect(this.currentItems[this.currentItemIndex]), t.preventDefault();
166
159
  break;
167
160
  }
168
- e.key === o.Esc && (this.multiple || (this.currentItemIndex = this.selectedItemIndex, this.highlightItem(this.currentItemIndex)), this.toggleContentWindow(), this.clearFilter());
161
+ t.key === o.Esc && (this.multiple || (this.currentItemIndex = this.selectedItemIndex, this.highlightItem(this.currentItemIndex)), this.toggleContentWindow(), this.clearFilter());
169
162
  });
170
163
  }
171
164
  /**
@@ -173,12 +166,12 @@ const E = class {
173
166
  *
174
167
  * @param {number} itemIndex
175
168
  */
176
- highlightItem(e, t = !1) {
169
+ highlightItem(t, e = !1) {
177
170
  var i, s;
178
171
  const l = this.hostElement.shadowRoot.querySelectorAll(".list__item");
179
172
  l.forEach((r) => {
180
173
  r.classList.remove(this.highlightedItemClassName);
181
- }), (i = l[e]) === null || i === void 0 || i.classList.add(this.highlightedItemClassName), t && ((s = l[e]) === null || s === void 0 || s.scrollIntoView({ block: "nearest", inline: "nearest" }));
174
+ }), (i = l[t]) === null || i === void 0 || i.classList.add(this.highlightedItemClassName), e && ((s = l[t]) === null || s === void 0 || s.scrollIntoView({ block: "nearest", inline: "nearest" }));
182
175
  }
183
176
  /**
184
177
  * Get sorted items.
@@ -187,14 +180,14 @@ const E = class {
187
180
  * @param {HTMLMiDropdownItemElement[]} items
188
181
  * @returns {HTMLMiDropdownItemElement[]}
189
182
  */
190
- getSortedItems(e) {
191
- return this.itemsOrder === m.Asc ? e.sort((t, i) => (t.text || t.innerText).trimStart().toLowerCase().localeCompare((i.text || i.innerText).trimStart().toLowerCase(), void 0, { numeric: !0 })) : e.sort((t, i) => (i.text || i.innerText).trimStart().toLowerCase().localeCompare((t.text || t.innerText).trimStart().toLowerCase(), void 0, { numeric: !0 })), e;
183
+ getSortedItems(t) {
184
+ return this.itemsOrder === m.Asc ? t.sort((e, i) => (e.text || e.innerText).trimStart().toLowerCase().localeCompare((i.text || i.innerText).trimStart().toLowerCase(), void 0, { numeric: !0 })) : t.sort((e, i) => (i.text || i.innerText).trimStart().toLowerCase().localeCompare((e.text || e.innerText).trimStart().toLowerCase(), void 0, { numeric: !0 })), t;
192
185
  }
193
186
  /**
194
187
  * Update and emit list of selected items.
195
188
  */
196
189
  onChangedHandler() {
197
- this.selected = [...this.items.filter((e) => e.selected)], this.change.emit(this.selected);
190
+ this.selected = [...this.items.filter((t) => t.selected)], this.change.emit(this.selected);
198
191
  }
199
192
  /**
200
193
  * Toggle visibility of content window.
@@ -206,18 +199,18 @@ const E = class {
206
199
  * Check all checkboxes.
207
200
  */
208
201
  selectAll() {
209
- const e = Array.from(this.currentItems);
210
- for (const t of e)
211
- t.selected = !(`${t.dataset.excludefromall}` == "true" || t.disabled);
202
+ const t = Array.from(this.currentItems);
203
+ for (const e of t)
204
+ e.selected = !(`${e.dataset.excludefromall}` == "true" || e.disabled);
212
205
  this.onChangedHandler();
213
206
  }
214
207
  /**
215
208
  * Uncheck all checkboxes.
216
209
  */
217
210
  selectNone() {
218
- const e = Array.from(this.currentItems);
219
- for (const t of e)
220
- t.selected = !1;
211
+ const t = Array.from(this.currentItems);
212
+ for (const e of t)
213
+ e.selected = !1;
221
214
  this.onChangedHandler();
222
215
  }
223
216
  /**
@@ -225,26 +218,26 @@ const E = class {
225
218
  *
226
219
  * @param {HTMLMiDropdownItemElement} item
227
220
  */
228
- onSelect(e) {
221
+ onSelect(t) {
229
222
  this.multiple || (this.open = !1, Array.from(this.items).forEach((i) => {
230
223
  i.selected = !1;
231
- }), this.clearFilter()), e.selected = !e.selected, this.currentItemIndex = Number(e.dataset.index), this.selectedItemIndex = this.currentItemIndex, this.onChangedHandler();
224
+ }), this.clearFilter()), t.selected = !t.selected, this.currentItemIndex = Number(t.dataset.index), this.selectedItemIndex = this.currentItemIndex, this.onChangedHandler();
232
225
  }
233
226
  /**
234
227
  * Highlights the item that the cursor is hovering in the content window.
235
228
  *
236
229
  * @param {number} filteredItemsIndex
237
230
  */
238
- onMouseOver(e) {
239
- !this.isMouseOverEventDisabled && !this.multiple && (this.highlightItem(e), this.currentItemIndex = e);
231
+ onMouseOver(t) {
232
+ !this.isMouseOverEventDisabled && !this.multiple && (this.highlightItem(t), this.currentItemIndex = t);
240
233
  }
241
234
  /**
242
235
  * Filter items based on the input query.
243
236
  */
244
237
  filter() {
245
238
  if (this.filterElement) {
246
- const e = this.filterElement.value, t = this.items.map((a) => h(a.text) || h(a.innerText)), i = this.currentItems.length;
247
- if (e === "") {
239
+ const t = this.filterElement.value, e = this.items.map((a) => d(a.text) || d(a.innerText)), i = this.currentItems.length;
240
+ if (t === "") {
248
241
  this.currentItemIndex = this.selectedItemIndex, this.isClearButtonVisible = !1, this.currentItems = [...this.items];
249
242
  return;
250
243
  } else
@@ -253,7 +246,7 @@ const E = class {
253
246
  limit: 50,
254
247
  allowTypo: !1,
255
248
  threshold: -1e4
256
- }, r = g.go(h(e), t, s).map((a) => this.items.find((d) => (h(d.text) || h(d.innerText)) === h(a.target)));
249
+ }, r = g.go(d(t), e, s).map((a) => this.items.find((h) => (d(h.text) || d(h.innerText)) === d(a.target)));
257
250
  this.currentItems = r, i !== this.currentItems.length && (this.currentItemIndex = 0);
258
251
  }
259
252
  }
@@ -269,8 +262,8 @@ const E = class {
269
262
  * @returns {JSX.Element}
270
263
  */
271
264
  render() {
272
- const e = this.filterable ? this.renderFiltering() : null, t = this.multiple ? this.renderMultipleOptions() : null, i = this.iconSrc ? this.renderLeftSideIcon() : null, s = n("ul", { class: "list" }, this.currentItems.map((l, r) => this.renderListItem(l, r, !!t)));
273
- return n(u, { class: { open: this.open } }, n("button", { part: "button", class: "button", disabled: this.disabled || this.items.length === 0, onClick: () => this.toggleContentWindow() }, i, this.renderButtonLabel(), n("svg", { class: "arrow", part: "icon-down-arrow", width: "12", height: "6", viewBox: "0 0 18 10", xmlns: "http://www.w3.org/2000/svg" }, n("path", { d: "M9.37165 9.58706C9.17303 9.80775 8.82697 9.80775 8.62835 9.58706L0.751035 0.834484C0.46145 0.512722 0.689796 7.73699e-08 1.12268 1.25924e-07L16.8773 1.89302e-06C17.3102 1.94157e-06 17.5386 0.512723 17.249 0.834484L9.37165 9.58706Z" }))), n("section", { ref: (l) => this.listElement = l, part: "dropdown-container", class: "content", "tab-index": "1" }, e, t, this.currentItems.length === 0 ? this.renderNoResultsTemplate() : s));
265
+ const t = this.filterable ? this.renderFiltering() : null, e = this.multiple ? this.renderMultipleOptions() : null, i = this.iconSrc ? this.renderLeftSideIcon() : null, s = n("ul", { class: "list" }, this.currentItems.map((l, r) => this.renderListItem(l, r, !!e)));
266
+ return n(u, { class: { open: this.open } }, n("button", { part: "button", class: "button", disabled: this.disabled || this.items.length === 0, onClick: () => this.toggleContentWindow() }, i, this.renderButtonLabel(), n("svg", { class: "arrow", part: "icon-down-arrow", width: "12", height: "6", viewBox: "0 0 18 10", xmlns: "http://www.w3.org/2000/svg" }, n("path", { d: "M9.37165 9.58706C9.17303 9.80775 8.82697 9.80775 8.62835 9.58706L0.751035 0.834484C0.46145 0.512722 0.689796 7.73699e-08 1.12268 1.25924e-07L16.8773 1.89302e-06C17.3102 1.94157e-06 17.5386 0.512723 17.249 0.834484L9.37165 9.58706Z" }))), n("section", { ref: (l) => this.listElement = l, part: "dropdown-container", class: "content", "tab-index": "1" }, t, e, this.currentItems.length === 0 ? this.renderNoResultsTemplate() : s));
274
267
  }
275
268
  /**
276
269
  * Helper function to render markup when no items are available to be displayed in the content window.
@@ -286,8 +279,8 @@ const E = class {
286
279
  * @returns {JSX.Element}
287
280
  */
288
281
  renderButtonLabel() {
289
- var e, t, i, s, l;
290
- const r = (e = this.label) !== null && e !== void 0 ? e : (i = (t = this.selected) === null || t === void 0 ? void 0 : t[0]) === null || i === void 0 ? void 0 : i.text;
282
+ var t, e, i, s, l;
283
+ const r = (t = this.label) !== null && t !== void 0 ? t : (i = (e = this.selected) === null || e === void 0 ? void 0 : e[0]) === null || i === void 0 ? void 0 : i.text;
291
284
  return r > "" ? n("div", { part: "button-label", class: "button__label" }, r) : !((l = (s = this.selected) === null || s === void 0 ? void 0 : s[0]) === null || l === void 0) && l.innerHTML ? n("div", { part: "button-label", class: "button__label button__label--from-inner-html", innerHTML: this.selected[0].innerHTML }) : n("div", { part: "button-label", class: "button__label" });
292
285
  }
293
286
  /**
@@ -304,9 +297,9 @@ const E = class {
304
297
  * @returns {JSX.Element}
305
298
  */
306
299
  renderFiltering() {
307
- return n("div", { class: "filter" }, n("input", { type: "text", class: "mi-input filter__input", placeholder: this.placeholder, ref: (e) => this.filterElement = e, onInput: () => {
300
+ return n("div", { class: "filter" }, n("input", { type: "text", class: "mi-input filter__input", placeholder: this.placeholder, ref: (t) => this.filterElement = t, onInput: () => {
308
301
  this.filter();
309
- }, tabIndex: this.open ? 0 : -1 }), n("button", { ref: (e) => this.clearButtonElement = e, tabindex: this.isClearButtonVisible ? 0 : -1, type: "button", onClick: () => this.clearFilter(), class: `filter__clear ${this.isClearButtonVisible === !1 ? "filter__clear--hidden" : ""}`, "aria-label": "Clear" }, n("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("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" }))));
302
+ }, tabIndex: this.open ? 0 : -1 }), n("button", { ref: (t) => this.clearButtonElement = t, tabindex: this.isClearButtonVisible ? 0 : -1, type: "button", onClick: () => this.clearFilter(), class: `filter__clear ${this.isClearButtonVisible === !1 ? "filter__clear--hidden" : ""}`, "aria-label": "Clear" }, n("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("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" }))));
310
303
  }
311
304
  /**
312
305
  * Helper function for rendering the multi select options.
@@ -324,20 +317,20 @@ const E = class {
324
317
  * @param {boolean} showCheckBox
325
318
  * @returns {JSX.Element}
326
319
  */
327
- renderListItem(e, t, i) {
320
+ renderListItem(t, e, i) {
328
321
  let s;
329
- const l = e.getAttribute("title") || e.text || e.innerText;
330
- return e.innerText.length > 0 ? s = n("div", { class: "label__item label__item--from-inner-html", innerHTML: e.innerHTML }) : s = n("div", { class: "label__item", innerHTML: e.text }), n("li", { class: { list__item: !0, "list__item--disabled": e.disabled }, title: l, onMouseOver: () => {
331
- this.onMouseOver(t);
332
- } }, n("label", { class: "mi-label label", tabindex: "-1" }, n("input", { class: { label__checkbox: !0, "label__checkbox--hidden": !i, "mi-input": !0 }, type: "checkbox", value: t, checked: e.selected, disabled: e.disabled, "data-excludefromall": e.excludefromall, onChange: () => this.onSelect(e) }), s));
322
+ const l = t.getAttribute("title") || t.text || t.innerText;
323
+ return t.innerText.length > 0 ? s = n("div", { class: "label__item label__item--from-inner-html", innerHTML: t.innerHTML }) : s = n("div", { class: "label__item", innerHTML: t.text }), n("li", { class: { list__item: !0, "list__item--disabled": t.disabled }, title: l, onMouseOver: () => {
324
+ this.onMouseOver(e);
325
+ } }, n("label", { class: "mi-label label", tabindex: "-1" }, n("input", { class: { label__checkbox: !0, "label__checkbox--hidden": !i, "mi-input": !0 }, type: "checkbox", value: e, checked: t.selected, disabled: t.disabled, "data-excludefromall": t.excludefromall, onChange: () => this.onSelect(t) }), s));
333
326
  }
334
327
  /**
335
328
  * Function for calculating the position of the dropdown list element.
336
329
  */
337
330
  calculateDropDownPosition() {
338
331
  this.listElement.style.bottom = null, this.listElement.style.left = null, this.listElement.style.right = null, this.listElement.style.top = null, this.listElement.style.maxHeight = null, this.listElement.style.minWidth = null;
339
- const { clientWidth: e, clientHeight: t } = document.documentElement, i = this.hostElement.getBoundingClientRect(), s = this.listElement.getBoundingClientRect(), l = t - i.bottom, r = i.top, a = 580, d = 12;
340
- e <= s.width || i.right - s.width < 0 && s.right > e ? (this.listElement.style.right = `${d}px`, this.listElement.style.left = `${d}px`, this.listElement.style.minWidth = "unset") : s.right > e || this.dropdownAlignment === "right" ? (this.listElement.style.left = "unset", this.listElement.style.right = `${e - i.right}px`) : (this.listElement.style.left = `${i.left}px`, this.listElement.style.right = "unset"), r > l ? (this.listElement.style.maxHeight = `${Math.min(r, a)}px`, this.listElement.style.top = "unset", this.listElement.style.bottom = `${t - i.top}px`) : (this.listElement.style.top = `${i.bottom}px`, this.listElement.style.bottom = "unset", this.listElement.style.maxHeight = `${Math.min(l - d * 2, a)}px`);
332
+ const { clientWidth: t, clientHeight: e } = document.documentElement, i = this.hostElement.getBoundingClientRect(), s = this.listElement.getBoundingClientRect(), l = e - i.bottom, r = i.top, a = 580, h = 12;
333
+ t <= s.width || i.right - s.width < 0 && s.right > t ? (this.listElement.style.right = `${h}px`, this.listElement.style.left = `${h}px`, this.listElement.style.minWidth = "unset") : s.right > t || this.dropdownAlignment === "right" ? (this.listElement.style.left = "unset", this.listElement.style.right = `${t - i.right}px`) : (this.listElement.style.left = `${i.left}px`, this.listElement.style.right = "unset"), r > l ? (this.listElement.style.maxHeight = `${Math.min(r, a)}px`, this.listElement.style.top = "unset", this.listElement.style.bottom = `${e - i.top}px`) : (this.listElement.style.top = `${i.bottom}px`, this.listElement.style.bottom = "unset", this.listElement.style.maxHeight = `${Math.min(l - h * 2, a)}px`);
341
334
  }
342
335
  get hostElement() {
343
336
  return f(this);
@@ -353,4 +346,4 @@ E.style = _;
353
346
  export {
354
347
  E as mi_dropdown
355
348
  };
356
- //# sourceMappingURL=mi-dropdown.entry-c6db2c56.mjs.map
349
+ //# sourceMappingURL=mi-dropdown.entry-2f57fc86.mjs.map
@@ -1,16 +1,9 @@
1
- import { r as g, h as N, H as T, g as l } from "./reactcomponent-5343254a.mjs";
1
+ import { r as T, h as N, H as g, g as l } from "./reactcomponent-186f3de0.mjs";
2
2
  import "react";
3
3
  import "react-dom";
4
- (function() {
5
- try {
6
- var M = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, e = new M.Error().stack;
7
- e && (M._sentryDebugIds = M._sentryDebugIds || {}, M._sentryDebugIds[e] = "d1aeac26-e665-4001-82fb-a3d617664421", M._sentryDebugIdIdentifier = "sentry-dbid-d1aeac26-e665-4001-82fb-a3d617664421");
8
- } catch {
9
- }
10
- })();
11
4
  const s = '.mi-floor-selector{width:-moz-min-content;width:min-content;display:flex;align-items:flex-start;position:relative;overflow:hidden;animation-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;border-radius:56px;border-width:1px;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";font-size:0.875rem;border-color:#e5e7eb;border-style:solid;background-color:#fcfcfc}.mi-floor-selector--hidden{display:none}.mi-floor-selector__button{position:absolute;z-index:4;top:4px;right:4px;left:4px;background-position:center;background-repeat:no-repeat;border-width:1px;background-color:#f9fafb;border-color:#e5e7eb;border-style:solid;border-radius:50%;width:40px;height:40px}.mi-floor-selector__button:hover{background-color:#f3f4f6}.mi-floor-selector__button--open{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMTUwNDUgNi4wODk5OEM3LjEzODUgNi4wNzg3NiA3LjEyODk3IDYuMDY1MjEgNy4xMjI0NSA2LjA1MDE2QzcuMTE1OTQgNi4wMzUxMSA3LjExMjU3IDYuMDE4ODggNy4xMTI1NyA2LjAwMjQ4QzcuMTEyNTcgNS45ODYwOCA3LjExNTk0IDUuOTY5ODYgNy4xMjI0NSA1Ljk1NDgxQzcuMTI4OTcgNS45Mzk3NiA3LjEzODUgNS45MjYyIDcuMTUwNDUgNS45MTQ5OEwxMS43ODA1IDEuMjc5OThDMTEuODUwNiAxLjIxMDY5IDExLjkwNjMgMS4xMjgxNiAxMS45NDQzIDEuMDM3MThDMTEuOTgyMyAwLjk0NjIwMSAxMi4wMDE5IDAuODQ4NTgyIDEyLjAwMTkgMC43NDk5ODJDMTIuMDAxOSAwLjY1MTM4MiAxMS45ODIzIDAuNTUzNzYzIDExLjk0NDMgMC40NjI3ODRDMTEuOTA2MyAwLjM3MTgwNSAxMS44NTA2IDAuMjg5Mjc2IDExLjc4MDUgMC4yMTk5ODJDMTEuNjM5MiAwLjA4MDc0MTkgMTEuNDQ4OCAwLjAwMjY4NTU1IDExLjI1MDUgMC4wMDI2ODU1NUMxMS4wNTIxIDAuMDAyNjg1NTUgMTAuODYxNyAwLjA4MDc0MTkgMTAuNzIwNSAwLjIxOTk4Mkw2LjA5MDQ1IDQuODQ5OThDNi4wNzg3OSA0Ljg2MjA4IDYuMDY0ODEgNC44NzE3IDYuMDQ5MzUgNC44NzgyN0M2LjAzMzg5IDQuODg0ODUgNi4wMTcyNiA0Ljg4ODI0IDYuMDAwNDUgNC44ODgyNEM1Ljk4MzY1IDQuODg4MjQgNS45NjcwMiA0Ljg4NDg1IDUuOTUxNTYgNC44NzgyN0M1LjkzNjA5IDQuODcxNyA1LjkyMjExIDQuODYyMDggNS45MTA0NSA0Ljg0OTk4TDEuMjgwNDUgMC4yMTk5ODJDMS4xMzkxOSAwLjA4MDc0MTkgMC45NDg4MDUgMC4wMDI2ODU1NSAwLjc1MDQ1NCAwLjAwMjY4NTU1QzAuNTUyMTAyIDAuMDAyNjg1NTUgMC4zNjE3MTggMC4wODA3NDE5IDAuMjIwNDU0IDAuMjE5OTgyQzAuMTUwMzA5IDAuMjg5Mjc2IDAuMDk0NjE2OSAwLjM3MTgwNSAwLjA1NjYwNjQgMC40NjI3ODRDMC4wMTg1OTYgMC41NTM3NjMgLTAuMDAwOTc2NTYyIDAuNjUxMzgyIC0wLjAwMDk3NjU2MiAwLjc0OTk4MkMtMC4wMDA5NzY1NjIgMC44NDg1ODIgMC4wMTg1OTYgMC45NDYyMDEgMC4wNTY2MDY0IDEuMDM3MThDMC4wOTQ2MTY5IDEuMTI4MTYgMC4xNTAzMDkgMS4yMTA2OSAwLjIyMDQ1NCAxLjI3OTk4TDQuODUwNDUgNS45MTQ5OEM0Ljg2MjQxIDUuOTI2MiA0Ljg3MTk0IDUuOTM5NzYgNC44Nzg0NiA1Ljk1NDgxQzQuODg0OTcgNS45Njk4NiA0Ljg4ODMzIDUuOTg2MDggNC44ODgzMyA2LjAwMjQ4QzQuODg4MzMgNi4wMTg4OCA0Ljg4NDk3IDYuMDM1MTEgNC44Nzg0NiA2LjA1MDE2QzQuODcxOTQgNi4wNjUyMSA0Ljg2MjQxIDYuMDc4NzYgNC44NTA0NSA2LjA4OTk4TDAuMjIwNDU0IDEwLjcyQzAuMTUwMzA5IDEwLjc4OTMgMC4wOTQ2MTY5IDEwLjg3MTggMC4wNTY2MDY0IDEwLjk2MjhDMC4wMTg1OTYgMTEuMDUzOCAtMC4wMDA5NzY1NjIgMTEuMTUxNCAtMC4wMDA5NzY1NjIgMTEuMjVDLTAuMDAwOTc2NTYyIDExLjM0ODYgMC4wMTg1OTYgMTEuNDQ2MiAwLjA1NjYwNjQgMTEuNTM3MkMwLjA5NDYxNjkgMTEuNjI4MiAwLjE1MDMwOSAxMS43MTA3IDAuMjIwNDU0IDExLjc4QzAuMzYxNzE4IDExLjkxOTIgMC41NTIxMDIgMTEuOTk3MyAwLjc1MDQ1NCAxMS45OTczQzAuOTQ4ODA1IDExLjk5NzMgMS4xMzkxOSAxMS45MTkyIDEuMjgwNDUgMTEuNzhMNS45MTA0NSA3LjE0OTk4QzUuOTIyMTEgNy4xMzc4OCA1LjkzNjA5IDcuMTI4MjYgNS45NTE1NiA3LjEyMTY5QzUuOTY3MDIgNy4xMTUxMiA1Ljk4MzY1IDcuMTExNzMgNi4wMDA0NSA3LjExMTczQzYuMDE3MjYgNy4xMTE3MyA2LjAzMzg5IDcuMTE1MTIgNi4wNDkzNSA3LjEyMTY5QzYuMDY0ODEgNy4xMjgyNiA2LjA3ODc5IDcuMTM3ODggNi4wOTA0NSA3LjE0OTk4TDEwLjcyMDUgMTEuNzhDMTAuODYxNyAxMS45MTkyIDExLjA1MjEgMTEuOTk3MyAxMS4yNTA1IDExLjk5NzNDMTEuNDQ4OCAxMS45OTczIDExLjYzOTIgMTEuOTE5MiAxMS43ODA1IDExLjc4QzExLjg1MDYgMTEuNzEwNyAxMS45MDYzIDExLjYyODIgMTEuOTQ0MyAxMS41MzcyQzExLjk4MjMgMTEuNDQ2MiAxMi4wMDE5IDExLjM0ODYgMTIuMDAxOSAxMS4yNUMxMi4wMDE5IDExLjE1MTQgMTEuOTgyMyAxMS4wNTM4IDExLjk0NDMgMTAuOTYyOEMxMS45MDYzIDEwLjg3MTggMTEuODUwNiAxMC43ODkzIDExLjc4MDUgMTAuNzJMNy4xNTA0NSA2LjA4OTk4WiIgZmlsbD0iIzcwNzA3MCIvPgo8L3N2Zz4K)}.mi-floor-selector__button--open+.mi-floor-selector__list{max-height:300px;overflow:auto;flex-wrap:unset}.mi-floor-selector__button--closed{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTY3Mzc0IDYuMTY2NjRMOS4wMDA3MSA5LjY1ODMxQzkuMzE2MTIgOS43OTU5NiA5LjY1NjU2IDkuODY3MDIgMTAuMDAwNyA5Ljg2NzAyQzEwLjM0NDkgOS44NjcwMiAxMC42ODUzIDkuNzk1OTYgMTEuMDAwNyA5LjY1ODMxTDE5LjA0MjQgNi4xNjY2NEMxOS4yNjczIDYuMDY2MTcgMTkuNDU4IDUuOTAyMjkgMTkuNTkxMiA1LjY5NTA4QzE5LjcyNDUgNS40ODc4NiAxOS43OTQzIDUuMjQ2MyAxOS43OTI0IDQuOTk5OTdDMTkuNzkzMSA0Ljc1NjAxIDE5LjcyMTQgNC41MTczMiAxOS41ODY0IDQuMzE0MUMxOS40NTE0IDQuMTEwODggMTkuMjU5MiAzLjk1MjI2IDE5LjAzNCAzLjg1ODMxTDExLjAwMDcgMC4zNzQ5NzJDMTAuNjg1MyAwLjIzNzMxNCAxMC4zNDQ5IDAuMTY2MjYgMTAuMDAwNyAwLjE2NjI2QzkuNjU2NTYgMC4xNjYyNiA5LjMxNjEyIDAuMjM3MzE0IDkuMDAwNzEgMC4zNzQ5NzJMMC45NjczNzQgMy44NzQ5N0MwLjc0NDgzNiAzLjk2NzgzIDAuNTU0Mzk4IDQuMTIzODggMC40MTk2MTggNC4zMjM4M0MwLjI4NDgzNyA0LjUyMzc4IDAuMjExNjI2IDQuNzU4ODUgMC4yMDkwNDEgNC45OTk5N0MwLjIwNjY5OCA1LjI0NzQ2IDAuMjc3MzkxIDUuNDkwMTUgMC40MTIyNzYgNS42OTc2NkMwLjU0NzE2MSA1LjkwNTE4IDAuNzQwMjQ3IDYuMDY4MzEgMC45NjczNzQgNi4xNjY2NFoiIGZpbGw9IiM3MDcwNzAiLz4KPHBhdGggZD0iTTE5LjAzMzYgOC44NzQ5MUwxOC4wMDAzIDguNDI0OTFDMTcuODk5MiA4LjM3NDE5IDE3Ljc4ODggOC4zNDQ2IDE3LjY3NTkgOC4zMzc5NEMxNy41NjI5IDguMzMxMjcgMTcuNDQ5OCA4LjM0NzY3IDE3LjM0MzQgOC4zODYxNEMxNy4yMzcgOC40MjQ2IDE3LjEzOTYgOC40ODQzMyAxNy4wNTcgOC41NjE2N0MxNi45NzQ1IDguNjM5MDIgMTYuOTA4NSA4LjczMjM3IDE2Ljg2MzIgOC44MzYwM0MxNi44MTc5IDguOTM5NjkgMTYuNzk0MSA5LjA1MTQ5IDE2Ljc5MzQgOS4xNjQ2MkMxNi43OTI3IDkuMjc3NzUgMTYuODE1MSA5LjM4OTgzIDE2Ljg1OTEgOS40OTQwNUMxNi45MDMxIDkuNTk4MjcgMTYuOTY3OSA5LjY5MjQzIDE3LjA0OTUgOS43NzA4MUMxNy4xMzExIDkuODQ5MTggMTcuMjI3NyA5LjkxMDEyIDE3LjMzMzYgOS45NDk5MUwxNy41MDAzIDkuOTk5OTFMMTAuMzMzNiAxMy4xMzMyQzEwLjIyODUgMTMuMTc5MSAxMC4xMTUgMTMuMjAyOCAxMC4wMDAzIDEzLjIwMjhDOS44ODU2IDEzLjIwMjggOS43NzIxMiAxMy4xNzkxIDkuNjY2OTggMTMuMTMzMkwyLjUwMDMxIDkuOTk5OTFMMi42NTg2NSA5LjkzMzI0QzIuNzY0NTUgOS44OTM0NSAyLjg2MTI0IDkuODMyNTEgMi45NDI4MyA5Ljc1NDE0QzMuMDI0NDIgOS42NzU3NyAzLjA4OTE5IDkuNTgxNiAzLjEzMzIxIDkuNDc3MzlDMy4xNzcyMiA5LjM3MzE3IDMuMTk5NTYgOS4yNjEwOCAzLjE5ODg1IDkuMTQ3OTVDMy4xOTgxNSA5LjAzNDgyIDMuMTc0NDEgOC45MjMwMiAzLjEyOTEgOC44MTkzNkMzLjA4Mzc4IDguNzE1NyAzLjAxNzgzIDguNjIyMzUgMi45MzUyNyA4LjU0NTAxQzIuODUyNzEgOC40Njc2NiAyLjc1NTI3IDguNDA3OTQgMi42NDg4NyA4LjM2OTQ3QzIuNTQyNDggOC4zMzEwMSAyLjQyOTM3IDguMzE0NjEgMi4zMTY0NCA4LjMyMTI3QzIuMjAzNSA4LjMyNzk0IDIuMDkzMTEgOC4zNTc1MyAxLjk5MTk4IDguNDA4MjRMMC45NTg2NDcgOC44NTgyNEMwLjczMjU2MSA4Ljk1MjYyIDAuNTM5NDQ5IDkuMTExNzggMC40MDM2MTkgOS4zMTU2N0MwLjI2Nzc4OSA5LjUxOTU2IDAuMTk1MzEzIDkuNzU5MDggMC4xOTUzMTIgMTAuMDA0MUMwLjE5NTMxMyAxMC4yNDkxIDAuMjY3Nzg5IDEwLjQ4ODYgMC40MDM2MTkgMTAuNjkyNUMwLjUzOTQ0OSAxMC44OTY0IDAuNzMyNTYxIDExLjA1NTUgMC45NTg2NDcgMTEuMTQ5OUw4Ljk5MTk4IDE0LjY0MTZDOS4zMDczOSAxNC43NzkyIDkuNjQ3ODMgMTQuODUwMyA5Ljk5MTk4IDE0Ljg1MDNDMTAuMzM2MSAxNC44NTAzIDEwLjY3NjYgMTQuNzc5MiAxMC45OTIgMTQuNjQxNkwxOS4wMjUzIDExLjE0OTlDMTkuMjUxNCAxMS4wNTQgMTkuNDQ0NCAxMC44OTM5IDE5LjU4MDcgMTAuNjg5NkMxOS43MTY5IDEwLjQ4NTIgMTkuNzkwNCAxMC4yNDU1IDE5Ljc5MiA5Ljk5OTkxQzE5Ljc4OTQgOS43NTg3OSAxOS43MTYyIDkuNTIzNzEgMTkuNTgxNCA5LjMyMzc3QzE5LjQ0NjYgOS4xMjM4MiAxOS4yNTYyIDguOTY3NzYgMTkuMDMzNiA4Ljg3NDkxWiIgZmlsbD0iIzcwNzA3MCIvPgo8cGF0aCBkPSJNMTkuMDM0IDEzLjgzMzRMMTguMDAwNyAxMy4zODM0QzE3LjkgMTMuMzM5MyAxNy43OTE3IDEzLjMxNTUgMTcuNjgxOCAxMy4zMTM0QzE3LjU3MTkgMTMuMzExMyAxNy40NjI3IDEzLjMzMSAxNy4zNjA1IDEzLjM3MTJDMTcuMjU4MyAxMy40MTE1IDE3LjE2NSAxMy40NzE2IDE3LjA4NjEgMTMuNTQ4MUMxNy4wMDcyIDEzLjYyNDUgMTYuOTQ0MSAxMy43MTU4IDE2LjkwMDcgMTMuODE2N0MxNi44MTQxIDE0LjAxOTEgMTYuODExMSAxNC4yNDc0IDE2Ljg5MjMgMTQuNDUxOUMxNi45NzM1IDE0LjY1NjQgMTcuMTMyMyAxNC44MjA1IDE3LjMzNCAxNC45MDg0TDE3LjUwMDcgMTUuMDAwMUwxMC4zMzQgMTguMDkxN0MxMC4yMjg5IDE4LjEzNzYgMTAuMTE1NCAxOC4xNjEzIDEwLjAwMDcgMTguMTYxM0M5Ljg4NTk0IDE4LjE2MTMgOS43NzI0NiAxOC4xMzc2IDkuNjY3MzIgMTguMDkxN0wyLjUwMDY2IDE1LjAwMDFMMi42NTg5OSAxNC45MjUxQzIuODYwNzEgMTQuODM3MiAzLjAxOTQ5IDE0LjY3MzEgMy4xMDA2NyAxNC40Njg2QzMuMTgxODUgMTQuMjY0IDMuMTc4ODUgMTQuMDM1NyAzLjA5MjMyIDEzLjgzMzRDMy4wNDg4MyAxMy43MzI1IDIuOTg1ODEgMTMuNjQxMiAyLjkwNjg5IDEzLjU2NDdDMi44Mjc5NyAxMy40ODgzIDIuNzM0NzEgMTMuNDI4MiAyLjYzMjQ4IDEzLjM4NzlDMi41MzAyNCAxMy4zNDc2IDIuNDIxMDUgMTMuMzI4IDIuMzExMTggMTMuMzMwMUMyLjIwMTMyIDEzLjMzMjEgMi4wOTI5NSAxMy4zNTU5IDEuOTkyMzIgMTMuNDAwMUwwLjk1ODk4OSAxMy44NTAxQzAuNzM2MDMzIDEzLjk0ODUgMC41NDY0NyAxNC4xMDk2IDAuNDEzMzI5IDE0LjMxMzhDMC4yODAxODggMTQuNTE3OSAwLjIwOTIgMTQuNzU2MyAwLjIwODk4OSAxNS4wMDAxQzAuMjA4MzAzIDE1LjI0NCAwLjI3OTk4NSAxNS40ODI3IDAuNDE0OTcgMTUuNjg1OUMwLjU0OTk1NSAxNS44ODkyIDAuNzQyMTc3IDE2LjA0NzggMC45NjczMjMgMTYuMTQxN0w5LjAwMDY2IDE5LjY0MTdDOS4zMTYwNyAxOS43Nzk0IDkuNjU2NTEgMTkuODUwNSAxMC4wMDA3IDE5Ljg1MDVDMTAuMzQ0OCAxOS44NTA1IDEwLjY4NTIgMTkuNzc5NCAxMS4wMDA3IDE5LjY0MTdMMTkuMDM0IDE2LjE0MTdDMTkuMjU5MSAxNi4wNDc4IDE5LjQ1MTQgMTUuODg5MiAxOS41ODYzIDE1LjY4NTlDMTkuNzIxMyAxNS40ODI3IDE5Ljc5MyAxNS4yNDQgMTkuNzkyMyAxNS4wMDAxQzE5Ljc5NDcgMTQuNzUyNiAxOS43MjQgMTQuNTA5OSAxOS41ODkxIDE0LjMwMjRDMTkuNDU0MiAxNC4wOTQ5IDE5LjI2MTEgMTMuOTMxNyAxOS4wMzQgMTMuODMzNFoiIGZpbGw9IiM3MDcwNzAiLz4KPC9zdmc+Cg==)}.mi-floor-selector__button span{position:none}.mi-floor-selector__list{box-sizing:unset;display:flex;flex-direction:column;gap:4px;overflow-y:hidden;transition:max-height 0.25s;scroll-behavior:smooth;z-index:0;border-radius:9999px;padding:4px;padding-top:48px;max-height:40px}.mi-floor-selector__list::before,.mi-floor-selector__list::after{content:"";height:100%;position:absolute;pointer-events:none;z-index:3;left:-1px;right:-1px;transition:opacity 0.1s;opacity:0}.mi-floor-selector__list--fade-top::before{opacity:1;top:-1px;background:linear-gradient(180deg, white 39px, rgba(255, 255, 255, 0) 86px)}.mi-floor-selector__list--fade-bottom::after{opacity:1;bottom:-1px;background:linear-gradient(0deg, white 4px, rgba(255, 255, 255, 0) 40px)}.mi-floor-selector__list::-webkit-scrollbar{width:4px}.mi-floor-selector__list::-webkit-scrollbar-track{background:none}.mi-floor-selector__list::-webkit-scrollbar-thumb{background:#8D98AA;border-radius:5px}.mi-floor-selector__floor{position:relative;order:1;flex-shrink:0;margin-top:-1px;z-index:0;float:none;text-align:center;background:none;transition:translateY 0.25s;transform:translateY(0px);color:#666666;border-radius:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-style:none;width:40px;height:40px}.mi-floor-selector__floor:hover{z-index:2;background-color:#d1d5db}.mi-floor-selector__floor--active{z-index:2;transform:translateY(0px);color:#fcfcfc}.mi-floor-selector__floor-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:4px}', j = class {
12
5
  constructor(M) {
13
- g(this, M), this.maxListHeight = 300, this.mapsindoors = void 0, this.primaryColor = "#005655", this.floors = new Array(), this.currentFloor = void 0, this.floorSelectorClosed = !0, this.fadeFloorSelectorOnTop = !1, this.fadeFloorSelectorOnBottom = !1;
6
+ T(this, M), this.maxListHeight = 300, this.mapsindoors = void 0, this.primaryColor = "#005655", this.floors = new Array(), this.currentFloor = void 0, this.floorSelectorClosed = !0, this.fadeFloorSelectorOnTop = !1, this.fadeFloorSelectorOnBottom = !1;
14
7
  }
15
8
  /**
16
9
  * Scrolling the floorList element to the selected floor.
@@ -109,7 +102,7 @@ const s = '.mi-floor-selector{width:-moz-min-content;width:min-content;display:f
109
102
  * @returns {JSX.Element}
110
103
  */
111
104
  render() {
112
- return N(T, null, N("div", { class: "mi-floor-selector", ref: (M) => this.floorSelectorElement = M }, N("button", { class: `mi-floor-selector__button mi-floor-selector__button--${this.floorSelectorClosed ? "closed" : "open"}`, onClick: () => this.onToggleFloorSelector() }), N("div", { class: `mi-floor-selector__list ${this.fadeFloorSelectorOnTop ? "mi-floor-selector__list--fade-top" : ""} ${this.fadeFloorSelectorOnBottom ? "mi-floor-selector__list--fade-bottom" : ""}`, ref: (M) => this.floorListElement = M, onScroll: () => this.onScrollStyle() }, this.floors.map((M) => N("button", { "data-floor": M.index, style: this.currentFloor === M.index ? { backgroundColor: this.primaryColor } : {}, class: `mi-floor-selector__floor ${this.currentFloor === M.index ? "mi-floor-selector__floor--active" : ""}`, onClick: (e) => this.onSelectFloor(e, M.index) }, N("span", null, M.name))))));
105
+ return N(g, null, N("div", { class: "mi-floor-selector", ref: (M) => this.floorSelectorElement = M }, N("button", { class: `mi-floor-selector__button mi-floor-selector__button--${this.floorSelectorClosed ? "closed" : "open"}`, onClick: () => this.onToggleFloorSelector() }), N("div", { class: `mi-floor-selector__list ${this.fadeFloorSelectorOnTop ? "mi-floor-selector__list--fade-top" : ""} ${this.fadeFloorSelectorOnBottom ? "mi-floor-selector__list--fade-bottom" : ""}`, ref: (M) => this.floorListElement = M, onScroll: () => this.onScrollStyle() }, this.floors.map((M) => N("button", { "data-floor": M.index, style: this.currentFloor === M.index ? { backgroundColor: this.primaryColor } : {}, class: `mi-floor-selector__floor ${this.currentFloor === M.index ? "mi-floor-selector__floor--active" : ""}`, onClick: (e) => this.onSelectFloor(e, M.index) }, N("span", null, M.name))))));
113
106
  }
114
107
  get el() {
115
108
  return l(this);
@@ -119,4 +112,4 @@ j.style = s;
119
112
  export {
120
113
  j as mi_floor_selector
121
114
  };
122
- //# sourceMappingURL=mi-floor-selector.entry-95f28615.mjs.map
115
+ //# sourceMappingURL=mi-floor-selector.entry-1f1aec04.mjs.map