{"version":3,"sources":["webpack:///./node_modules/@ionic/core/dist/esm/legacy/ion-searchbar-ios.entry.js"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiC;AAC6F;AAC5E;AACY;AACD;AACJ;AACzD;AACA,iBAAiB,aAAa;AAC9B;AACA;AACA;AACA;AACA,QAAQ,4DAAgB;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,SAAS;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,4DAAW;AACnC,yBAAyB,4DAAW;AACpC,yBAAyB,4DAAW;AACpC,wBAAwB,4DAAW;AACnC,uBAAuB,4DAAW;AAClC,wBAAwB,4DAAW;AACnC;AACA;AACA,yBAAyB,4DAAa;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,eAAe;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,+CAAiB;AAChC,mBAAmB,iDAAmB;AACtC;AACA;AACA;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,4DAAU;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,4DAAiB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC,oDAAM;AAC9C,mBAAmB,4DAAU;AAC7B;AACA;AACA,mCAAmC,EAAE,4DAAkB,sBAAsB;AAC7E;AACA;AACA;AACA;AACA,mBAAmB,4DAAU;AAC7B;AACA;AACA,gFAAgF,4DAAC,YAAY,2MAA2M,EAAE,4DAAC;AAC3S,cAAc,4DAAC,cAAc,uDAAuD;AACpF;AACA;AACA,YAAY,4DAAC,SAAS,qCAAqC,EAAE,4DAAC,WAAW,8CAA8C,+BAA+B,EAAE,oQAAoQ,kCAAkC,4DAAC,cAAc,4EAA4E,GAAG,4DAAC,YAAY,oIAAoI,EAAE,4DAAC,cAAc,0EAA0E;AACxwB;AACA;AACA;AACA;AACA,0BAA0B,QAAQ,4DAAU,OAAO,EAAE;AACrD;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,KAAK;AACL,8CAA8C,QAAQ,4DAAC,CAAC,oDAAI,4CAA4C;AACxG;AACA,0BAA0B,iCAAiC,4BAA4B,iCAAiC,kCAAkC,yBAAyB,kCAAkC,mCAAmC,oBAAoB,aAAa,kBAAkB,sBAAsB,mBAAmB,WAAW,mBAAmB,2CAA2C,8BAA8B,sBAAsB,kCAAkC,gCAAgC,wEAAwE,iCAAiC,+OAA+O,cAAc,4CAA4C,wBAAwB,oBAAoB,gDAAgD,cAAc,kBAAkB,oBAAoB,cAAc,WAAW,sCAAsC,kBAAkB,mBAAmB,oBAAoB,uBAAuB,wBAAwB,sBAAsB,uBAAuB,mBAAmB,oBAAoB,cAAc,8BAA8B,sBAAsB,cAAc,WAAW,SAAS,aAAa,6BAA6B,oBAAoB,wBAAwB,qBAAqB,gBAAgB,iEAAiE,+BAA+B,oBAAoB,yCAAyC,2CAA2C,mCAAmC,wDAAwD,+BAA+B,oBAAoB,yCAAyC,2CAA2C,mCAAmC,4DAA4D,+BAA+B,oBAAoB,yCAAyC,2CAA2C,mCAAmC,6DAA6D,+BAA+B,oBAAoB,yCAAyC,2CAA2C,mCAAmC,mDAAmD,+BAA+B,oBAAoB,yCAAyC,2CAA2C,mCAAmC,sHAAsH,aAAa,8CAA8C,cAAc,eAAe,aAAa,gBAAgB,aAAa,YAAY,SAAS,aAAa,iCAAiC,eAAe,wBAAwB,qBAAqB,gBAAgB,yEAAyE,oBAAoB,aAAa,sBAAsB,mBAAmB,qBAAqB,uBAAuB,WAAW,YAAY,6CAA6C,cAAc,eAAe,aAAa,gBAAgB,eAAe,gBAAgB,cAAc,iBAAiB,aAAa,aAAa,aAAa,gCAAgC,wBAAwB,qBAAqB,gBAAgB,6GAA6G,cAAc,2CAA2C,eAAe,WAAW,oBAAoB,wBAAwB,oDAAoD,uDAAuD,mCAAmC,4CAA4C,wDAAwD,kBAAkB,mBAAmB,iBAAiB,oBAAoB,YAAY,eAAe,6FAA6F,wBAAwB,mBAAmB,oBAAoB,2BAA2B,0BAA0B,yBAAyB,yBAAyB,gDAAgD,YAAY,eAAe,4CAA4C,6BAA6B,SAAS,MAAM,kBAAkB,WAAW,YAAY,eAAe,6FAA6F,4CAA4C,kBAAkB,sCAAsC,sCAAsC,wOAAwO,WAAW,YAAY,UAAU,sCAAsC,kBAAkB,mBAAmB,cAAc,iBAAiB,mBAAmB,YAAY,eAAe,gBAAgB,eAAe,6FAA6F,sCAAsC,mBAAmB,oBAAoB,2BAA2B,0BAA0B,yBAAyB,yBAAyB,6CAA6C,QAAQ,MAAM,wBAAwB,kBAAkB,WAAW,YAAY,SAAS,6BAA6B,2OAA2O,WAAW,YAAY,OAAO,2CAA2C,WAAW,YAAY,8CAA8C,iBAAiB,gBAAgB,cAAc,iBAAiB,oBAAoB,cAAc,6BAA6B,eAAe,6FAA6F,8CAA8C,mBAAmB,oBAAoB,0BAA0B,yBAAyB,sBAAsB,sBAAsB,2FAA2F,cAAc,6FAA6F,2FAA2F,kBAAkB,uBAAuB,uBAAuB,qFAAqF,kBAAkB,6FAA6F,qFAAqF,mBAAmB,2BAA2B,2BAA2B,wRAAwR,cAAc,yKAAyK,gCAAgC,wBAAwB,oOAAoO,UAAU,oBAAoB,yFAAyF,mBAAmB,gCAAgC,wBAAwB,gCAAgC,wBAAwB,UAAU,oBAAoB,6FAA6F,yFAAyF,mBAAmB,yBAAyB,yBAAyB,yQAAyQ,gCAAgC,wBAAwB,gFAAgF,4BAA4B,0BAA0B,sFAAsF,6BAA6B,4HAA4H,cAAc,wNAAwN,mBAAmB,oLAAoL,mBAAmB,WAAW,wMAAwM,mDAAmD,mBAAmB,sNAAsN,mBAAmB,WAAW,EAAE,EAAE;AACv+T;AACA;AACA,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACsC","file":"68.js","sourcesContent":["import * as tslib_1 from \"tslib\";\nimport { r as registerInstance, d as createEvent, c as getIonMode, h, e as getElement, H as Host } from './chunk-09ec7fc0.js';\nimport { b as config } from './chunk-1074393c.js';\nimport { c as createColorClasses } from './chunk-ba834eff.js';\nimport { s as sanitizeDOMString } from './chunk-cae2ca23.js';\nimport { d as debounceEvent } from './chunk-c90aaa66.js';\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nvar Searchbar = /** @class */ (function () {\n    function Searchbar(hostRef) {\n        var _this = this;\n        registerInstance(this, hostRef);\n        this.isCancelVisible = false;\n        this.shouldAlignLeft = true;\n        this.focused = false;\n        this.noAnimate = true;\n        /**\n         * If `true`, enable searchbar animation.\n         */\n        this.animated = false;\n        /**\n         * Set the input's autocomplete property.\n         */\n        this.autocomplete = 'off';\n        /**\n         * Set the input's autocorrect property.\n         */\n        this.autocorrect = 'off';\n        /**\n         * Set the cancel button icon. Only applies to `md` mode.\n         */\n        this.cancelButtonIcon = 'md-arrow-back';\n        /**\n         * Set the the cancel button text. Only applies to `ios` mode.\n         */\n        this.cancelButtonText = 'Cancel';\n        /**\n         * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke.\n         */\n        this.debounce = 250;\n        /**\n         * If `true`, the user cannot interact with the input.\n         */\n        this.disabled = false;\n        /**\n         * Set the input's placeholder.\n         * `placeholder` can accept either plaintext or HTML as a string.\n         * To display characters normally reserved for HTML, they\n         * must be escaped. For example `<Ionic>` would become\n         * `&lt;Ionic&gt;`\n         *\n         * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n         */\n        this.placeholder = 'Search';\n        /**\n         * The icon to use as the search icon.\n         */\n        this.searchIcon = 'search';\n        /**\n         * Sets the behavior for the cancel button. Defaults to `\"never\"`.\n         * Setting to `\"focus\"` shows the cancel button on focus.\n         * Setting to `\"never\"` hides the cancel button.\n         * Setting to `\"always\"` shows the cancel button regardless\n         * of focus state.\n         */\n        this.showCancelButton = 'never';\n        /**\n         * If `true`, enable spellcheck on the input.\n         */\n        this.spellcheck = false;\n        /**\n         * Set the type of the input.\n         */\n        this.type = 'search';\n        /**\n         * the value of the searchbar.\n         */\n        this.value = '';\n        /**\n         * Clears the input field and triggers the control change.\n         */\n        this.onClearInput = function (ev) {\n            _this.ionClear.emit();\n            if (ev) {\n                ev.preventDefault();\n                ev.stopPropagation();\n            }\n            // setTimeout() fixes https://github.com/ionic-team/ionic/issues/7527\n            // wait for 4 frames\n            setTimeout(function () {\n                var value = _this.getValue();\n                if (value !== '') {\n                    _this.value = '';\n                    _this.ionInput.emit();\n                }\n            }, 16 * 4);\n        };\n        /**\n         * Clears the input field and tells the input to blur since\n         * the clearInput function doesn't want the input to blur\n         * then calls the custom cancel function if the user passed one in.\n         */\n        this.onCancelSearchbar = function (ev) {\n            if (ev) {\n                ev.preventDefault();\n                ev.stopPropagation();\n            }\n            _this.ionCancel.emit();\n            _this.onClearInput();\n            if (_this.nativeInput) {\n                _this.nativeInput.blur();\n            }\n        };\n        /**\n         * Update the Searchbar input value when the input changes\n         */\n        this.onInput = function (ev) {\n            var input = ev.target;\n            if (input) {\n                _this.value = input.value;\n            }\n            _this.ionInput.emit(ev);\n        };\n        /**\n         * Sets the Searchbar to not focused and checks if it should align left\n         * based on whether there is a value in the searchbar or not.\n         */\n        this.onBlur = function () {\n            _this.focused = false;\n            _this.ionBlur.emit();\n            _this.positionElements();\n        };\n        /**\n         * Sets the Searchbar to focused and active on input focus.\n         */\n        this.onFocus = function () {\n            _this.focused = true;\n            _this.ionFocus.emit();\n            _this.positionElements();\n        };\n        this.ionInput = createEvent(this, \"ionInput\", 7);\n        this.ionChange = createEvent(this, \"ionChange\", 7);\n        this.ionCancel = createEvent(this, \"ionCancel\", 7);\n        this.ionClear = createEvent(this, \"ionClear\", 7);\n        this.ionBlur = createEvent(this, \"ionBlur\", 7);\n        this.ionFocus = createEvent(this, \"ionFocus\", 7);\n    }\n    Searchbar.prototype.debounceChanged = function () {\n        this.ionChange = debounceEvent(this.ionChange, this.debounce);\n    };\n    Searchbar.prototype.valueChanged = function () {\n        var inputEl = this.nativeInput;\n        var value = this.getValue();\n        if (inputEl && inputEl.value !== value) {\n            inputEl.value = value;\n        }\n        this.ionChange.emit({ value: value });\n    };\n    Searchbar.prototype.showCancelButtonChanged = function () {\n        var _this = this;\n        requestAnimationFrame(function () {\n            _this.positionElements();\n            _this.el.forceUpdate();\n        });\n    };\n    Searchbar.prototype.componentDidLoad = function () {\n        var _this = this;\n        this.positionElements();\n        this.debounceChanged();\n        setTimeout(function () {\n            _this.noAnimate = false;\n        }, 300);\n    };\n    /**\n     * Sets focus on the specified `ion-searchbar`. Use this method instead of the global\n     * `input.focus()`.\n     */\n    Searchbar.prototype.setFocus = function () {\n        return tslib_1.__awaiter(this, void 0, void 0, function () {\n            return tslib_1.__generator(this, function (_a) {\n                if (this.nativeInput) {\n                    this.nativeInput.focus();\n                }\n                return [2 /*return*/];\n            });\n        });\n    };\n    /**\n     * Returns the native `<input>` element used under the hood.\n     */\n    Searchbar.prototype.getInputElement = function () {\n        return Promise.resolve(this.nativeInput);\n    };\n    /**\n     * Positions the input search icon, placeholder, and the cancel button\n     * based on the input value and if it is focused. (ios only)\n     */\n    Searchbar.prototype.positionElements = function () {\n        var value = this.getValue();\n        var prevAlignLeft = this.shouldAlignLeft;\n        var mode = getIonMode(this);\n        var shouldAlignLeft = (!this.animated || value.trim() !== '' || !!this.focused);\n        this.shouldAlignLeft = shouldAlignLeft;\n        if (mode !== 'ios') {\n            return;\n        }\n        if (prevAlignLeft !== shouldAlignLeft) {\n            this.positionPlaceholder();\n        }\n        if (this.animated) {\n            this.positionCancelButton();\n        }\n    };\n    /**\n     * Positions the input placeholder\n     */\n    Searchbar.prototype.positionPlaceholder = function () {\n        var inputEl = this.nativeInput;\n        if (!inputEl) {\n            return;\n        }\n        var isRTL = document.dir === 'rtl';\n        var iconEl = (this.el.shadowRoot || this.el).querySelector('.searchbar-search-icon');\n        if (this.shouldAlignLeft) {\n            inputEl.removeAttribute('style');\n            iconEl.removeAttribute('style');\n        }\n        else {\n            // Create a dummy span to get the placeholder width\n            var doc = document;\n            var tempSpan = doc.createElement('span');\n            tempSpan.innerHTML = sanitizeDOMString(this.placeholder) || '';\n            doc.body.appendChild(tempSpan);\n            // Get the width of the span then remove it\n            var textWidth = tempSpan.offsetWidth;\n            tempSpan.remove();\n            // Calculate the input padding\n            var inputLeft = 'calc(50% - ' + (textWidth / 2) + 'px)';\n            // Calculate the icon margin\n            var iconLeft = 'calc(50% - ' + ((textWidth / 2) + 30) + 'px)';\n            // Set the input padding start and icon margin start\n            if (isRTL) {\n                inputEl.style.paddingRight = inputLeft;\n                iconEl.style.marginRight = iconLeft;\n            }\n            else {\n                inputEl.style.paddingLeft = inputLeft;\n                iconEl.style.marginLeft = iconLeft;\n            }\n        }\n    };\n    /**\n     * Show the iOS Cancel button on focus, hide it offscreen otherwise\n     */\n    Searchbar.prototype.positionCancelButton = function () {\n        var isRTL = document.dir === 'rtl';\n        var cancelButton = (this.el.shadowRoot || this.el).querySelector('.searchbar-cancel-button');\n        var shouldShowCancel = this.shouldShowCancelButton();\n        if (cancelButton && shouldShowCancel !== this.isCancelVisible) {\n            var cancelStyle = cancelButton.style;\n            this.isCancelVisible = shouldShowCancel;\n            if (shouldShowCancel) {\n                if (isRTL) {\n                    cancelStyle.marginLeft = '0';\n                }\n                else {\n                    cancelStyle.marginRight = '0';\n                }\n            }\n            else {\n                var offset = cancelButton.offsetWidth;\n                if (offset > 0) {\n                    if (isRTL) {\n                        cancelStyle.marginLeft = -offset + 'px';\n                    }\n                    else {\n                        cancelStyle.marginRight = -offset + 'px';\n                    }\n                }\n            }\n        }\n    };\n    Searchbar.prototype.getValue = function () {\n        return this.value || '';\n    };\n    Searchbar.prototype.hasValue = function () {\n        return this.getValue() !== '';\n    };\n    /**\n     * Determines whether or not the cancel button should be visible onscreen.\n     * Cancel button should be shown if one of two conditions applies:\n     * 1. `showCancelButton` is set to `always`.\n     * 2. `showCancelButton` is set to `focus`, and the searchbar has been focused.\n     */\n    Searchbar.prototype.shouldShowCancelButton = function () {\n        if (isCancelButtonSetToNever(this.showCancelButton) ||\n            (isCancelButtonSetToFocus(this.showCancelButton) && !this.focused)) {\n            return false;\n        }\n        return true;\n    };\n    Searchbar.prototype.hostData = function () {\n        var _a;\n        var animated = this.animated && config.getBoolean('animated', true);\n        var mode = getIonMode(this);\n        return {\n            'aria-disabled': this.disabled ? 'true' : null,\n            class: Object.assign({}, createColorClasses(this.color), (_a = {}, _a[mode] = true, _a['searchbar-animated'] = animated, _a['searchbar-disabled'] = this.disabled, _a['searchbar-no-animate'] = animated && this.noAnimate, _a['searchbar-has-value'] = this.hasValue(), _a['searchbar-left-aligned'] = this.shouldAlignLeft, _a['searchbar-has-focus'] = this.focused, _a['searchbar-should-show-cancel'] = this.shouldShowCancelButton(), _a))\n        };\n    };\n    Searchbar.prototype.__stencil_render = function () {\n        var _this = this;\n        var mode = getIonMode(this);\n        var clearIcon = this.clearIcon || (mode === 'ios' ? 'ios-close-circle' : 'md-close');\n        var searchIcon = this.searchIcon;\n        var cancelButton = !isCancelButtonSetToNever(this.showCancelButton) && (h(\"button\", { type: \"button\", tabIndex: mode === 'ios' && !this.shouldShowCancelButton() ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: \"searchbar-cancel-button\" }, h(\"div\", null, mode === 'md'\n            ? h(\"ion-icon\", { mode: mode, icon: this.cancelButtonIcon, lazy: false })\n            : this.cancelButtonText)));\n        return [\n            h(\"div\", { class: \"searchbar-input-container\" }, h(\"input\", { disabled: this.disabled, ref: function (el) { return _this.nativeInput = el; }, 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 }), mode === 'md' && cancelButton, h(\"ion-icon\", { mode: mode, icon: searchIcon, lazy: false, class: \"searchbar-search-icon\" }), h(\"button\", { type: \"button\", \"no-blur\": true, class: \"searchbar-clear-button\", onMouseDown: this.onClearInput, onTouchStart: this.onClearInput }, h(\"ion-icon\", { mode: mode, icon: clearIcon, lazy: false, class: \"searchbar-clear-icon\" }))),\n            mode === 'ios' && cancelButton\n        ];\n    };\n    Object.defineProperty(Searchbar.prototype, \"el\", {\n        get: function () { return getElement(this); },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(Searchbar, \"watchers\", {\n        get: function () {\n            return {\n                \"debounce\": [\"debounceChanged\"],\n                \"value\": [\"valueChanged\"],\n                \"showCancelButton\": [\"showCancelButtonChanged\"]\n            };\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Searchbar.prototype.render = function () { return h(Host, this.hostData(), this.__stencil_render()); };\n    Object.defineProperty(Searchbar, \"style\", {\n        get: function () { return \".sc-ion-searchbar-ios-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-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios, .ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{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-ios::-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-ios::-moz-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-ios:-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-ios::-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-ios::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-ios::-ms-clear, .searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{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-ios > div.sc-ion-searchbar-ios{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-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-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-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:.4;pointer-events:none}.sc-ion-searchbar-ios-h{--clear-button-color:var(--ion-color-step-600,#666);--cancel-button-color:var(--ion-color-primary,#3880ff);--color:var(--ion-text-color,#000);--icon-color:var(--ion-color-step-600,#666);--background:rgba(var(--ion-text-color-rgb,0,0,0),0.07);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;height:60px;contain:strict}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.sc-ion-searchbar-ios-h{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}.searchbar-input-container.sc-ion-searchbar-ios{height:36px;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:calc(50% - 60px);left:8px;top:0;position:absolute;width:16px;height:100%;contain:strict}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px)}}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios, [dir=rtl] .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios, [dir=rtl].sc-ion-searchbar-ios .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:8px}.searchbar-input.sc-ion-searchbar-ios{padding-left:28px;padding-right:28px;padding-top:0;padding-bottom:0;border-radius:10px;height:100%;font-size:14px;font-weight:400;contain:strict}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-input.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:28px;padding-inline-start:28px;-webkit-padding-end:28px;padding-inline-end:28px}}.searchbar-clear-button.sc-ion-searchbar-ios{right:0;top:0;background-position:50%;position:absolute;width:30px;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios, [dir=rtl] .sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios, [dir=rtl].sc-ion-searchbar-ios .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:18px;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:8px;padding-right:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:16px}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-cancel-button.sc-ion-searchbar-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:0;padding-inline-end:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:0}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:30px}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{padding-left:unset;-webkit-padding-start:30px;padding-inline-start:30px}}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios, .searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-transition:all .3s ease;transition:all .3s ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:-100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;pointer-events:none}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{margin-right:unset;-webkit-margin-end:-100%;margin-inline-end:-100%}}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios, .searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios, .searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}\\@media (any-hover:hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color), ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb),.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios, ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:.5}\"; },\n        enumerable: true,\n        configurable: true\n    });\n    return Searchbar;\n}());\n/**\n * Check if the cancel button should never be shown.\n *\n * TODO: Remove this when the `true` and `false`\n * options are removed.\n */\nvar isCancelButtonSetToNever = function (showCancelButton) {\n    return (showCancelButton === 'never' ||\n        showCancelButton === 'false' ||\n        showCancelButton === false);\n};\n/**\n * Check if the cancel button should be shown on focus.\n *\n * TODO: Remove this when the `true` and `false`\n * options are removed.\n */\nvar isCancelButtonSetToFocus = function (showCancelButton) {\n    return (showCancelButton === 'focus' ||\n        showCancelButton === 'true' ||\n        showCancelButton === true ||\n        showCancelButton === '');\n};\nexport { Searchbar as ion_searchbar };\n"],"sourceRoot":""}