@mapsindoors/map-template 1.95.1 → 1.95.2

package/dist/mi-search.entry.js

@@ -1,376 +1,417 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7e9696f3.js';
-import { c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-ba3f0406.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BZQHyS7V.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
 
-var Debounce$1 = createCommonjsModule(function (module, exports) {
+var dist = {};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = outerDecorator;
-exports.debounce = debounce;
-var DEFAULT_DEBOUNCE_DURATION = 500;
+var Debounce$1 = {};
 
-exports.DEFAULT_DEBOUNCE_DURATION = DEFAULT_DEBOUNCE_DURATION;
-/** Decorates a class method so that it is debounced by the specified duration */
+var hasRequiredDebounce;
 
-function outerDecorator(duration) {
-  return function innerDecorator(target, key, descriptor) {
-    return {
-      configurable: true,
-      enumerable: descriptor.enumerable,
-      get: function getter() {
-        // Attach this function to the instance (not the class)
-        Object.defineProperty(this, key, {
-          configurable: true,
-          enumerable: descriptor.enumerable,
-          value: debounce(descriptor.value, duration)
-        });
+function requireDebounce () {
+	if (hasRequiredDebounce) return Debounce$1;
+	hasRequiredDebounce = 1;
+	(function (exports) {
 
-        return this[key];
-      }
-    };
-  };
-}
+		Object.defineProperty(exports, "__esModule", {
+		  value: true
+		});
+		exports["default"] = outerDecorator;
+		exports.debounce = debounce;
+		var DEFAULT_DEBOUNCE_DURATION = 500;
 
-/** Debounces the specified function and returns a wrapper function */
+		exports.DEFAULT_DEBOUNCE_DURATION = DEFAULT_DEBOUNCE_DURATION;
+		/** Decorates a class method so that it is debounced by the specified duration */
 
-function debounce(method) {
-  var duration = arguments.length <= 1 || arguments[1] === undefined ? DEFAULT_DEBOUNCE_DURATION : arguments[1];
+		function outerDecorator(duration) {
+		  return function innerDecorator(target, key, descriptor) {
+		    return {
+		      configurable: true,
+		      enumerable: descriptor.enumerable,
+		      get: function getter() {
+		        // Attach this function to the instance (not the class)
+		        Object.defineProperty(this, key, {
+		          configurable: true,
+		          enumerable: descriptor.enumerable,
+		          value: debounce(descriptor.value, duration)
+		        });
 
-  var timeoutId = undefined;
+		        return this[key];
+		      }
+		    };
+		  };
+		}
 
-  function debounceWrapper() {
-    var _this = this;
+		/** Debounces the specified function and returns a wrapper function */
 
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+		function debounce(method) {
+		  var duration = arguments.length <= 1 || arguments[1] === undefined ? DEFAULT_DEBOUNCE_DURATION : arguments[1];
 
-    debounceWrapper.clear();
+		  var timeoutId = undefined;
 
-    timeoutId = setTimeout(function () {
-      timeoutId = null;
-      method.apply(_this, args);
-    }, duration);
-  }
+		  function debounceWrapper() {
+		    var _this = this;
 
-  debounceWrapper.clear = function () {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
+		    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+		      args[_key] = arguments[_key];
+		    }
+
+		    debounceWrapper.clear();
+
+		    timeoutId = setTimeout(function () {
+		      timeoutId = null;
+		      method.apply(_this, args);
+		    }, duration);
+		  }
+
+		  debounceWrapper.clear = function () {
+		    if (timeoutId) {
+		      clearTimeout(timeoutId);
+		      timeoutId = null;
+		    }
+		  };
 
-  return debounceWrapper;
+		  return debounceWrapper;
+		} 
+	} (Debounce$1));
+	return Debounce$1;
 }
-});
 
-var dist = createCommonjsModule(function (module, exports) {
+var hasRequiredDist;
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
+function requireDist () {
+	if (hasRequiredDist) return dist;
+	hasRequiredDist = 1;
+	(function (exports) {
 
-function _interopExportWildcard(obj, defaults) { var newObj = defaults({}, obj); delete newObj['default']; return newObj; }
+		Object.defineProperty(exports, '__esModule', {
+		  value: true
+		});
 
-function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+		function _interopExportWildcard(obj, defaults) { var newObj = defaults({}, obj); delete newObj['default']; return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+		function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
 
+		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+		var _DebounceJs = requireDebounce();
 
-var _DebounceJs2 = _interopRequireDefault(Debounce$1);
+		var _DebounceJs2 = _interopRequireDefault(_DebounceJs);
 
-exports['default'] = _DebounceJs2['default'];
+		exports['default'] = _DebounceJs2['default'];
 
-_defaults(exports, _interopExportWildcard(Debounce$1, _defaults));
-});
+		_defaults(exports, _interopExportWildcard(_DebounceJs, _defaults)); 
+	} (dist));
+	return dist;
+}
 
-const Debounce = /*@__PURE__*/getDefaultExportFromCjs(dist);
+var distExports = requireDist();
+var Debounce = /*@__PURE__*/getDefaultExportFromCjs(distExports);
 
-const searchCss = "@charset \"UTF-8\";mi-search{display:block;position:relative;}mi-search input[type=search]{border-radius:8px;background-color:#ffffff;padding-left:2.5rem;min-height:3rem;height:auto;font-size:1rem;padding-right:2.5rem;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:1rem center;background-size:1.125rem 1.125rem;border-color:#E6E6E6;color:var(--tailwind-colors-neutral-500);border:1px solid var(--tailwind-colors-gray-200)}mi-search input[type=search]:-moz-placeholder-shown{padding-right:0.875rem}mi-search input[type=search]:placeholder-shown{padding-right:0.875rem}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:0.875rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;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:0.625rem;height:0.625rem}";
+const searchCss = () => `@charset "UTF-8";mi-search{display:block;position:relative;}mi-search input[type=search]{border-radius:8px;background-color:#ffffff;padding-left:2.5rem;min-height:3rem;height:auto;font-size:1rem;padding-right:2.5rem;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:1rem center;background-size:1.125rem 1.125rem;border-color:#E6E6E6;color:var(--tailwind-colors-neutral-500);border:1px solid var(--tailwind-colors-gray-200)}mi-search input[type=search]:-moz-placeholder-shown{padding-right:0.875rem}mi-search input[type=search]:placeholder-shown{padding-right:0.875rem}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:0.875rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;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:0.625rem;height:0.625rem}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const Search = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.results = createEvent(this, "results", 7);
-    this.cleared = createEvent(this, "cleared", 7);
-    this.componentRendered = createEvent(this, "componentRendered", 7);
-    this.shortInput = createEvent(this, "shortInput", 7);
-    this.changed = createEvent(this, "changed", 7);
-    /**
-     * Sets the prevention of the search.
-     */
-    this.preventSearch = false;
-    this.placeholder = '';
-    this.idAttribute = '';
-    this.dataAttributes = {};
-    this.mapsindoors = false;
-    this.google = false;
-    this.mapbox = false;
-    this.language = 'en';
-    this.miFields = 'name,description,aliases,categories,externalId';
-    this.miTake = undefined;
-    this.miSkip = undefined;
-    this.miOrder = undefined;
-    this.miCategories = undefined;
-    this.miNear = undefined;
-    this.miVenue = undefined;
-    this.gmCountryCode = undefined;
-    this.value = undefined;
-    this.disabled = false;
-    this.sessionToken = undefined;
-    this.userPosition = undefined;
-  }
-  valueChange(newValue) {
-    if (!newValue || !this.inputElement) {
-      return;
-    }
-    if (newValue !== this.inputElement.value) {
-      // If newValue is different from what is in the input element, we know it's set from outside the component.
-      this.inputElement.value = newValue;
-      if (!this.preventSearch) {
-        this.inputChanged();
-      }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.results = createEvent(this, "results", 7);
+        this.cleared = createEvent(this, "cleared", 7);
+        this.componentRendered = createEvent(this, "componentRendered", 7);
+        this.shortInput = createEvent(this, "shortInput", 7);
+        this.changed = createEvent(this, "changed", 7);
+        /**
+         * Placeholder for the input field.
+         */
+        this.placeholder = '';
+        /**
+         * Id for the input field.
+         */
+        this.idAttribute = '';
+        /**
+         * Data attributes for the input field.
+         */
+        this.dataAttributes = {};
+        /**
+         * If searching should include MapsIndoors locations.
+         */
+        this.mapsindoors = false;
+        /**
+         * If searching should include Google Places autocomplete suggestions.
+         *
+         * Remember to comply to Google's policy by showing a "Power By Google" badge somewhere on your
+         * page if not already showing a Google map: https://developers.google.com/places/web-service/policies
+         */
+        this.google = false;
+        /**
+         * If searching should include Mapbox autocomplete suggestions.
+         */
+        this.mapbox = false;
+        /**
+         * The language used when retrieving Google Places or Mapbox autocomplete suggestions.
+         */
+        this.language = 'en';
+        /**
+         * Which fields on MapsIndoors locations to search in. Comma separated string.
+         */
+        this.miFields = 'name,description,aliases,categories,externalId';
+        /**
+         * Make the search field disabled
+         */
+        this.disabled = false;
+        /**
+         * Sets the prevention of the search.
+         */
+        this.preventSearch = false;
     }
-  }
-  /**
-   * Clear the input field.
-   */
-  async clear() {
-    this.inputElement.value = '';
-    this.value = '';
-    this.lastRequested = null;
-    this.cleared.emit();
-  }
-  /**
-   * Programmatically trigger the search.
-   */
-  triggerSearch() {
-    const inputValue = this.inputElement.value;
-    this.search(inputValue);
-  }
-  /**
-   * Sets text to be shown in the search field.
-   * Setting it will not perform a search.
-   */
-  setDisplayText(displayText) {
-    this.preventSearch = true;
-    this.inputElement.value = displayText;
-    this.value = displayText;
-    this.preventSearch = false;
-  }
-  /**
-   * 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: true });
-  }
-  /**
-   * Get hold of the search input field.
-   */
-  async getInputField() {
-    return this.inputElement;
-  }
-  /**
-   * Perform the search.
-   */
-  search(inputValue) {
-    Promise.all([
-      this.makeMapsIndoorsQuery(inputValue),
-      this.makeGooglePlacesQuery(inputValue),
-      this.getMapboxSearchResults(inputValue),
-    ])
-      .then(results => {
-      this.lastRequested = inputValue;
-      if (this.google) {
-        this.pushResults(results[0].concat(results[1]));
-      }
-      else if (this.mapbox && mapboxgl.accessToken) {
-        this.pushResults(results[0].concat(results[2]));
-      }
-      else {
-        this.pushResults(results[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 inputValue = this.inputElement.value;
-    this.value = inputValue; // reflect on value attribute
-    if (!this.preventSearch) {
-      if (inputValue.length < 2) {
-        this.lastRequested = null;
-        if (inputValue.length === 1) {
-          this.shortInput.emit();
+    valueChange(newValue) {
+        if (!newValue || !this.inputElement) {
+            return;
         }
-        else {
-          this.clear();
+        if (newValue !== this.inputElement.value) {
+            // If newValue is different from what is in the input element, we know it's set from outside the component.
+            this.inputElement.value = newValue;
+            if (!this.preventSearch) {
+                this.inputChanged();
+            }
         }
-        return;
-      }
-      if (inputValue.length > 1 && inputValue !== this.lastRequested) {
+    }
+    /**
+     * Clear the input field.
+     */
+    async clear() {
+        this.inputElement.value = '';
+        this.value = '';
+        this.lastRequested = null;
+        this.cleared.emit();
+    }
+    /**
+     * Programmatically trigger the search.
+     */
+    async triggerSearch() {
+        const inputValue = this.inputElement.value;
         this.search(inputValue);
-      }
-      this.changed.emit();
     }
-  }
-  /**
-   * Push the results via the results event.
-   * @param object[] Locations
-   */
-  pushResults(locations) {
-    this.results.emit(locations);
-  }
-  /**
-   * Make MapsIndoors locations request based on given search query.
-   * @param {string} query
-   * @return {Promise<any[]>}
-   */
-  makeMapsIndoorsQuery(query) {
-    if (!this.mapsindoors) {
-      return Promise.resolve([]);
+    /**
+     * Sets text to be shown in the search field.
+     * Setting it will not perform a search.
+     */
+    async setDisplayText(displayText) {
+        this.preventSearch = true;
+        this.inputElement.value = displayText;
+        this.value = displayText;
+        this.preventSearch = false;
+    }
+    /**
+     * 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.
+     */
+    async focusInput() {
+        this.inputElement.focus({ preventScroll: true });
+    }
+    /**
+     * Get hold of the search input field.
+     */
+    async getInputField() {
+        return this.inputElement;
     }
-    // Transform miNear string attribute to object if it matches a latlng
-    let miNear;
-    if (this.miNear) {
-      miNear = this.miNear;
-      if (/^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear)) {
-        const near = this.miNear.split(',');
-        miNear = { lat: parseFloat(near[0]), lng: parseFloat(near[1]) };
-      }
+    /**
+     * Perform the search.
+     */
+    search(inputValue) {
+        Promise.all([
+            this.makeMapsIndoorsQuery(inputValue),
+            this.makeGooglePlacesQuery(inputValue),
+            this.getMapboxSearchResults(inputValue),
+        ])
+            .then(results => {
+            this.lastRequested = inputValue;
+            if (this.google) {
+                this.pushResults(results[0].concat(results[1]));
+            }
+            else if (this.mapbox && mapboxgl.accessToken) {
+                this.pushResults(results[0].concat(results[2]));
+            }
+            else {
+                this.pushResults(results[0]);
+            }
+        });
     }
-    return mapsindoors.services.LocationsService.getLocations({
-      q: query.trim(),
-      fields: this.miFields,
-      take: this.miTake,
-      skip: this.miSkip,
-      orderBy: this.miOrder,
-      near: miNear,
-      venue: this.miVenue,
-      categories: this.miCategories
-    });
-  }
-  /**
-   * Make Google Places autocomplete suggestion request.
-   *
-   * @param {string} query
-   * @return {Promise<any>}
-   */
-  makeGooglePlacesQuery(query) {
-    if (this.google) {
-      if (!this.googleAutocompleteService) {
-        this.googleAutocompleteService = new google.maps.places.AutocompleteService();
-      }
+    /**
+     * 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 inputValue = this.inputElement.value;
+        this.value = inputValue; // reflect on value attribute
+        if (!this.preventSearch) {
+            if (inputValue.length < 2) {
+                this.lastRequested = null;
+                if (inputValue.length === 1) {
+                    this.shortInput.emit();
+                }
+                else {
+                    this.clear();
+                }
+                return;
+            }
+            if (inputValue.length > 1 && inputValue !== this.lastRequested) {
+                this.search(inputValue);
+            }
+            this.changed.emit();
+        }
     }
-    else {
-      this.googleAutocompleteService = null;
+    /**
+     * Push the results via the results event.
+     * @param object[] Locations
+     */
+    pushResults(locations) {
+        this.results.emit(locations);
     }
-    if (!this.googleAutocompleteService) {
-      return Promise.resolve([]);
+    /**
+     * Make MapsIndoors locations request based on given search query.
+     * @param {string} query
+     * @return {Promise<any[]>}
+     */
+    makeMapsIndoorsQuery(query) {
+        if (!this.mapsindoors) {
+            return Promise.resolve([]);
+        }
+        // Transform miNear string attribute to object if it matches a latlng
+        let miNear;
+        if (this.miNear) {
+            miNear = this.miNear;
+            if (/^(-?\d+(\.\d+)?),\s*(-?\d+(\.\d+)?)$/.test(this.miNear)) {
+                const near = this.miNear.split(',');
+                miNear = { lat: parseFloat(near[0]), lng: parseFloat(near[1]) };
+            }
+        }
+        return mapsindoors.services.LocationsService.getLocations({
+            q: query.trim(),
+            fields: this.miFields,
+            take: this.miTake,
+            skip: this.miSkip,
+            orderBy: this.miOrder,
+            near: miNear,
+            venue: this.miVenue,
+            categories: this.miCategories
+        });
     }
-    return new Promise((resolve) => {
-      const params = {
-        input: query,
-        language: this.language
-      };
-      if (this.gmCountryCode) {
-        params.componentRestrictions = { country: this.gmCountryCode };
-      }
-      this.googleAutocompleteService.getPlacePredictions(params, (results) => {
-        const places = (results || []).map((result) => ({
-          id: result.place_id,
-          type: 'Feature',
-          properties: {
-            type: 'google_places',
-            placeId: result.place_id,
-            name: result.structured_formatting.main_text,
-            subtitle: result.structured_formatting.secondary_text || '',
-            floor: 0
-          }
-        }));
-        resolve(places);
-      });
-    });
-  }
-  /**
-   * Get Mapbox Places results.
-   *
-   * @param {string} query
-   * @return {Promise<any>}
-   */
-  getMapboxSearchResults(query) {
-    if (this.mapbox && mapboxgl.accessToken) {
-      if (query) {
+    /**
+     * Make Google Places autocomplete suggestion request.
+     *
+     * @param {string} query
+     * @return {Promise<any>}
+     */
+    makeGooglePlacesQuery(query) {
+        if (this.google) {
+            if (!this.googleAutocompleteService) {
+                this.googleAutocompleteService = new google.maps.places.AutocompleteService();
+            }
+        }
+        else {
+            this.googleAutocompleteService = null;
+        }
+        if (!this.googleAutocompleteService) {
+            return Promise.resolve([]);
+        }
         return new Promise((resolve) => {
-          const language = this.language.split('-')[0]; // Mapbox seemingly only supports the primary language subtag.
-          let url = `https://api.mapbox.com/search/searchbox/v1/suggest?q=${query}&session_token=${this.sessionToken}&access_token=${mapboxgl.accessToken}&language=${language}`;
-          if (this.userPosition) {
-            url = url.concat(`&proximity=${this.userPosition}`);
-          }
-          fetch(url)
-            .then((response) => {
-            return response.json();
-          })
-            .then((result) => {
-            const places = result.suggestions.map((result) => ({
-              id: result.mapbox_id,
-              type: 'Feature',
-              properties: {
-                type: 'mapbox_places',
-                placeId: result.mapbox_id,
-                name: result.name,
-                subtitle: result.place_formatted || '',
-                floor: 0
-              }
-            }));
-            resolve(places);
-          })
-            .catch(() => {
-            resolve([]);
-          });
+            const params = {
+                input: query,
+                language: this.language
+            };
+            if (this.gmCountryCode) {
+                params.componentRestrictions = { country: this.gmCountryCode };
+            }
+            this.googleAutocompleteService.getPlacePredictions(params, (results) => {
+                const places = (results || []).map((result) => ({
+                    id: result.place_id,
+                    type: 'Feature',
+                    properties: {
+                        type: 'google_places',
+                        placeId: result.place_id,
+                        name: result.structured_formatting.main_text,
+                        subtitle: result.structured_formatting.secondary_text || '',
+                        floor: 0
+                    }
+                }));
+                resolve(places);
+            });
         });
-      }
     }
-    else {
-      return Promise.resolve([]);
+    /**
+     * Get Mapbox Places results.
+     *
+     * @param {string} query
+     * @return {Promise<any>}
+     */
+    getMapboxSearchResults(query) {
+        if (this.mapbox && mapboxgl.accessToken) {
+            if (query) {
+                return new Promise((resolve) => {
+                    const language = this.language.split('-')[0]; // Mapbox seemingly only supports the primary language subtag.
+                    let url = `https://api.mapbox.com/search/searchbox/v1/suggest?q=${query}&session_token=${this.sessionToken}&access_token=${mapboxgl.accessToken}&language=${language}`;
+                    if (this.userPosition) {
+                        url = url.concat(`&proximity=${this.userPosition}`);
+                    }
+                    fetch(url)
+                        .then((response) => {
+                        return response.json();
+                    })
+                        .then((result) => {
+                        const places = result.suggestions.map((result) => ({
+                            id: result.mapbox_id,
+                            type: 'Feature',
+                            properties: {
+                                type: 'mapbox_places',
+                                placeId: result.mapbox_id,
+                                name: result.name,
+                                subtitle: result.place_formatted || '',
+                                floor: 0
+                            }
+                        }));
+                        resolve(places);
+                    })
+                        .catch(() => {
+                        resolve([]);
+                    });
+                });
+            }
+        }
+        else {
+            return Promise.resolve([]);
+        }
+    }
+    componentDidRender() {
+        if (this.dataAttributes) {
+            for (const key in this.dataAttributes) {
+                this.inputElement.setAttribute(key, this.dataAttributes[key]);
+            }
+        }
+        this.componentRendered.emit();
     }
-  }
-  componentDidRender() {
-    if (this.dataAttributes) {
-      for (const key in this.dataAttributes) {
-        this.inputElement.setAttribute(key, this.dataAttributes[key]);
-      }
+    render() {
+        var _a;
+        return (h(Host, { key: '1d524038db7c50caf9fae15f096e2deb7a00260a' }, h("input", { key: '34dfd499754a26fd9dbec28442a357200bbff512', disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (el) => this.inputElement = el, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) &&
+            h("button", { key: '0247bf1383ae69d463035bfddca474be239581e8', type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, h("svg", { key: '5836e18679a30a44a22881b49aa0934ff8fff13d', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c3cf6f24d26c0d9b66f4cb2d93c60aded7b5d947', 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" })))));
     }
-    this.componentRendered.emit();
-  }
-  render() {
-    var _a;
-    return (h(Host, null, h("input", { disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (el) => this.inputElement = el, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) &&
-      h("button", { type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, h("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("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"]
-  }; }
+    static get watchers() { return {
+        "value": [{
+                "valueChange": 0
+            }]
+    }; }
 };
 __decorate([
-  Debounce(500)
+    Debounce(500)
 ], Search.prototype, "inputChanged", null);
-Search.style = searchCss;
+Search.style = searchCss();
 
 export { Search as mi_search };