"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("../polyfills/tslib.js");
var webmapgl_core_js_1 = require("../webmapgl.core.js");
var chunk_cf921ba9_js_1 = require("./chunk-cf921ba9.js");
var chunk_3488a752_js_1 = require("./chunk-3488a752.js");
var chunk_d01d69cb_js_1 = require("./chunk-d01d69cb.js");
var chunk_c82b670d_js_1 = require("./chunk-c82b670d.js");
var AddressSearchBox = function () { function e() { this.hasFocus = !1, this.hasValue = !1, this.results = [], this.jobId = "gl-address-search", this.limit = 10, this.maxZoom = 18, this.placeholder = chunk_cf921ba9_js_1.a("webmapgl.address-search.prompt"), this.zoomPadding = 20; } return e.prototype.componentWillLoad = function () { return tslib_1.__awaiter(this, void 0, void 0, function () { var e; return tslib_1.__generator(this, function (t) { switch (t.label) {
    case 0: return this.parseBbox(), e = this, [4, this.lazyGeocodeCtrl.componentOnReady()];
    case 1: return e.geocodeCtrl = t.sent(), [2];
} }); }); }, e.prototype.handleGeocode = function (e) { return tslib_1.__awaiter(this, void 0, void 0, function () { return tslib_1.__generator(this, function (t) { return e.detail.options.jobId === this.jobId && (this.results = e.detail.response), [2]; }); }); }, e.prototype.handleBodyClick = function () { this.hasFocus = !1; }, e.prototype.handleDown = function (e) { var t; "ION-ITEM" === document.activeElement.tagName && (this.unsetFocus(), t = document.activeElement.nextElementSibling), t || (t = this.el.querySelector("ion-item")), t && (e.preventDefault(), this.setFocus(t)); }, e.prototype.handleUp = function (e) { if ("ION-ITEM" === document.activeElement.tagName) {
    e.preventDefault(), this.unsetFocus();
    var t = document.activeElement.previousElementSibling;
    t ? this.setFocus(t) : this.input && this.input.querySelector("input").focus();
} }, e.prototype.parseBbox = function () { this.bboxArray = "string" == typeof this.bbox ? this.bbox.split(",").map(function (e) { return parseFloat(e); }) : this.bbox; }, e.prototype.setFocus = function (e) { var t = e.shadowRoot.querySelector("button"); t.focus(), t.style.color = "#3880ff"; }, e.prototype.unsetFocus = function () { document.activeElement.shadowRoot.querySelector("button").style.color = null; }, e.prototype.formatAddress = function (e) { var t = []; if (e.name && e.name != e.city && t.push(e.name), e.street) {
    var o = e.street;
    e.housenumber && (o = e.housenumber + " " + o), t.push(o);
} return e.city && t.push(e.city), !t.length && e.county && t.push(e.county), t.length ? t.join(", ") : e.display; }, e.prototype.selectResult = function (e) { return tslib_1.__awaiter(this, void 0, void 0, function () { return tslib_1.__generator(this, function (t) { return this.el.closest("gl-map").map.fitBounds(e.bbox, { maxZoom: this.maxZoom, padding: this.zoomPadding }), this.hasFocus = !1, [2]; }); }); }, e.prototype.geocode = function () { return tslib_1.__awaiter(this, void 0, void 0, function () { return tslib_1.__generator(this, function (e) { return this.geocodeCtrl.forward({ address: this.input.value, url: this.url, bbox: this.bboxArray, bounded: !0, jobId: this.jobId, limit: this.limit }), [2]; }); }); }, e.prototype.renderResults = function () { var e = this; if (!this.results.length || !this.hasValue || !this.hasFocus)
    return null; var t = this.results.map(function (t) { return webmapgl_core_js_1.h("ion-item", { button: !0, onClick: function () { return e.selectResult(t); } }, webmapgl_core_js_1.h("ion-icon", { name: "pin", slot: "start" }), webmapgl_core_js_1.h("ion-label", null, e.formatAddress(t.address))); }); return webmapgl_core_js_1.h("ion-list", { lines: "full" }, t); }, e.prototype.handleChange = function () { this.input && this.input.value ? (this.hasValue = !0, this.geocode()) : (this.hasValue = !1, this.results.length && (this.results = [])); }, e.prototype.handleFocus = function () { this.hasFocus = !0; }, e.prototype.handleClick = function (e) { e.stopPropagation(); }, e.prototype.render = function () { var e = this; return [webmapgl_core_js_1.h("ion-searchbar", { ref: function (t) { return e.input = t; }, placeholder: this.placeholder, onIonChange: function () { return e.handleChange(); }, onIonFocus: function () { return e.handleFocus(); }, onClick: function (t) { return e.handleClick(t); } }), this.renderResults()]; }, Object.defineProperty(e, "is", { get: function () { return "gl-address-search"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "properties", { get: function () { return { bbox: { type: String, attr: "bbox", watchCallbacks: ["parseBbox"] }, bboxArray: { state: !0 }, el: { elementRef: !0 }, hasFocus: { state: !0 }, hasValue: { state: !0 }, jobId: { type: String, attr: "job-id" }, lazyGeocodeCtrl: { connect: "gl-geocode-controller" }, limit: { type: Number, attr: "limit" }, maxZoom: { type: Number, attr: "max-zoom" }, placeholder: { type: String, attr: "placeholder" }, results: { state: !0 }, url: { type: String, attr: "url" }, zoomPadding: { type: Number, attr: "zoom-padding" } }; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "listeners", { get: function () { return [{ name: "body:glForwardGeocode", method: "handleGeocode" }, { name: "body:click", method: "handleBodyClick" }, { name: "keydown.down", method: "handleDown" }, { name: "keydown.up", method: "handleUp" }]; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "style", { get: function () { return "gl-address-search{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:1000;max-height:100%}gl-address-search ion-searchbar{-ms-flex:none;flex:none}gl-address-search ion-list.list-md{margin-bottom:0;overflow-y:scroll}"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "styleMode", { get: function () { return "md"; }, enumerable: !0, configurable: !0 }), e; }(), NominatimClient = function () { function e() { } return e.prototype.forward = function (e, t) { return void 0 === t && (t = {}), tslib_1.__awaiter(this, void 0, void 0, function () { var o, n; return tslib_1.__generator(this, function (r) { switch (r.label) {
    case 0: return o = { format: "jsonv2", addressdetails: t.addressdetails || "1" }, t.countrycodes && (o.countrycodes = t.countrycodes), "string" == typeof e.address ? o.q = e.address : Object.assign(o, e.address), e.bbox && (o.viewbox = e.bbox.join(",")), e.bounded && (o.bounded = "1"), e.limit && (o.limit = e.limit), [4, fetch(this.addParams(e.url, o), { mode: t.mode || "cors" })];
    case 1: return [4, r.sent().json()];
    case 2: return (n = r.sent()).error ? [2, n] : [2, this.formatResponse(n)];
} }); }); }, e.prototype.reverse = function (e, t) { return void 0 === t && (t = {}), tslib_1.__awaiter(this, void 0, void 0, function () { var o, n; return tslib_1.__generator(this, function (r) { switch (r.label) {
    case 0: return (o = { format: "jsonv2", addressdetails: t.addressdetails || "1", zoom: t.zoom || "18" }).lon = e.location.lon.toString(), o.lat = e.location.lat.toString(), [4, fetch(this.addParams(e.url, o), { mode: t.mode || "cors" })];
    case 1: return [4, r.sent().json()];
    case 2: return (n = r.sent()).error ? [2, n] : [2, this.formatResponseItem(n)];
} }); }); }, e.prototype.formatResponse = function (e) { var t = this; return e.map(function (e) { return t.formatResponseItem(e); }); }, e.prototype.formatResponseItem = function (e) { var t = null; if (e.boundingbox) {
    var o = e.boundingbox.map(function (e) { return parseFloat(e); });
    t = [o[2], o[0], o[3], o[1]];
} return { address: { name: e.address[e.type] || e.address[e.category] || null, housenumber: e.address.house_number || null, street: e.address.road || null, city: e.address.city || null, county: e.address.county || null, state: e.address.state || null, country: e.address.country || null, countrycode: e.address.country_code || null, postalcode: e.address.postcode || null }, bbox: t, client: { osm_id: e.osm_id || null, osm_type: e.osm_type || null, category: e.category || null, type: e.type || null, importance: e.importance || null, place_id: e.place_id || null, place_rank: e.place_rank || null }, display: e.display_name || null, location: { lon: parseFloat(e.lon), lat: parseFloat(e.lat) }, polygon: e.geojson || null }; }, e.prototype.addParams = function (e, t) { var o = new URL(e); return Object.keys(t).forEach(function (e) { return o.searchParams.append(e, t[e]); }), o.toString(); }, e; }(), GeocodeController = function () { function e() { this.defaultClient = "nominatim"; } return e.prototype.forward = function (e, t) { return tslib_1.__awaiter(this, void 0, void 0, function () { var o; return tslib_1.__generator(this, function (n) { switch (n.label) {
    case 0: return [4, this.getClient(e.client).forward(e, t)];
    case 1: return o = n.sent(), this.glForwardGeocode.emit({ options: e, response: o }), [2, o];
} }); }); }, e.prototype.reverse = function (e, t) { return tslib_1.__awaiter(this, void 0, void 0, function () { var o; return tslib_1.__generator(this, function (n) { switch (n.label) {
    case 0: return [4, this.getClient(e.client).reverse(e, t)];
    case 1: return o = n.sent(), this.glReverseGeocode.emit({ options: e, response: o }), [2, o];
} }); }); }, e.prototype.getClient = function (t) { return e.clients[t || this.defaultClient]; }, e.addClient = function (t, o) { e.clients[t] = o; }, Object.defineProperty(e, "is", { get: function () { return "gl-geocode-controller"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "properties", { get: function () { return { defaultClient: { type: String, attr: "default-client" }, forward: { method: !0 }, reverse: { method: !0 } }; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "events", { get: function () { return [{ name: "glForwardGeocode", method: "glForwardGeocode", bubbles: !0, cancelable: !0, composed: !0 }, { name: "glReverseGeocode", method: "glReverseGeocode", bubbles: !0, cancelable: !0, composed: !0 }]; }, enumerable: !0, configurable: !0 }), e; }();
exports.GlAddressSearch = AddressSearchBox;
exports.GlGeocodeController = GeocodeController;
GeocodeController.clients = {}, GeocodeController.addClient("nominatim", new NominatimClient);
var Searchbar = function () { function e() { var e = this; this.isCancelVisible = !1, this.shouldAlignLeft = !0, this.focused = !1, this.noAnimate = !0, this.animated = !1, this.autocomplete = "off", this.autocorrect = "off", this.cancelButtonIcon = "md-arrow-back", this.cancelButtonText = "Cancel", this.debounce = 250, this.disabled = !1, this.placeholder = "Search", this.searchIcon = "search", this.showCancelButton = "never", this.spellcheck = !1, this.type = "search", this.value = "", this.onClearInput = function (t) { e.ionClear.emit(), t && (t.preventDefault(), t.stopPropagation()), setTimeout(function () { "" !== e.getValue() && (e.value = "", e.ionInput.emit()); }, 64); }, this.onCancelSearchbar = function (t) { t && (t.preventDefault(), t.stopPropagation()), e.ionCancel.emit(), e.onClearInput(), e.nativeInput && e.nativeInput.blur(); }, this.onInput = function (t) { var o = t.target; o && (e.value = o.value), e.ionInput.emit(t); }, this.onBlur = function () { e.focused = !1, e.ionBlur.emit(), e.positionElements(); }, this.onFocus = function () { e.focused = !0, e.ionFocus.emit(), e.positionElements(); }; } return e.prototype.debounceChanged = function () { this.ionChange = chunk_3488a752_js_1.a(this.ionChange, this.debounce); }, e.prototype.valueChanged = function () { var e = this.nativeInput, t = this.getValue(); e && e.value !== t && (e.value = t), this.ionChange.emit({ value: t }); }, e.prototype.showCancelButtonChanged = function () { var e = this; requestAnimationFrame(function () { e.positionElements(), e.el.forceUpdate(); }); }, e.prototype.componentDidLoad = function () { var e = this; this.positionElements(), this.debounceChanged(), setTimeout(function () { e.noAnimate = !1; }, 300); }, e.prototype.setFocus = function () { this.nativeInput && this.nativeInput.focus(); }, e.prototype.getInputElement = function () { return Promise.resolve(this.nativeInput); }, e.prototype.positionElements = function () { var e = this.getValue(), t = this.shouldAlignLeft, o = !this.animated || "" !== e.trim() || !!this.focused; this.shouldAlignLeft = o, "ios" === this.mode && (t !== o && this.positionPlaceholder(), this.animated && this.positionCancelButton()); }, e.prototype.positionPlaceholder = function () { var e = this.nativeInput; if (e) {
    var t = "rtl" === this.doc.dir, o = (this.el.shadowRoot || this.el).querySelector(".searchbar-search-icon");
    if (this.shouldAlignLeft)
        e.removeAttribute("style"), o.removeAttribute("style");
    else {
        var n = this.doc, r = n.createElement("span");
        r.innerHTML = chunk_d01d69cb_js_1.a(this.placeholder) || "", n.body.appendChild(r);
        var i = r.offsetWidth;
        r.remove();
        var s = "calc(50% - " + i / 2 + "px)", a = "calc(50% - " + (i / 2 + 30) + "px)";
        t ? (e.style.paddingRight = s, o.style.marginRight = a) : (e.style.paddingLeft = s, o.style.marginLeft = a);
    }
} }, e.prototype.positionCancelButton = function () { var e = "rtl" === this.doc.dir, t = (this.el.shadowRoot || this.el).querySelector(".searchbar-cancel-button"), o = this.shouldShowCancelButton(); if (t && o !== this.isCancelVisible) {
    var n = t.style;
    if (this.isCancelVisible = o, o)
        e ? n.marginLeft = "0" : n.marginRight = "0";
    else {
        var r = t.offsetWidth;
        r > 0 && (e ? n.marginLeft = -r + "px" : n.marginRight = -r + "px");
    }
} }, e.prototype.getValue = function () { return this.value || ""; }, e.prototype.hasValue = function () { return "" !== this.getValue(); }, e.prototype.shouldShowCancelButton = function () { return !(isCancelButtonSetToNever(this.showCancelButton) || isCancelButtonSetToFocus(this.showCancelButton) && !this.focused); }, e.prototype.hostData = function () { var e, t = this.animated && this.config.getBoolean("animated", !0); return { "aria-disabled": this.disabled ? "true" : null, class: Object.assign({}, chunk_c82b670d_js_1.a(this.color), (e = {}, e["" + this.mode] = !0, e["searchbar-animated"] = t, e["searchbar-disabled"] = this.disabled, e["searchbar-no-animate"] = t && this.noAnimate, e["searchbar-has-value"] = this.hasValue(), e["searchbar-left-aligned"] = this.shouldAlignLeft, e["searchbar-has-focus"] = this.focused, e["searchbar-should-show-cancel"] = this.shouldShowCancelButton(), e)) }; }, e.prototype.render = function () { var e = this, t = this.clearIcon || ("ios" === this.mode ? "ios-close-circle" : "md-close"), o = this.searchIcon, n = !isCancelButtonSetToNever(this.showCancelButton) && webmapgl_core_js_1.h("button", { type: "button", tabIndex: "ios" !== this.mode || this.shouldShowCancelButton() ? void 0 : -1, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, webmapgl_core_js_1.h("div", null, "md" === this.mode ? webmapgl_core_js_1.h("ion-icon", { mode: this.mode, icon: this.cancelButtonIcon, lazy: !1 }) : this.cancelButtonText)); return [webmapgl_core_js_1.h("div", { class: "searchbar-input-container" }, webmapgl_core_js_1.h("input", { disabled: this.disabled, ref: function (t) { return e.nativeInput = t; }, class: "searchbar-input", onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellCheck: this.spellcheck }), "md" === this.mode && n, webmapgl_core_js_1.h("ion-icon", { mode: this.mode, icon: o, lazy: !1, class: "searchbar-search-icon" }), webmapgl_core_js_1.h("button", { type: "button", "no-blur": !0, class: "searchbar-clear-button", onMouseDown: this.onClearInput, onTouchStart: this.onClearInput }, webmapgl_core_js_1.h("ion-icon", { mode: this.mode, icon: t, lazy: !1, class: "searchbar-clear-icon" }))), "ios" === this.mode && n]; }, Object.defineProperty(e, "is", { get: function () { return "ion-searchbar"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "encapsulation", { get: function () { return "scoped"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "properties", { get: function () { return { animated: { type: Boolean, attr: "animated" }, autocomplete: { type: String, attr: "autocomplete" }, autocorrect: { type: String, attr: "autocorrect" }, cancelButtonIcon: { type: String, attr: "cancel-button-icon" }, cancelButtonText: { type: String, attr: "cancel-button-text" }, clearIcon: { type: String, attr: "clear-icon" }, color: { type: String, attr: "color" }, config: { context: "config" }, debounce: { type: Number, attr: "debounce", watchCallbacks: ["debounceChanged"] }, disabled: { type: Boolean, attr: "disabled" }, doc: { context: "document" }, el: { elementRef: !0 }, focused: { state: !0 }, getInputElement: { method: !0 }, mode: { type: String, attr: "mode" }, noAnimate: { state: !0 }, placeholder: { type: String, attr: "placeholder" }, searchIcon: { type: String, attr: "search-icon" }, setFocus: { method: !0 }, showCancelButton: { type: "Any", attr: "show-cancel-button", watchCallbacks: ["showCancelButtonChanged"] }, spellcheck: { type: Boolean, attr: "spellcheck" }, type: { type: String, attr: "type" }, value: { type: String, attr: "value", mutable: !0, watchCallbacks: ["valueChanged"] } }; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "events", { get: function () { return [{ name: "ionInput", method: "ionInput", bubbles: !0, cancelable: !0, composed: !0 }, { name: "ionChange", method: "ionChange", bubbles: !0, cancelable: !0, composed: !0 }, { name: "ionCancel", method: "ionCancel", bubbles: !0, cancelable: !0, composed: !0 }, { name: "ionClear", method: "ionClear", bubbles: !0, cancelable: !0, composed: !0 }, { name: "ionBlur", method: "ionBlur", bubbles: !0, cancelable: !0, composed: !0 }, { name: "ionFocus", method: "ionFocus", bubbles: !0, cancelable: !0, composed: !0 }]; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "style", { get: function () { return ".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family,inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h   .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md, .ion-color.sc-ion-searchbar-md-h   .searchbar-clear-button.sc-ion-searchbar-md, .ion-color.sc-ion-searchbar-md-h   .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-ms-clear, .searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md > div.sc-ion-searchbar-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-has-value.searchbar-has-focus.sc-ion-searchbar-md-h   .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:.4;pointer-events:none}.sc-ion-searchbar-md-h{--clear-button-color:initial;--cancel-button-color:var(--ion-color-step-900,#1a1a1a);--color:var(--ion-color-step-850,#262626);--icon-color:var(--ion-color-step-600,#666);--background:var(--ion-background-color,#fff);padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;background:inherit}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.searchbar-search-icon.sc-ion-searchbar-md{left:16px;top:11px;width:21px;height:21px}[dir=rtl].sc-ion-searchbar-md-h   .searchbar-search-icon.sc-ion-searchbar-md, [dir=rtl]   .sc-ion-searchbar-md-h   .searchbar-search-icon.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md   .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}.searchbar-cancel-button.sc-ion-searchbar-md{left:5px;top:0;background-color:transparent;font-size:1.6em}[dir=rtl].sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md, [dir=rtl]   .sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md   .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:5px}.searchbar-cancel-button.sc-ion-searchbar-md, .searchbar-search-icon.sc-ion-searchbar-md{position:absolute}.searchbar-cancel-button.activated.sc-ion-searchbar-md, .searchbar-search-icon.activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{padding-left:55px;padding-right:55px;padding-top:6px;padding-bottom:6px;border-radius:2px;background-position:left 8px center;height:auto;font-size:16px;font-weight:400;line-height:30px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-input.sc-ion-searchbar-md{padding-left:unset;padding-right:unset;-webkit-padding-start:55px;padding-inline-start:55px;-webkit-padding-end:55px;padding-inline-end:55px}}[dir=rtl].sc-ion-searchbar-md-h   .searchbar-input.sc-ion-searchbar-md, [dir=rtl]   .sc-ion-searchbar-md-h   .searchbar-input.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md   .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}.searchbar-clear-button.sc-ion-searchbar-md{right:13px;top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-md-h   .searchbar-clear-button.sc-ion-searchbar-md, [dir=rtl]   .sc-ion-searchbar-md-h   .searchbar-clear-button.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md   .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}.searchbar-clear-button.activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:22px;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md, .searchbar-has-focus.sc-ion-searchbar-md-h   .searchbar-search-icon.sc-ion-searchbar-md, .searchbar-should-show-cancel.sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md + .searchbar-search-icon.sc-ion-searchbar-md, .searchbar-should-show-cancel.sc-ion-searchbar-md-h   .searchbar-cancel-button.sc-ion-searchbar-md + .searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h, ion-toolbar   .sc-ion-searchbar-md-h{padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){ion-toolbar.sc-ion-searchbar-md-h, ion-toolbar   .sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px}}"; }, enumerable: !0, configurable: !0 }), Object.defineProperty(e, "styleMode", { get: function () { return "md"; }, enumerable: !0, configurable: !0 }), e; }(), isCancelButtonSetToNever = function (e) { return "never" === e || "false" === e || !1 === e; }, isCancelButtonSetToFocus = function (e) { return "focus" === e || "true" === e || !0 === e || "" === e; };
exports.IonSearchbar = Searchbar;
