@mapsindoors/map-template 1.15.1 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{combo-box-item.entry-9686ec52.mjs → combo-box-item.entry-1661239b.mjs} +1 -1
- package/dist/{combo-box-item.entry-a6d999d3.mjs → combo-box-item.entry-3bdf398c.mjs} +1 -1
- package/dist/mapsindoors-react.es.js +2 -2
- package/dist/mapsindoors-react.umd.js +60 -60
- package/dist/mapsindoors-webcomponent.es.js +2 -2
- package/dist/mapsindoors-webcomponent.umd.js +83 -83
- package/dist/{mi-card_2.entry-ec616f3a.mjs → mi-card_2.entry-03b59654.mjs} +1 -1
- package/dist/{mi-card_2.entry-96d644ef.mjs → mi-card_2.entry-40da4c22.mjs} +1 -1
- package/dist/{mi-chip.entry-26377ff5.mjs → mi-chip.entry-73240ce7.mjs} +1 -1
- package/dist/{mi-chip.entry-a2bc194c.mjs → mi-chip.entry-8361080b.mjs} +1 -1
- package/dist/{mi-column.entry-54287a05.mjs → mi-column.entry-1a4d1bd7.mjs} +1 -1
- package/dist/{mi-column.entry-387dbece.mjs → mi-column.entry-ecdc4b58.mjs} +1 -1
- package/dist/{mi-combo-box.entry-bb1033ff.mjs → mi-combo-box.entry-0125ca72.mjs} +1 -1
- package/dist/{mi-combo-box.entry-a8a92ba9.mjs → mi-combo-box.entry-3512ddbe.mjs} +1 -1
- package/dist/{mi-data-table.entry-60d52664.mjs → mi-data-table.entry-1295e9c8.mjs} +1 -1
- package/dist/{mi-data-table.entry-589b7067.mjs → mi-data-table.entry-3220f2be.mjs} +1 -1
- package/dist/{mi-distance_2.entry-3726573c.mjs → mi-distance_2.entry-57fa711a.mjs} +1 -1
- package/dist/{mi-distance_2.entry-fa619d36.mjs → mi-distance_2.entry-dcbb24c5.mjs} +1 -1
- package/dist/{mi-dropdown-item.entry-3e3944df.mjs → mi-dropdown-item.entry-280ba4ce.mjs} +1 -1
- package/dist/{mi-dropdown-item.entry-60c33990.mjs → mi-dropdown-item.entry-97e6700c.mjs} +1 -1
- package/dist/{mi-dropdown.entry-18f323a0.mjs → mi-dropdown.entry-46e42f89.mjs} +1 -1
- package/dist/{mi-dropdown.entry-c5c30e69.mjs → mi-dropdown.entry-6c8f21d6.mjs} +1 -1
- package/dist/{mi-floor-selector.entry-29d566aa.mjs → mi-floor-selector.entry-5305d533.mjs} +13 -9
- package/dist/{mi-floor-selector.entry-5df3a7da.mjs → mi-floor-selector.entry-bcff4715.mjs} +5 -5
- package/dist/{mi-keyboard.entry-b7a62837.mjs → mi-keyboard.entry-39a7abc7.mjs} +1 -1
- package/dist/{mi-keyboard.entry-ae1b6d5d.mjs → mi-keyboard.entry-fcd58e0d.mjs} +1 -1
- package/dist/{mi-list-item-category.entry-a197b61b.mjs → mi-list-item-category.entry-01d06afa.mjs} +1 -1
- package/dist/{mi-list-item-category.entry-4a2ba074.mjs → mi-list-item-category.entry-c44ff712.mjs} +1 -1
- package/dist/{mi-list-item-location.entry-9cc562ab.mjs → mi-list-item-location.entry-71cad82b.mjs} +9 -9
- package/dist/{mi-list-item-location.entry-559214d9.mjs → mi-list-item-location.entry-c555ad05.mjs} +2 -2
- package/dist/{mi-list.entry-580f169e.mjs → mi-list.entry-6b662039.mjs} +1 -1
- package/dist/{mi-list.entry-b114e38e.mjs → mi-list.entry-f43c3984.mjs} +1 -1
- package/dist/{mi-location-booking.entry-bfb5f894.mjs → mi-location-booking.entry-3ede4961.mjs} +1 -1
- package/dist/{mi-location-booking.entry-c453c6d2.mjs → mi-location-booking.entry-b5d22929.mjs} +1 -1
- package/dist/{mi-location-info.entry-b09dc991.mjs → mi-location-info.entry-845e1d9f.mjs} +1 -1
- package/dist/{mi-location-info.entry-ad60036c.mjs → mi-location-info.entry-bc94c6aa.mjs} +1 -1
- package/dist/{mi-map-googlemaps.entry-ad43dcfc.mjs → mi-map-googlemaps.entry-92d13571.mjs} +1 -1
- package/dist/{mi-map-googlemaps.entry-dca36014.mjs → mi-map-googlemaps.entry-9d22da25.mjs} +1 -1
- package/dist/{mi-map-mapbox.entry-8db0127f.mjs → mi-map-mapbox.entry-793e7606.mjs} +1 -1
- package/dist/{mi-map-mapbox.entry-b2158668.mjs → mi-map-mapbox.entry-c0d1d1ca.mjs} +1 -1
- package/dist/{mi-metric-card.entry-587c09d7.mjs → mi-metric-card.entry-43337ef9.mjs} +1 -1
- package/dist/{mi-metric-card.entry-ba18ac09.mjs → mi-metric-card.entry-517557b8.mjs} +1 -1
- package/dist/{mi-my-position.entry-2d94b362.mjs → mi-my-position.entry-1341862b.mjs} +1 -1
- package/dist/{mi-my-position.entry-b93c8904.mjs → mi-my-position.entry-f10f3919.mjs} +1 -1
- package/dist/{mi-notification.entry-15272513.mjs → mi-notification.entry-3fafed6e.mjs} +1 -1
- package/dist/{mi-notification.entry-cefac880.mjs → mi-notification.entry-cc765c3c.mjs} +1 -1
- package/dist/{mi-route-instructions-heading.entry-d916c84e.mjs → mi-route-instructions-heading.entry-4d3417ae.mjs} +1 -1
- package/dist/{mi-route-instructions-heading.entry-27041d50.mjs → mi-route-instructions-heading.entry-e394444b.mjs} +1 -1
- package/dist/{mi-route-instructions-maneuver-legacy.entry-88049f5e.mjs → mi-route-instructions-maneuver-legacy.entry-ba040c96.mjs} +1 -1
- package/dist/{mi-route-instructions-maneuver-legacy.entry-90158ca0.mjs → mi-route-instructions-maneuver-legacy.entry-ff7e6758.mjs} +1 -1
- package/dist/{mi-route-instructions-maneuver.entry-e787acaf.mjs → mi-route-instructions-maneuver.entry-5d1bf1ef.mjs} +1 -1
- package/dist/{mi-route-instructions-maneuver.entry-e72ca313.mjs → mi-route-instructions-maneuver.entry-b2c0e3bd.mjs} +1 -1
- package/dist/{mi-route-instructions-step-legacy.entry-d4a87ddc.mjs → mi-route-instructions-step-legacy.entry-9c75f214.mjs} +1 -1
- package/dist/{mi-route-instructions-step-legacy.entry-300d19fb.mjs → mi-route-instructions-step-legacy.entry-e89095a2.mjs} +1 -1
- package/dist/{mi-route-instructions-step.entry-eee4dae9.mjs → mi-route-instructions-step.entry-00eda3a5.mjs} +1 -1
- package/dist/{mi-route-instructions-step.entry-3ad6208a.mjs → mi-route-instructions-step.entry-b5588bd5.mjs} +1 -1
- package/dist/{mi-route-instructions.entry-7ef1eff3.mjs → mi-route-instructions.entry-71ff4605.mjs} +1 -1
- package/dist/{mi-route-instructions.entry-15cc5e08.mjs → mi-route-instructions.entry-e9ddc518.mjs} +1 -1
- package/dist/{mi-scroll-buttons.entry-50adcd64.mjs → mi-scroll-buttons.entry-312b45dd.mjs} +1 -1
- package/dist/{mi-scroll-buttons.entry-2dc60b75.mjs → mi-scroll-buttons.entry-a8217dd5.mjs} +1 -1
- package/dist/{mi-search.entry-243766ab.mjs → mi-search.entry-7fe3b1c4.mjs} +84 -51
- package/dist/{mi-search.entry-476071a5.mjs → mi-search.entry-a7b3ccc6.mjs} +85 -52
- package/dist/{mi-share-sms.entry-a9829a30.mjs → mi-share-sms.entry-673aa041.mjs} +1 -1
- package/dist/{mi-share-sms.entry-2be2d3a8.mjs → mi-share-sms.entry-89c98479.mjs} +1 -1
- package/dist/{mi-step-switcher.entry-11019c5c.mjs → mi-step-switcher.entry-9569c012.mjs} +1 -1
- package/dist/{mi-step-switcher.entry-52b1f264.mjs → mi-step-switcher.entry-a5889eaf.mjs} +1 -1
- package/dist/{mi-tab-panel.entry-c234ee2b.mjs → mi-tab-panel.entry-065b3497.mjs} +1 -1
- package/dist/{mi-tab-panel.entry-f3c3b9e7.mjs → mi-tab-panel.entry-97268db9.mjs} +1 -1
- package/dist/{mi-tab.entry-7cdee344.mjs → mi-tab.entry-44ba1f0f.mjs} +1 -1
- package/dist/{mi-tab.entry-efbf4ca2.mjs → mi-tab.entry-95ac3515.mjs} +1 -1
- package/dist/{mi-tabs.entry-b0109b71.mjs → mi-tabs.entry-200621d5.mjs} +1 -1
- package/dist/{mi-tabs.entry-e824ddf4.mjs → mi-tabs.entry-9b0f103f.mjs} +1 -1
- package/dist/{mi-time.entry-62847c73.mjs → mi-time.entry-312b124d.mjs} +1 -1
- package/dist/{mi-time.entry-b2fad557.mjs → mi-time.entry-591fe0bd.mjs} +1 -1
- package/dist/{reactcomponent-5bd36a86.mjs → reactcomponent-2fa842c6.mjs} +11358 -11094
- package/dist/{webcomponent-81e2b4bf.mjs → webcomponent-7931b9da.mjs} +12857 -12593
- package/package.json +6 -3
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { r as v, c as
|
|
2
|
-
import { c as f, g as
|
|
1
|
+
import { r as v, c as p, h as d, H as M } from "./reactcomponent-2fa842c6.mjs";
|
|
2
|
+
import { c as f, g as x } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
var g = f(function(e, t) {
|
|
6
6
|
Object.defineProperty(t, "__esModule", {
|
|
7
7
|
value: !0
|
|
8
|
-
}), t.default =
|
|
9
|
-
var
|
|
10
|
-
t.DEFAULT_DEBOUNCE_DURATION =
|
|
11
|
-
function
|
|
12
|
-
return function(
|
|
8
|
+
}), t.default = r, t.debounce = a;
|
|
9
|
+
var s = 500;
|
|
10
|
+
t.DEFAULT_DEBOUNCE_DURATION = s;
|
|
11
|
+
function r(i) {
|
|
12
|
+
return function(o, u, l) {
|
|
13
13
|
return {
|
|
14
14
|
configurable: !0,
|
|
15
15
|
enumerable: l.enumerable,
|
|
16
16
|
get: function() {
|
|
17
|
-
return Object.defineProperty(this,
|
|
17
|
+
return Object.defineProperty(this, u, {
|
|
18
18
|
configurable: !0,
|
|
19
19
|
enumerable: l.enumerable,
|
|
20
|
-
value:
|
|
21
|
-
}), this[
|
|
20
|
+
value: a(l.value, i)
|
|
21
|
+
}), this[u];
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
function
|
|
27
|
-
var
|
|
28
|
-
function
|
|
26
|
+
function a(i) {
|
|
27
|
+
var n = arguments.length <= 1 || arguments[1] === void 0 ? s : arguments[1], o = void 0;
|
|
28
|
+
function u() {
|
|
29
29
|
for (var l = this, c = arguments.length, h = Array(c), m = 0; m < c; m++)
|
|
30
30
|
h[m] = arguments[m];
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
31
|
+
u.clear(), o = setTimeout(function() {
|
|
32
|
+
o = null, i.apply(l, h);
|
|
33
|
+
}, n);
|
|
34
34
|
}
|
|
35
|
-
return
|
|
36
|
-
|
|
37
|
-
},
|
|
35
|
+
return u.clear = function() {
|
|
36
|
+
o && (clearTimeout(o), o = null);
|
|
37
|
+
}, u;
|
|
38
38
|
}
|
|
39
39
|
}), I = f(function(e, t) {
|
|
40
40
|
Object.defineProperty(t, "__esModule", {
|
|
41
41
|
value: !0
|
|
42
42
|
});
|
|
43
|
-
function n
|
|
44
|
-
var
|
|
45
|
-
return delete
|
|
46
|
-
}
|
|
47
|
-
function
|
|
48
|
-
for (var
|
|
49
|
-
var c =
|
|
50
|
-
h && h.configurable &&
|
|
43
|
+
function s(n, o) {
|
|
44
|
+
var u = o({}, n);
|
|
45
|
+
return delete u.default, u;
|
|
46
|
+
}
|
|
47
|
+
function r(n, o) {
|
|
48
|
+
for (var u = Object.getOwnPropertyNames(o), l = 0; l < u.length; l++) {
|
|
49
|
+
var c = u[l], h = Object.getOwnPropertyDescriptor(o, c);
|
|
50
|
+
h && h.configurable && n[c] === void 0 && Object.defineProperty(n, c, h);
|
|
51
51
|
}
|
|
52
|
-
return
|
|
52
|
+
return n;
|
|
53
53
|
}
|
|
54
|
-
function
|
|
55
|
-
return
|
|
54
|
+
function a(n) {
|
|
55
|
+
return n && n.__esModule ? n : { default: n };
|
|
56
56
|
}
|
|
57
|
-
var i =
|
|
58
|
-
t.default = i.default,
|
|
57
|
+
var i = a(g);
|
|
58
|
+
t.default = i.default, r(t, s(g, r));
|
|
59
59
|
});
|
|
60
|
-
const
|
|
61
|
-
var
|
|
62
|
-
var
|
|
60
|
+
const D = /* @__PURE__ */ x(I), E = 'mi-search{display:block;position:relative;}mi-search input[type=search]{border-radius:8px;background-color:#ffffff;padding-left:40px;height:48px;font-size:1rem;padding-right:40px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;position:relative;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MSAxMUgxMi41TDE3LjQ5IDE2TDE2IDE3LjQ5TDExIDEyLjVWMTEuNzFMMTAuNzMgMTEuNDNDOS41OSAxMi40MSA4LjExIDEzIDYuNSAxM0MyLjkxIDEzIDAgMTAuMDkgMCA2LjVDMCAyLjkxIDIuOTEgMCA2LjUgMEMxMC4wOSAwIDEzIDIuOTEgMTMgNi41QzEzIDguMTEgMTIuNDEgOS41OSAxMS40MyAxMC43M0wxMS43MSAxMVpNMiA2LjVDMiA4Ljk5IDQuMDEgMTEgNi41IDExQzguOTkgMTEgMTEgOC45OSAxMSA2LjVDMTEgNC4wMSA4Ljk5IDIgNi41IDJDNC4wMSAyIDIgNC4wMSAyIDYuNVoiIGZpbGw9IiM4RDk4QUEiLz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-position:16px center;border-color:#E6E6E6;color:var(--tailwind-colors-neutral-500);border:1px solid var(--tailwind-colors-gray-200)}mi-search input[type=search]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #cfe0fc;}mi-search input[type=search][disabled]{pointer-events:none}mi-search input::-webkit-search-cancel-button{-webkit-appearance:none}mi-search input::-ms-clear{display:none}mi-search input::-moz-search-clear-button{-moz-appearance:none}mi-search button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#6b7280;border-radius:50%;padding:0;border-width:0;display:flex;align-items:center;justify-content:center}mi-search button:focus{outline:0}mi-search button svg{fill:white;width:10px;height:10px}';
|
|
61
|
+
var A = function(e, t, s, r) {
|
|
62
|
+
var a = arguments.length, i = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, s) : r, n;
|
|
63
63
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
|
|
64
|
-
i = Reflect.decorate(e, t,
|
|
64
|
+
i = Reflect.decorate(e, t, s, r);
|
|
65
65
|
else
|
|
66
|
-
for (var
|
|
67
|
-
(
|
|
68
|
-
return
|
|
66
|
+
for (var o = e.length - 1; o >= 0; o--)
|
|
67
|
+
(n = e[o]) && (i = (a < 3 ? n(i) : a > 3 ? n(t, s, i) : n(t, s)) || i);
|
|
68
|
+
return a > 3 && i && Object.defineProperty(t, s, i), i;
|
|
69
69
|
};
|
|
70
70
|
const b = class {
|
|
71
71
|
constructor(e) {
|
|
72
|
-
v(this, e), this.results =
|
|
72
|
+
v(this, e), this.results = p(this, "results", 7), this.cleared = p(this, "cleared", 7), this.componentRendered = p(this, "componentRendered", 7), this.shortInput = p(this, "shortInput", 7), this.changed = p(this, "changed", 7), this.preventSearch = !1, this.placeholder = "", this.idAttribute = "", this.dataAttributes = {}, this.mapsindoors = !1, this.google = !1, this.mapbox = !1, this.miFields = "name,description,aliases,categories,externalId", this.miTake = void 0, this.miSkip = void 0, this.miOrder = void 0, this.miCategories = void 0, this.miNear = void 0, this.miVenue = void 0, this.gmCountryCode = void 0, this.value = void 0, this.disabled = !1, this.sessionToken = void 0, this.userPosition = void 0;
|
|
73
73
|
}
|
|
74
74
|
valueChange(e) {
|
|
75
75
|
!e || !this.inputElement || e !== this.inputElement.value && (this.inputElement.value = e, this.preventSearch || this.inputChanged());
|
|
@@ -108,9 +108,10 @@ const b = class {
|
|
|
108
108
|
search(e) {
|
|
109
109
|
Promise.all([
|
|
110
110
|
this.makeMapsIndoorsQuery(e),
|
|
111
|
-
this.makeGooglePlacesQuery(e)
|
|
111
|
+
this.makeGooglePlacesQuery(e),
|
|
112
|
+
this.getMapboxSearchResults(e)
|
|
112
113
|
]).then((t) => {
|
|
113
|
-
this.lastRequested = e, this.pushResults(t[0].concat(t[1]));
|
|
114
|
+
this.lastRequested = e, this.google ? this.pushResults(t[0].concat(t[1])) : this.mapbox && mapboxgl.accessToken ? this.pushResults(t[0].concat(t[2])) : this.pushResults(t[0]);
|
|
114
115
|
});
|
|
115
116
|
}
|
|
116
117
|
/**
|
|
@@ -144,8 +145,8 @@ const b = class {
|
|
|
144
145
|
return Promise.resolve([]);
|
|
145
146
|
let t;
|
|
146
147
|
if (this.miNear && (t = this.miNear, /^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear))) {
|
|
147
|
-
const
|
|
148
|
-
t = { lat: parseFloat(
|
|
148
|
+
const s = this.miNear.split(",");
|
|
149
|
+
t = { lat: parseFloat(s[0]), lng: parseFloat(s[1]) };
|
|
149
150
|
}
|
|
150
151
|
return mapsindoors.services.LocationsService.getLocations({
|
|
151
152
|
q: e.trim(),
|
|
@@ -160,16 +161,17 @@ const b = class {
|
|
|
160
161
|
}
|
|
161
162
|
/**
|
|
162
163
|
* Make Google Places autocomplete suggestion request.
|
|
164
|
+
*
|
|
163
165
|
* @param {string} query
|
|
164
166
|
* @return {Promise<any>}
|
|
165
167
|
*/
|
|
166
168
|
makeGooglePlacesQuery(e) {
|
|
167
169
|
return this.google ? this.googleAutocompleteService || (this.googleAutocompleteService = new google.maps.places.AutocompleteService()) : this.googleAutocompleteService = null, this.googleAutocompleteService ? new Promise((t) => {
|
|
168
|
-
const
|
|
170
|
+
const s = {
|
|
169
171
|
input: e
|
|
170
172
|
};
|
|
171
|
-
this.gmCountryCode && (
|
|
172
|
-
const
|
|
173
|
+
this.gmCountryCode && (s.componentRestrictions = { country: this.gmCountryCode }), this.googleAutocompleteService.getPlacePredictions(s, (r) => {
|
|
174
|
+
const a = (r || []).map((i) => ({
|
|
173
175
|
id: i.place_id,
|
|
174
176
|
type: "Feature",
|
|
175
177
|
properties: {
|
|
@@ -180,10 +182,41 @@ const b = class {
|
|
|
180
182
|
floor: 0
|
|
181
183
|
}
|
|
182
184
|
}));
|
|
183
|
-
t(
|
|
185
|
+
t(a);
|
|
184
186
|
});
|
|
185
187
|
}) : Promise.resolve([]);
|
|
186
188
|
}
|
|
189
|
+
/**
|
|
190
|
+
* Get Mapbox Places results.
|
|
191
|
+
*
|
|
192
|
+
* @param {string} query
|
|
193
|
+
* @return {Promise<any>}
|
|
194
|
+
*/
|
|
195
|
+
getMapboxSearchResults(e) {
|
|
196
|
+
if (this.mapbox && mapboxgl.accessToken) {
|
|
197
|
+
if (e)
|
|
198
|
+
return new Promise((t) => {
|
|
199
|
+
let s = `https://api.mapbox.com/search/searchbox/v1/suggest?q=${e}&session_token=${this.sessionToken}&access_token=${mapboxgl.accessToken}`;
|
|
200
|
+
this.userPosition && (s = s.concat(`&proximity=${this.userPosition}`)), fetch(s).then((r) => r.json()).then((r) => {
|
|
201
|
+
const a = r.suggestions.map((i) => ({
|
|
202
|
+
id: i.mapbox_id,
|
|
203
|
+
type: "Feature",
|
|
204
|
+
properties: {
|
|
205
|
+
type: "mapbox_places",
|
|
206
|
+
placeId: i.mapbox_id,
|
|
207
|
+
name: i.name,
|
|
208
|
+
subtitle: i.place_formatted || "",
|
|
209
|
+
floor: 0
|
|
210
|
+
}
|
|
211
|
+
}));
|
|
212
|
+
t(a);
|
|
213
|
+
}).catch(() => {
|
|
214
|
+
t([]);
|
|
215
|
+
});
|
|
216
|
+
});
|
|
217
|
+
} else
|
|
218
|
+
return Promise.resolve([]);
|
|
219
|
+
}
|
|
187
220
|
componentDidRender() {
|
|
188
221
|
if (this.dataAttributes)
|
|
189
222
|
for (const e in this.dataAttributes)
|
|
@@ -192,7 +225,7 @@ const b = class {
|
|
|
192
225
|
}
|
|
193
226
|
render() {
|
|
194
227
|
var e;
|
|
195
|
-
return
|
|
228
|
+
return d(M, null, d("input", { disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (t) => this.inputElement = t, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((e = this.inputElement) === null || e === void 0 ? void 0 : e.value) && d("button", { type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, d("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, d("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" }))));
|
|
196
229
|
}
|
|
197
230
|
static get watchers() {
|
|
198
231
|
return {
|
|
@@ -200,10 +233,10 @@ const b = class {
|
|
|
200
233
|
};
|
|
201
234
|
}
|
|
202
235
|
};
|
|
203
|
-
|
|
204
|
-
|
|
236
|
+
A([
|
|
237
|
+
D(500)
|
|
205
238
|
], b.prototype, "inputChanged", null);
|
|
206
|
-
b.style =
|
|
239
|
+
b.style = E;
|
|
207
240
|
export {
|
|
208
241
|
b as mi_search
|
|
209
242
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as a, c as i, h as e } from "./webcomponent-
|
|
1
|
+
import { r as a, c as i, h as e } from "./webcomponent-7931b9da.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 a, c as i, h as e } from "./reactcomponent-
|
|
1
|
+
import { r as a, c as i, h as e } from "./reactcomponent-2fa842c6.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 n, c as d, h as t, H as p } from "./webcomponent-
|
|
1
|
+
import { r as n, c as d, h as t, H as p } from "./webcomponent-7931b9da.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-
|
|
1
|
+
import { r as n, c as d, h as t, H as p } from "./reactcomponent-2fa842c6.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 "./reactcomponent-
|
|
1
|
+
import { r as i, h as s } from "./reactcomponent-2fa842c6.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 i, h as s } from "./webcomponent-
|
|
1
|
+
import { r as i, h as s } from "./webcomponent-7931b9da.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 a, h as o, H as l, g as d } from "./webcomponent-
|
|
1
|
+
import { r as a, h as o, H as l, g as d } from "./webcomponent-7931b9da.mjs";
|
|
2
2
|
const b = ':host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host .nav{border:none;border-bottom:solid;border-color:#d1d5db;border-width:1px;padding-left:24px}:host .nav--borderless-bottom{border-bottom:0}:host .nav ul{display:flex;flex-direction:row;padding:0;margin:0;margin-bottom:-1px}:host .nav ul li{list-style:none;text-align:center;cursor:pointer;padding:16px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0)}:host .nav ul li.active{background-color:#f9fafb;border-color:#d1d5db;border-width:1px;border-style:solid;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:600}:host .content{display:block;padding:16px;background-color:#f9fafb}:host .content--bordered{border-width:1px;border-color:#d1d5db;border-style:solid;border-radius:4px}', c = class {
|
|
3
3
|
constructor(e) {
|
|
4
4
|
a(this, e), this.active = 0, this.bordered = !1, this.tabs = void 0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as a, h as o, H as l, g as d } from "./reactcomponent-
|
|
1
|
+
import { r as a, h as o, H as l, g as d } from "./reactcomponent-2fa842c6.mjs";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const b = ':host{font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";flex-shrink:0;flex-grow:1}:host .nav{border:none;border-bottom:solid;border-color:#d1d5db;border-width:1px;padding-left:24px}:host .nav--borderless-bottom{border-bottom:0}:host .nav ul{display:flex;flex-direction:row;padding:0;margin:0;margin-bottom:-1px}:host .nav ul li{list-style:none;text-align:center;cursor:pointer;padding:16px;border-width:1px;border-style:solid;border-color:rgba(0, 0, 0, 0)}:host .nav ul li.active{background-color:#f9fafb;border-color:#d1d5db;border-width:1px;border-style:solid;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:600}:host .content{display:block;padding:16px;background-color:#f9fafb}:host .content--bordered{border-width:1px;border-color:#d1d5db;border-style:solid;border-radius:4px}', c = class {
|