@mapsindoors/map-template 1.16.0 → 1.17.1

package/dist/mi-route-instructions-step.entry-5f4cd9de.mjs

@@ -1,234 +0,0 @@
-import { r as o, c as a, h as e } from "./webcomponent-e45720b9.mjs";
-import { U as n } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
-import { c as p } from "./utils-ae714467-b07fc3be.mjs";
-const l = ':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{display:flex;justify-content:center;align-items:center;position:relative;min-height:72px}.step__travel-mode::before{position:absolute;width:calc(50% - 2px);left:0;height:100%;content:""}.step__travel-mode--dotted::before{border-right:4px dotted #bfdbfe}.step__travel-mode--solid::before{border-right:4px solid #bfdbfe}.step__travel-mode-icon{position:absolute;left:50%;top:24px;transform:translateX(-50%);background-color:#fcfcfc;padding:3px;border-radius:4px}.step__travel-mode-icon mi-icon{width:16px;height:16px;background-color:#6b7280;display:block}.step__short-name{margin-right:4px;padding:2px 4px;font-size:0.875rem;color:#fcfcfc;background-color:#6b7280;border-radius:2px}.step__distance-duration{color:#6b7280;font-size:0.875rem}.step__toggle{display:grid;justify-content:center}.step__toggle mi-icon{width:24px;height:24px;display:block}.step__substeps{display:grid;gap:32px}.step__details{display:grid;gap:24px;width:100%}', d = class {
-  constructor(t) {
-    o(this, t), this.stepClicked = a(this, "stepClicked", 7), this.substepsToggled = a(this, "substepsToggled", 7), this.isInternetExplorer = p(), this.step = void 0, this.stepData = void 0, this.hideIndoorSubsteps = !0, this.fromRouteContext = "", this.fromTravelMode = void 0, this.fromTransitStop = void 0, this.destinationLocation = void 0, this.unit = navigator.language === "en-US" ? n.Imperial : n.Metric, this.translations = void 0, this.translationsData = void 0, this.substepsAreOpen = !1;
-  }
-  parseStepProp() {
-    this.step && (this.stepData = JSON.parse(this.step));
-  }
-  parseTranslationsProp() {
-    this.translations && (this.translationsData = JSON.parse(this.translations));
-  }
-  /**
-   * Programmatically open the substeps.
-   */
-  openSubsteps() {
-    this.substepsAreOpen = !0;
-  }
-  /**
-   * Programmatically close the substeps.
-   */
-  closeSubsteps() {
-    this.substepsAreOpen = !1;
-  }
-  componentWillLoad() {
-    this.parseStepProp(), this.parseTranslationsProp();
-  }
-  /**
-   * Render if there is step data.
-   */
-  render() {
-    return this.stepData && this.translationsData ? this.renderStep() : null;
-  }
-  /**
-   * Emits stepClicked event (if click target is not related to an action)
-   * @param event Event
-   */
-  stepClickHandler(t) {
-    if (Array.from(t.target.classList).includes("icon-toggle"))
-      return;
-    let s = null;
-    t.target.dataset.maneuverIndex !== void 0 && (s = parseInt(t.target.dataset.maneuverIndex)), this.stepClicked.emit({ maneuverIndex: s });
-  }
-  /**
-   * Render step part depending on travel mode.
-   *
-   * @returns {JSX.Element}
-   */
-  renderStep() {
-    switch (this.stepData.travel_mode.toUpperCase()) {
-      case "DRIVING":
-        return this.renderDrivingStep();
-      case "WALKING":
-        return this.renderWalkingStep();
-      case "BICYCLING":
-        return this.renderBicyclingStep();
-      case "TRANSIT":
-        return this.renderTransitStep();
-      case "DESTINATION":
-        return this.renderDestinationStep();
-      default:
-        return e("div", null, "Unknown travel mode: ", this.stepData.travel_mode);
-    }
-  }
-  /**
-   * Render the travel mode indicator and dotted/solid line.
-   *
-   * @returns {JSX.Element}
-   */
-  renderTravelMode() {
-    if (this.isInternetExplorer)
-      return null;
-    let t;
-    switch (this.stepData.travel_mode.toUpperCase()) {
-      case "DRIVING":
-        t = "car";
-        break;
-      case "WALKING":
-        t = "walk";
-        break;
-      case "BICYCLING":
-        t = "bike";
-        break;
-      case "TRANSIT":
-        t = this.getTransitVehicleIconName();
-        break;
-      case "DESTINATION":
-        t = "logo";
-        break;
-    }
-    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 })));
-  }
-  /**
-   * Get icon name for transit vehicle.
-   *
-   * @returns {string}
-   */
-  getTransitVehicleIconName() {
-    var t, s;
-    const i = (s = (t = this.stepData.transit_information) === null || t === void 0 ? void 0 : t.line.vehicle) === null || s === void 0 ? void 0 : s.type.toLowerCase();
-    return i && ["boat", "bus", "railway", "train", "subway"].some((r) => r === i) ? i : "transit";
-  }
-  /**
-   * Toggles visibility of sub steps (steps in steps)
-   */
-  toggleSubsteps() {
-    this.substepsToggled.emit(), this.substepsAreOpen = !this.substepsAreOpen;
-  }
-  /**
-   * Render substeps if they should be visible.
-   *
-   * @returns {JSX.Element}
-   */
-  renderSubsteps() {
-    var t;
-    return this.substepsAreOpen === !0 ? e("div", { class: "step__substeps" }, (t = this.stepData.steps) === null || t === void 0 ? void 0 : t.map((s, i) => e("mi-route-instructions-maneuver", {
-      "data-maneuver-index": i,
-      maneuver: JSON.stringify(s),
-      translations: this.translations,
-      unit: this.unit,
-      // @ts-ignore
-      exportparts: `
-                        maneuver-icon,
-                        maneuver-description,
-                        maneuver-description-distance,
-                        maneuver-description-distance-border`
-    }))) : null;
-  }
-  /**
-   * Render the toggle button for the sub step expander.
-   *
-   * @returns {JSX.Element}
-   */
-  renderToggleButton() {
-    var t;
-    return ((t = this.stepData.steps) === null || t === void 0 ? void 0 : t.length) <= 0 ? null : e("span", { class: "step__toggle", onClick: () => this.toggleSubsteps() }, this.substepsAreOpen ? e("mi-icon", { part: "step-toggle", "icon-name": "minimize" }) : e("mi-icon", { part: "step-toggle", "icon-name": "maximize" }));
-  }
-  /**
-   * Render distance part.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDistance() {
-    return e("span", { part: "step-info", class: "step__distance-duration" }, e("mi-distance", { meters: this.stepData.distance.value, unit: this.unit }), e("br", null));
-  }
-  /**
-   * Render toggle and substeps.
-   *
-   * @returns {JSX.Element}
-   */
-  renderToggleAndSubsteps() {
-    return e("div", { class: "step__details" }, this.renderToggleButton(), this.renderSubsteps());
-  }
-  /**
-   * Render a driving step.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDrivingStep() {
-    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": "car" })), e("div", { part: "step-heading", class: "step__heading" }, this.getStepHeading())), this.renderToggleAndSubsteps());
-  }
-  /**
-   * Get display heading.
-   *
-   * @returns {string}
-   */
-  getStepHeading() {
-    var t;
-    const s = {
-      driving: this.translationsData.drive,
-      walking: this.translationsData.walk,
-      bicycling: this.translationsData.bike
-    };
-    return !((t = this.stepData.steps[0]) === null || t === void 0) && t.instructions ? this.stepData.steps[0].instructions : s[this.stepData.travel_mode.toLowerCase()];
-  }
-  /**
-   * Render a walking step.
-   *
-   *
-   * @returns {JSX.Element}
-   */
-  renderWalkingStep() {
-    let t, s;
-    return this.stepData.parking === !0 ? (t = `${this.translationsData.park} ${this.stepData.label ? ` ${this.translationsData.at} ` + this.stepData.label : ""}`, s = "park") : this.stepData.highway && this.stepData.highway.toUpperCase() === "STEPS" ? (t = `${this.translationsData.takeStaircaseToLevel} ${this.stepData.end_location.floor_name}`, s = "stairs") : this.stepData.highway && this.stepData.highway.toUpperCase() === "LADDER" ? (t = `${this.translationsData.takeLadderToLevel} ${this.stepData.end_location.floor_name}`, s = "ladder") : this.stepData.highway && this.stepData.highway.toUpperCase() === "ESCALATOR" ? (t = `${this.translationsData.takeEscalatorToLevel} ${this.stepData.end_location.floor_name}`, s = "escalator") : this.stepData.highway && this.stepData.highway.toUpperCase() === "WHEELCHAIRRAMP" ? (t = `${this.translationsData.takeWheelchairRampToLevel} ${this.stepData.end_location.floor_name}`, s = "wheelchair-ramp") : this.stepData.highway && this.stepData.highway.toUpperCase() === "WHEELCHAIRLIFT" ? (t = `${this.translationsData.takeWheelchairLiftToLevel} ${this.stepData.end_location.floor_name}`, s = "wheelchair-lift") : this.stepData.highway && this.stepData.highway.toUpperCase() === "ELEVATOR" ? (t = `${this.translationsData.takeElevatorToLevel} ${this.stepData.end_location.floor_name}`, s = "elevator") : this.fromRouteContext === "InsideBuilding" && this.stepData.route_context === "Outside" ? (t = this.addStepContextNameToHeading(this.translationsData.exit, this.stepData.start_context), s = "exit") : this.fromRouteContext === "InsideBuilding" && this.stepData.route_context === "InsideBuilding" ? (t = this.getStepHeading(), s = "walk") : this.fromRouteContext === "Outside" && this.stepData.route_context === "Outside" && this.fromTravelMode.toUpperCase() === "TRANSIT" ? (t = this.fromTransitStop, s = "transit-stop") : this.fromRouteContext === "Outside" && this.stepData.route_context === "Outside" ? (t = this.getStepHeading(), s = "walk") : this.fromRouteContext === "Outside" && this.stepData.route_context === "InsideBuilding" ? (t = this.addStepContextNameToHeading(this.translationsData.enter, this.stepData.end_context), s = "enter") : (t = this.fromRouteContext, s = "circle"), e("div", { class: "step", onClick: (i) => this.stepClickHandler(i) }, e("div", { part: "step-description", class: "step__description" }, this.renderDistance()), e("div", { class: "step__info" }, this.isInternetExplorer ? null : e("span", { class: `step__action-icon ${s !== "circle" ? "step__action-icon--circled" : ""}` }, e("mi-icon", { "icon-name": s })), e("div", { part: "step-heading", class: "step__heading" }, t)), this.renderToggleAndSubsteps());
-  }
-  /**
-   * Add building or venue name to the step heading
-   * @param {string} heading
-   * @param {StepContext} stepContext
-   * @returns
-   */
-  addStepContextNameToHeading(t, s) {
-    return s && (s.building ? t += ` ${s.building.buildingInfo.name} ${this.translationsData.building}` : s.venue && (t += ` ${s.venue.venueInfo.name} ${this.translationsData.venue}`)), t;
-  }
-  /**
-   * Render a bicycling step.
-   *
-   * @returns {JSX.Element}
-   */
-  renderBicyclingStep() {
-    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())), this.renderToggleAndSubsteps());
-  }
-  /**
-   * Render the destination step.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDestinationStep() {
-    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)), this.renderToggleAndSubsteps());
-  }
-  /**
-   * Render a transit step.
-   *
-   * @returns {JSX.Element}
-   */
-  renderTransitStep() {
-    var t, s;
-    return e("div", { class: "step", onClick: (i) => this.stepClickHandler(i) }, this.isInternetExplorer ? null : e("span", { class: "step__action-icon step__action-icon--circled" }, e("mi-icon", { "icon-name": "transit-stop" })), e("h3", { part: "step-heading", class: "step__heading" }, this.stepData.instructions), this.renderTravelMode(), e("div", { part: "step-description", class: "step__description" }, this.stepData.transit_information.line.short_name ? e("span", { class: "step__short-name", style: {
-      backgroundColor: !((t = this.stepData.transit_information.line) === null || t === void 0) && t.color ? this.stepData.transit_information.line.color : null,
-      color: !((s = this.stepData.transit_information.line) === null || s === void 0) && s.text_color ? this.stepData.transit_information.line.text_color : null
-    } }, this.stepData.transit_information.line.short_name) : null, this.stepData.transit_information.headsign ? this.stepData.transit_information.headsign : null, e("br", null), e("span", { part: "step-info", class: "step__distance-duration" }, e("mi-time", { seconds: this.stepData.duration.value, translations: `{"days":"${this.translationsData.days}","hours":"${this.translationsData.hours}","minutes":"${this.translationsData.minutes}"}` }), " · ", this.stepData.transit_information.num_stops ? this.stepData.transit_information.num_stops : null, " ", this.translationsData.stops ? this.translationsData.stops : null)), this.renderToggleAndSubsteps());
-  }
-  static get watchers() {
-    return {
-      step: ["parseStepProp"],
-      translations: ["parseTranslationsProp"]
-    };
-  }
-};
-d.style = l;
-export {
-  d as mi_route_instructions_step
-};

package/dist/mi-route-instructions.entry-ece4fa37.mjs

@@ -1,140 +0,0 @@
-import { r as u, c as g, h as s, H as v } from "./webcomponent-e45720b9.mjs";
-import { R as m } from "./route-travel-mode.enum-7f4ce9c7-a9c95a83.mjs";
-import { U as f } from "./unit-system.enum-eaefb53e-0f424da4.mjs";
-import { c as S } from "./utils-ae714467-b07fc3be.mjs";
-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 {
-  constructor(t) {
-    u(this, t), this.clicked = g(this, "clicked", 7), this.miStepElements = [], this.lastStepRouteContext = null, this.lastStepTravelMode = null, this.lastStepTransitStop = null, this.activeStep = {
-      legIndex: 0,
-      stepIndex: 0
-    }, 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 = {
-      walk: "Walk",
-      bike: "Bike",
-      transit: "Transit",
-      drive: "Drive",
-      destination: "You have arrived",
-      leave: "Leave",
-      from: "From",
-      park: "Park",
-      at: "at",
-      building: "Building",
-      venue: "Venue",
-      takeStaircaseToLevel: "Take staircase to level",
-      takeLadderToLevel: "Take the ladder to level",
-      takeElevatorToLevel: "Take elevator to level",
-      takeEscalatorToLevel: "Take escalator to level",
-      takeWheelchairLiftToLevel: "Take wheelchair lift to level",
-      takeWheelchairRampToLevel: "Take wheelchair ramp to level",
-      exit: "Exit",
-      enter: "Enter",
-      stops: "stops",
-      andContinue: "and continue",
-      continueStraightAhead: "Continue straight ahead",
-      goLeft: "Go left",
-      goSharpLeft: "Go sharp left",
-      goSlightLeft: "Go slight left",
-      goRight: "Go right",
-      goSharpRight: "Go sharp right",
-      goSlightRight: "Go slight right",
-      turnAround: "Turn around",
-      days: "d",
-      hours: "h",
-      minutes: "min"
-    };
-  }
-  componentDidRender() {
-    this.miStepElements.forEach((t) => {
-      t.hideIndoorSubsteps = this.hideIndoorSubsteps;
-    });
-  }
-  /**
-   * Transform the step in legs to a flat array of steps.
-   *
-   * @returns {Step[]}
-   */
-  getRouteSteps() {
-    return this.route ? this.route.legs.reduce((t, i, e) => {
-      for (const o in i.steps) {
-        const n = i.steps[o];
-        n.originalLegIndex = e, n.originalStepIndex = parseInt(o), t.push(n);
-      }
-      return t;
-    }, []) : [];
-  }
-  /**
-   * Updates the activeStep attribute and emits an object with leg, step and maneuver index information.
-   *
-   * @param {CustomEvent<any>} event Step object.
-   * @param {number} stepIndex step index.
-   */
-  stepClickedHandler(t, i) {
-    const e = this.getRouteSteps()[i];
-    this.activeStep = {
-      legIndex: e.originalLegIndex,
-      stepIndex: e.originalStepIndex
-    }, this.clicked.emit({
-      legIndex: e.originalLegIndex,
-      stepIndex: e.originalStepIndex,
-      maneuverIndex: t.detail.maneuverIndex
-    });
-  }
-  /**
-   * Check if the step is active.
-   *
-   * @param {Step} step
-   * @returns {boolean}
-   */
-  isActiveStep(t) {
-    return this.activeStep ? this.activeStep.legIndex === t.originalLegIndex && this.activeStep.stepIndex === t.originalStepIndex : !1;
-  }
-  render() {
-    return this.route ? this.renderInstructions() : null;
-  }
-  /**
-   * Render instructions.
-   *
-   * @returns {JSX.Element}
-   */
-  renderInstructions() {
-    return s(v, null, this.getRouteSteps().map((t, i) => {
-      var e, o, n, a, r;
-      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;
-      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", {
-        ref: (l) => this.miStepElements.push(l),
-        "from-travel-mode": p,
-        "from-route-context": c,
-        "from-transit-stop": h,
-        step: JSON.stringify(t),
-        translations: JSON.stringify(this.translations),
-        unit: this.unit,
-        onStepClicked: (l) => this.stepClickedHandler(l, i),
-        class: this.isActiveStep(t) ? "active" : "",
-        part: this.isActiveStep(t) ? "step active" : "step",
-        // @ts-ignore
-        exportparts: `
-                            step-toggle,
-                            step-heading,
-                            step-description,
-                            step-info,
-                            step-travel-mode,
-                            step-travel-mode-icon,
-                            maneuver-icon,
-                            maneuver-description,
-                            maneuver-description-distance,
-                            maneuver-description-distance-border`
-      });
-    }), this.destinationLocation || this.destinationName ? this.renderDestination() : null);
-  }
-  /**
-   * Render destination.
-   *
-   * @returns {JSX.Element}
-   */
-  renderDestination() {
-    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));
-  }
-};
-I.style = x;
-export {
-  I as mi_route_instructions
-};

package/dist/mi-scroll-buttons.entry-9f426250.mjs

@@ -1,46 +0,0 @@
-import { r as o, h as e } from "./webcomponent-e45720b9.mjs";
-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 {
-  constructor(t) {
-    o(this, t), this.scrollContainerElementRef = void 0, this.scrollLength = 100;
-  }
-  addScrollEventListener() {
-    this.scrollContainerElementRef.addEventListener("scroll", () => {
-      this.updateScrollButtonsState();
-    });
-  }
-  /**
-   * Adds scroll event listener to the container element when this component is first attached to the DOM.
-   */
-  connectedCallback() {
-    this.addScrollEventListener();
-  }
-  /**
-   * Updates enable/disable state for scroll up and down buttons.
-   * @returns {Promise<void>}
-   */
-  async updateScrollButtonsState() {
-    this.scrollContainerElementRef.scrollTop === 0 ? this.upButtonElement.disabled = !0 : this.upButtonElement.disabled && (this.upButtonElement.disabled = !1), this.scrollContainerElementRef.scrollHeight - this.scrollContainerElementRef.scrollTop === this.scrollContainerElementRef.clientHeight ? this.downButtonElement.disabled = !0 : this.downButtonElement.disabled && (this.downButtonElement.disabled = !1);
-  }
-  /**
-   * Update scroll position.
-   * @param {number} value - Value to scroll.
-   */
-  updateScrollPosition(t) {
-    "scrollBehavior" in document.documentElement.style ? this.scrollContainerElementRef.scroll({
-      top: this.scrollContainerElementRef.scrollTop + t,
-      behavior: "smooth"
-    }) : this.scrollContainerElementRef.scrollTop = t;
-  }
-  render() {
-    return e("div", { class: "scroll-buttons" }, e("button", { class: "mi-button mi-button--base btn btn-up", type: "button", disabled: !0, "aria-label": "Scroll Up", ref: (t) => this.upButtonElement = t, onClick: () => this.updateScrollPosition(-this.scrollLength) }), e("button", { class: "mi-button mi-button--base btn btn-down", type: "button", "aria-label": "Scroll Down", ref: (t) => this.downButtonElement = t, onClick: () => this.updateScrollPosition(this.scrollLength) }));
-  }
-  static get watchers() {
-    return {
-      scrollContainerElementRef: ["addScrollEventListener"]
-    };
-  }
-};
-r.style = n;
-export {
-  r as mi_scroll_buttons
-};

package/dist/mi-search.entry-81d35326.mjs

@@ -1,240 +0,0 @@
-import { r as v, c as d, h as p, H as M } from "./webcomponent-e45720b9.mjs";
-import { c as f, g as x } from "./_commonjsHelpers-ba3f0406-b96e6d6a.mjs";
-var g = f(function(e, t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), t.default = r, t.debounce = o;
-  var s = 500;
-  t.DEFAULT_DEBOUNCE_DURATION = s;
-  function r(i) {
-    return function(a, u, l) {
-      return {
-        configurable: !0,
-        enumerable: l.enumerable,
-        get: function() {
-          return Object.defineProperty(this, u, {
-            configurable: !0,
-            enumerable: l.enumerable,
-            value: o(l.value, i)
-          }), this[u];
-        }
-      };
-    };
-  }
-  function o(i) {
-    var n = arguments.length <= 1 || arguments[1] === void 0 ? s : arguments[1], a = void 0;
-    function u() {
-      for (var l = this, c = arguments.length, h = Array(c), m = 0; m < c; m++)
-        h[m] = arguments[m];
-      u.clear(), a = setTimeout(function() {
-        a = null, i.apply(l, h);
-      }, n);
-    }
-    return u.clear = function() {
-      a && (clearTimeout(a), a = null);
-    }, u;
-  }
-}), I = f(function(e, t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  });
-  function s(n, a) {
-    var u = a({}, n);
-    return delete u.default, u;
-  }
-  function r(n, a) {
-    for (var u = Object.getOwnPropertyNames(a), l = 0; l < u.length; l++) {
-      var c = u[l], h = Object.getOwnPropertyDescriptor(a, c);
-      h && h.configurable && n[c] === void 0 && Object.defineProperty(n, c, h);
-    }
-    return n;
-  }
-  function o(n) {
-    return n && n.__esModule ? n : { default: n };
-  }
-  var i = o(g);
-  t.default = i.default, r(t, s(g, r));
-});
-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}';
-var A = function(e, t, s, r) {
-  var o = arguments.length, i = o < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, s) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    i = Reflect.decorate(e, t, s, r);
-  else
-    for (var a = e.length - 1; a >= 0; a--)
-      (n = e[a]) && (i = (o < 3 ? n(i) : o > 3 ? n(t, s, i) : n(t, s)) || i);
-  return o > 3 && i && Object.defineProperty(t, s, i), i;
-};
-const b = class {
-  constructor(e) {
-    v(this, e), this.results = d(this, "results", 7), this.cleared = d(this, "cleared", 7), this.componentRendered = d(this, "componentRendered", 7), this.shortInput = d(this, "shortInput", 7), this.changed = d(this, "changed", 7), this.preventSearch = !1, this.placeholder = "", this.idAttribute = "", this.dataAttributes = {}, this.mapsindoors = !1, this.google = !1, this.mapbox = !1, this.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;
-  }
-  valueChange(e) {
-    !e || !this.inputElement || e !== this.inputElement.value && (this.inputElement.value = e, this.preventSearch || this.inputChanged());
-  }
-  /**
-   * Clear the input field.
-   */
-  async clear() {
-    this.inputElement.value = "", this.value = "", this.lastRequested = null, this.cleared.emit();
-  }
-  /**
-   * Programmatically trigger the search.
-   */
-  triggerSearch() {
-    const e = this.inputElement.value;
-    this.search(e);
-  }
-  /**
-   * Sets text to be shown in the search field.
-   * Setting it will not perform a search.
-   */
-  setDisplayText(e) {
-    this.preventSearch = !0, this.value = e, this.preventSearch = !1;
-  }
-  /**
-   * Set focus on the input field.
-   * The preventScroll boolean is passed as true to prevent the browser
-   * from scrolling the document to bring the newly-focused element into view.
-   */
-  focusInput() {
-    this.inputElement.focus({ preventScroll: !0 });
-  }
-  /**
-   * Perform the search.
-   */
-  search(e) {
-    Promise.all([
-      this.makeMapsIndoorsQuery(e),
-      this.makeGooglePlacesQuery(e),
-      this.getMapboxSearchResults(e)
-    ]).then((t) => {
-      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]);
-    });
-  }
-  /**
-   * Handles incoming input change event, eg. input field value has changed.
-   * The function is debounced 500ms to avoid firing too many requests while typing.
-   */
-  inputChanged() {
-    const e = this.inputElement.value;
-    if (this.value = e, !this.preventSearch) {
-      if (e.length < 2) {
-        this.lastRequested = null, e.length === 1 ? this.shortInput.emit() : this.clear();
-        return;
-      }
-      e.length > 1 && e !== this.lastRequested && this.search(e), this.changed.emit();
-    }
-  }
-  /**
-   * Push the results via the results event.
-   * @param object[] Locations
-   */
-  pushResults(e) {
-    this.results.emit(e);
-  }
-  /**
-   * Make MapsIndoors locations request based on given search query.
-   * @param {string} query
-   * @return {Promise<any[]>}
-   */
-  makeMapsIndoorsQuery(e) {
-    if (!this.mapsindoors)
-      return Promise.resolve([]);
-    let t;
-    if (this.miNear && (t = this.miNear, /^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear))) {
-      const s = this.miNear.split(",");
-      t = { lat: parseFloat(s[0]), lng: parseFloat(s[1]) };
-    }
-    return mapsindoors.services.LocationsService.getLocations({
-      q: e.trim(),
-      fields: this.miFields,
-      take: this.miTake,
-      skip: this.miSkip,
-      orderBy: this.miOrder,
-      near: t,
-      venue: this.miVenue,
-      categories: this.miCategories
-    });
-  }
-  /**
-   * Make Google Places autocomplete suggestion request.
-   *
-   * @param {string} query
-   * @return {Promise<any>}
-   */
-  makeGooglePlacesQuery(e) {
-    return this.google ? this.googleAutocompleteService || (this.googleAutocompleteService = new google.maps.places.AutocompleteService()) : this.googleAutocompleteService = null, this.googleAutocompleteService ? new Promise((t) => {
-      const s = {
-        input: e
-      };
-      this.gmCountryCode && (s.componentRestrictions = { country: this.gmCountryCode }), this.googleAutocompleteService.getPlacePredictions(s, (r) => {
-        const o = (r || []).map((i) => ({
-          id: i.place_id,
-          type: "Feature",
-          properties: {
-            type: "google_places",
-            placeId: i.place_id,
-            name: i.structured_formatting.main_text,
-            subtitle: i.structured_formatting.secondary_text || "",
-            floor: 0
-          }
-        }));
-        t(o);
-      });
-    }) : Promise.resolve([]);
-  }
-  /**
-   * Get Mapbox Places results.
-   *
-   * @param {string} query
-   * @return {Promise<any>}
-   */
-  getMapboxSearchResults(e) {
-    if (this.mapbox && mapboxgl.accessToken) {
-      if (e)
-        return new Promise((t) => {
-          let s = `https://api.mapbox.com/search/searchbox/v1/suggest?q=${e}&session_token=${this.sessionToken}&access_token=${mapboxgl.accessToken}`;
-          this.userPosition && (s = s.concat(`&proximity=${this.userPosition}`)), fetch(s).then((r) => r.json()).then((r) => {
-            const o = r.suggestions.map((i) => ({
-              id: i.mapbox_id,
-              type: "Feature",
-              properties: {
-                type: "mapbox_places",
-                placeId: i.mapbox_id,
-                name: i.name,
-                subtitle: i.place_formatted || "",
-                floor: 0
-              }
-            }));
-            t(o);
-          }).catch(() => {
-            t([]);
-          });
-        });
-    } else
-      return Promise.resolve([]);
-  }
-  componentDidRender() {
-    if (this.dataAttributes)
-      for (const e in this.dataAttributes)
-        this.inputElement.setAttribute(e, this.dataAttributes[e]);
-    this.componentRendered.emit();
-  }
-  render() {
-    var e;
-    return p(M, null, p("input", { disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (t) => this.inputElement = t, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((e = this.inputElement) === null || e === void 0 ? void 0 : e.value) && p("button", { type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, p("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, p("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" }))));
-  }
-  static get watchers() {
-    return {
-      value: ["valueChange"]
-    };
-  }
-};
-A([
-  D(500)
-], b.prototype, "inputChanged", null);
-b.style = E;
-export {
-  b as mi_search
-};