CHIEFSOFT\ameye
1 line
75 KiB
JSON
1 line
75 KiB
JSON
{"ast":null,"code":"import _asyncToGenerator from \"D:/MobileDev/WRB/WrenchBoard2023a/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\";\n\n/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, e as createEvent, j as forceUpdate, h, H as Host, i as getElement } from './index-1a99aeb7.js';\nimport { a as arrowBackSharp, b as closeCircle, d as closeSharp, s as searchOutline, e as searchSharp } from './index-45ecc7ca.js';\nimport { c as config, b as getIonMode } from './ionic-global-04e268e7.js';\nimport { h as debounceEvent, r as raf } from './helpers-4d272360.js';\nimport { i as isRTL } from './dir-e8b767a8.js';\nimport { c as createColorClasses } from './theme-7670341c.js';\nconst searchbarIosCss = \".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-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-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-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-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::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{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-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #3880ff);--clear-button-color:var(--ion-color-step-600, #666666);--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, #666666);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}.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:calc(50% - 60px);left:5px;top:0;position:absolute;width:22px;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 .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-h .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}.searchbar-input.sc-ion-searchbar-ios{padding-left:28px;padding-right:28px;padding-top:0;padding-bottom:0;height:100%;font-size:17px;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:center;position:absolute;width:30px;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-ios .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-h .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-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,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms 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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms 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-search-icon.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-cancel-button.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.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;height:52px}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:0.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), 0.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:0.5}\";\nconst searchbarMdCss = \".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-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-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-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-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::-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-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::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{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;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-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, #1a1a1a);--clear-button-color:initial;--color:var(--ion-color-step-850, #262626);--icon-color:var(--ion-color-step-600, #666666);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 .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-h .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 .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-h .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:5px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-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;background-position:left 8px center;height:auto;font-size:16px;font-weight:400;line-height:30px}@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 .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-h .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 .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-h .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}.searchbar-clear-button.ion-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-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.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}}\";\nconst Searchbar = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\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 this.ionStyle = createEvent(this, \"ionStyle\", 7);\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\n this.animated = false;\n /**\n * Set the input's autocomplete property.\n */\n\n this.autocomplete = 'off';\n /**\n * Set the input's autocorrect property.\n */\n\n this.autocorrect = 'off';\n /**\n * Set the cancel button icon. Only applies to `md` mode.\n * Defaults to `arrow-back-sharp`.\n */\n\n this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);\n /**\n * Set the the cancel button text. Only applies to `ios` mode.\n */\n\n this.cancelButtonText = 'Cancel';\n /**\n * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.\n */\n\n this.debounce = 250;\n /**\n * If `true`, the user cannot interact with the input.\n */\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 * `<Ionic>`\n *\n * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n */\n\n this.placeholder = '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\n this.showCancelButton = 'never';\n /**\n * Sets the behavior for the clear button. Defaults to `\"focus\"`.\n * Setting to `\"focus\"` shows the clear button on focus if the\n * input is not empty.\n * Setting to `\"never\"` hides the clear button.\n * Setting to `\"always\"` shows the clear button regardless\n * of focus state, but only if the input is not empty.\n */\n\n this.showClearButton = 'always';\n /**\n * If `true`, enable spellcheck on the input.\n */\n\n this.spellcheck = false;\n /**\n * Set the type of the input.\n */\n\n this.type = 'search';\n /**\n * the value of the searchbar.\n */\n\n this.value = '';\n /**\n * Clears the input field and triggers the control change.\n */\n\n this.onClearInput = (ev, shouldFocus) => {\n this.ionClear.emit();\n\n if (ev) {\n ev.preventDefault();\n ev.stopPropagation();\n } // setTimeout() fixes https://github.com/ionic-team/ionic/issues/7527\n // wait for 4 frames\n\n\n setTimeout(() => {\n const value = this.getValue();\n\n if (value !== '') {\n this.value = '';\n this.ionInput.emit();\n /**\n * When tapping clear button\n * ensure input is focused after\n * clearing input so users\n * can quickly start typing.\n */\n\n if (shouldFocus && !this.focused) {\n this.setFocus();\n }\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\n\n this.onCancelSearchbar = ev => {\n if (ev) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n this.ionCancel.emit();\n this.onClearInput();\n\n if (this.nativeInput) {\n this.nativeInput.blur();\n }\n };\n /**\n * Update the Searchbar input value when the input changes\n */\n\n\n this.onInput = ev => {\n const input = ev.target;\n\n if (input) {\n this.value = input.value;\n }\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\n\n this.onBlur = () => {\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\n\n this.onFocus = () => {\n this.focused = true;\n this.ionFocus.emit();\n this.positionElements();\n };\n }\n\n debounceChanged() {\n this.ionChange = debounceEvent(this.ionChange, this.debounce);\n }\n\n valueChanged() {\n const inputEl = this.nativeInput;\n const value = this.getValue();\n\n if (inputEl && inputEl.value !== value) {\n inputEl.value = value;\n }\n\n this.ionChange.emit({\n value\n });\n }\n\n showCancelButtonChanged() {\n requestAnimationFrame(() => {\n this.positionElements();\n forceUpdate(this);\n });\n }\n\n connectedCallback() {\n this.emitStyle();\n }\n\n componentDidLoad() {\n this.positionElements();\n this.debounceChanged();\n setTimeout(() => {\n this.noAnimate = false;\n }, 300);\n }\n\n emitStyle() {\n this.ionStyle.emit({\n searchbar: true\n });\n }\n /**\n * Sets focus on the specified `ion-searchbar`. Use this method instead of the global\n * `input.focus()`.\n */\n\n\n setFocus() {\n var _this = this;\n\n return _asyncToGenerator(function* () {\n if (_this.nativeInput) {\n _this.nativeInput.focus();\n }\n })();\n }\n /**\n * Returns the native `<input>` element used under the hood.\n */\n\n\n getInputElement() {\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\n\n positionElements() {\n const value = this.getValue();\n const prevAlignLeft = this.shouldAlignLeft;\n const mode = getIonMode(this);\n const shouldAlignLeft = !this.animated || value.trim() !== '' || !!this.focused;\n this.shouldAlignLeft = shouldAlignLeft;\n\n if (mode !== 'ios') {\n return;\n }\n\n if (prevAlignLeft !== shouldAlignLeft) {\n this.positionPlaceholder();\n }\n\n if (this.animated) {\n this.positionCancelButton();\n }\n }\n /**\n * Positions the input placeholder\n */\n\n\n positionPlaceholder() {\n const inputEl = this.nativeInput;\n\n if (!inputEl) {\n return;\n }\n\n const rtl = isRTL(this.el);\n const iconEl = (this.el.shadowRoot || this.el).querySelector('.searchbar-search-icon');\n\n if (this.shouldAlignLeft) {\n inputEl.removeAttribute('style');\n iconEl.removeAttribute('style');\n } else {\n // Create a dummy span to get the placeholder width\n const doc = document;\n const tempSpan = doc.createElement('span');\n tempSpan.innerText = this.placeholder || '';\n doc.body.appendChild(tempSpan); // Get the width of the span then remove it\n\n raf(() => {\n const textWidth = tempSpan.offsetWidth;\n tempSpan.remove(); // Calculate the input padding\n\n const inputLeft = 'calc(50% - ' + textWidth / 2 + 'px)'; // Calculate the icon margin\n\n const iconLeft = 'calc(50% - ' + (textWidth / 2 + 30) + 'px)'; // Set the input padding start and icon margin start\n\n if (rtl) {\n inputEl.style.paddingRight = inputLeft;\n iconEl.style.marginRight = iconLeft;\n } else {\n inputEl.style.paddingLeft = inputLeft;\n iconEl.style.marginLeft = iconLeft;\n }\n });\n }\n }\n /**\n * Show the iOS Cancel button on focus, hide it offscreen otherwise\n */\n\n\n positionCancelButton() {\n const rtl = isRTL(this.el);\n const cancelButton = (this.el.shadowRoot || this.el).querySelector('.searchbar-cancel-button');\n const shouldShowCancel = this.shouldShowCancelButton();\n\n if (cancelButton && shouldShowCancel !== this.isCancelVisible) {\n const cancelStyle = cancelButton.style;\n this.isCancelVisible = shouldShowCancel;\n\n if (shouldShowCancel) {\n if (rtl) {\n cancelStyle.marginLeft = '0';\n } else {\n cancelStyle.marginRight = '0';\n }\n } else {\n const offset = cancelButton.offsetWidth;\n\n if (offset > 0) {\n if (rtl) {\n cancelStyle.marginLeft = -offset + 'px';\n } else {\n cancelStyle.marginRight = -offset + 'px';\n }\n }\n }\n }\n }\n\n getValue() {\n return this.value || '';\n }\n\n hasValue() {\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\n\n shouldShowCancelButton() {\n if (this.showCancelButton === 'never' || this.showCancelButton === 'focus' && !this.focused) {\n return false;\n }\n\n return true;\n }\n /**\n * Determines whether or not the clear button should be visible onscreen.\n * Clear button should be shown if one of two conditions applies:\n * 1. `showClearButton` is set to `always`.\n * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.\n */\n\n\n shouldShowClearButton() {\n if (this.showClearButton === 'never' || this.showClearButton === 'focus' && !this.focused) {\n return false;\n }\n\n return true;\n }\n\n render() {\n const {\n cancelButtonText\n } = this;\n const animated = this.animated && config.getBoolean('animated', true);\n const mode = getIonMode(this);\n const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);\n const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);\n const shouldShowCancelButton = this.shouldShowCancelButton();\n const cancelButton = this.showCancelButton !== 'never' && h(\"button\", {\n \"aria-label\": cancelButtonText,\n \"aria-hidden\": shouldShowCancelButton ? undefined : 'true',\n type: \"button\",\n tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined,\n onMouseDown: this.onCancelSearchbar,\n onTouchStart: this.onCancelSearchbar,\n class: \"searchbar-cancel-button\"\n }, h(\"div\", {\n \"aria-hidden\": \"true\"\n }, mode === 'md' ? h(\"ion-icon\", {\n \"aria-hidden\": \"true\",\n mode: mode,\n icon: this.cancelButtonIcon,\n lazy: false\n }) : cancelButtonText));\n return h(Host, {\n role: \"search\",\n \"aria-disabled\": this.disabled ? 'true' : null,\n class: createColorClasses(this.color, {\n [mode]: true,\n 'searchbar-animated': animated,\n 'searchbar-disabled': this.disabled,\n 'searchbar-no-animate': animated && this.noAnimate,\n 'searchbar-has-value': this.hasValue(),\n 'searchbar-left-aligned': this.shouldAlignLeft,\n 'searchbar-has-focus': this.focused,\n 'searchbar-should-show-clear': this.shouldShowClearButton(),\n 'searchbar-should-show-cancel': this.shouldShowCancelButton()\n })\n }, h(\"div\", {\n class: \"searchbar-input-container\"\n }, h(\"input\", {\n \"aria-label\": \"search text\",\n disabled: this.disabled,\n ref: el => this.nativeInput = el,\n class: \"searchbar-input\",\n inputMode: this.inputmode,\n enterKeyHint: this.enterkeyhint,\n onInput: this.onInput,\n onBlur: this.onBlur,\n onFocus: this.onFocus,\n placeholder: this.placeholder,\n type: this.type,\n value: this.getValue(),\n autoComplete: this.autocomplete,\n autoCorrect: this.autocorrect,\n spellcheck: this.spellcheck\n }), mode === 'md' && cancelButton, h(\"ion-icon\", {\n \"aria-hidden\": \"true\",\n mode: mode,\n icon: searchIcon,\n lazy: false,\n class: \"searchbar-search-icon\"\n }), h(\"button\", {\n \"aria-label\": \"reset\",\n type: \"button\",\n \"no-blur\": true,\n class: \"searchbar-clear-button\",\n onMouseDown: ev => this.onClearInput(ev, true),\n onTouchStart: ev => this.onClearInput(ev, true)\n }, h(\"ion-icon\", {\n \"aria-hidden\": \"true\",\n mode: mode,\n icon: clearIcon,\n lazy: false,\n class: \"searchbar-clear-icon\"\n }))), mode === 'ios' && cancelButton);\n }\n\n get el() {\n return getElement(this);\n }\n\n static get watchers() {\n return {\n \"debounce\": [\"debounceChanged\"],\n \"value\": [\"valueChanged\"],\n \"showCancelButton\": [\"showCancelButtonChanged\"]\n };\n }\n\n};\nSearchbar.style = {\n ios: searchbarIosCss,\n md: searchbarMdCss\n};\nexport { Searchbar as ion_searchbar };","map":{"version":3,"names":["r","registerInstance","e","createEvent","j","forceUpdate","h","H","Host","i","getElement","a","arrowBackSharp","b","closeCircle","d","closeSharp","s","searchOutline","searchSharp","c","config","getIonMode","debounceEvent","raf","isRTL","createColorClasses","searchbarIosCss","searchbarMdCss","Searchbar","constructor","hostRef","ionInput","ionChange","ionCancel","ionClear","ionBlur","ionFocus","ionStyle","isCancelVisible","shouldAlignLeft","focused","noAnimate","animated","autocomplete","autocorrect","cancelButtonIcon","get","cancelButtonText","debounce","disabled","placeholder","showCancelButton","showClearButton","spellcheck","type","value","onClearInput","ev","shouldFocus","emit","preventDefault","stopPropagation","setTimeout","getValue","setFocus","onCancelSearchbar","nativeInput","blur","onInput","input","target","onBlur","positionElements","onFocus","debounceChanged","valueChanged","inputEl","showCancelButtonChanged","requestAnimationFrame","connectedCallback","emitStyle","componentDidLoad","searchbar","focus","getInputElement","Promise","resolve","prevAlignLeft","mode","trim","positionPlaceholder","positionCancelButton","rtl","el","iconEl","shadowRoot","querySelector","removeAttribute","doc","document","tempSpan","createElement","innerText","body","appendChild","textWidth","offsetWidth","remove","inputLeft","iconLeft","style","paddingRight","marginRight","paddingLeft","marginLeft","cancelButton","shouldShowCancel","shouldShowCancelButton","cancelStyle","offset","hasValue","shouldShowClearButton","render","getBoolean","clearIcon","searchIcon","undefined","tabIndex","onMouseDown","onTouchStart","class","icon","lazy","role","color","ref","inputMode","inputmode","enterKeyHint","enterkeyhint","autoComplete","autoCorrect","watchers","ios","md","ion_searchbar"],"sources":["D:/MobileDev/WRB/WrenchBoard2023a/node_modules/@ionic/core/dist/esm/ion-searchbar.entry.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, e as createEvent, j as forceUpdate, h, H as Host, i as getElement } from './index-1a99aeb7.js';\nimport { a as arrowBackSharp, b as closeCircle, d as closeSharp, s as searchOutline, e as searchSharp } from './index-45ecc7ca.js';\nimport { c as config, b as getIonMode } from './ionic-global-04e268e7.js';\nimport { h as debounceEvent, r as raf } from './helpers-4d272360.js';\nimport { i as isRTL } from './dir-e8b767a8.js';\nimport { c as createColorClasses } from './theme-7670341c.js';\n\nconst searchbarIosCss = \".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-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-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-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-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::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{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-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #3880ff);--clear-button-color:var(--ion-color-step-600, #666666);--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, #666666);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}.searchbar-search-icon.sc-ion-searchbar-ios{margin-left:calc(50% - 60px);left:5px;top:0;position:absolute;width:22px;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 .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-h .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}.searchbar-input.sc-ion-searchbar-ios{padding-left:28px;padding-right:28px;padding-top:0;padding-bottom:0;height:100%;font-size:17px;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:center;position:absolute;width:30px;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-ios .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-h .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-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,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms 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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms 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-search-icon.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-cancel-button.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.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;height:52px}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:0.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), 0.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:0.5}\";\n\nconst searchbarMdCss = \".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-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-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-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-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::-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-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::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{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;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-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, #1a1a1a);--clear-button-color:initial;--color:var(--ion-color-step-850, #262626);--icon-color:var(--ion-color-step-600, #666666);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 .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-h .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 .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-h .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:5px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-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;background-position:left 8px center;height:auto;font-size:16px;font-weight:400;line-height:30px}@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 .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-h .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 .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-h .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}.searchbar-clear-button.ion-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-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.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}}\";\n\nconst Searchbar = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\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 this.ionStyle = createEvent(this, \"ionStyle\", 7);\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 * Defaults to `arrow-back-sharp`.\n */\n this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);\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. This also impacts form bindings such as `ngModel` or `v-model`.\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 * `<Ionic>`\n *\n * For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n */\n this.placeholder = '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 * Sets the behavior for the clear button. Defaults to `\"focus\"`.\n * Setting to `\"focus\"` shows the clear button on focus if the\n * input is not empty.\n * Setting to `\"never\"` hides the clear button.\n * Setting to `\"always\"` shows the clear button regardless\n * of focus state, but only if the input is not empty.\n */\n this.showClearButton = 'always';\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 = (ev, shouldFocus) => {\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(() => {\n const value = this.getValue();\n if (value !== '') {\n this.value = '';\n this.ionInput.emit();\n /**\n * When tapping clear button\n * ensure input is focused after\n * clearing input so users\n * can quickly start typing.\n */\n if (shouldFocus && !this.focused) {\n this.setFocus();\n }\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 = (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 = (ev) => {\n const 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 = () => {\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 = () => {\n this.focused = true;\n this.ionFocus.emit();\n this.positionElements();\n };\n }\n debounceChanged() {\n this.ionChange = debounceEvent(this.ionChange, this.debounce);\n }\n valueChanged() {\n const inputEl = this.nativeInput;\n const value = this.getValue();\n if (inputEl && inputEl.value !== value) {\n inputEl.value = value;\n }\n this.ionChange.emit({ value });\n }\n showCancelButtonChanged() {\n requestAnimationFrame(() => {\n this.positionElements();\n forceUpdate(this);\n });\n }\n connectedCallback() {\n this.emitStyle();\n }\n componentDidLoad() {\n this.positionElements();\n this.debounceChanged();\n setTimeout(() => {\n this.noAnimate = false;\n }, 300);\n }\n emitStyle() {\n this.ionStyle.emit({\n searchbar: true,\n });\n }\n /**\n * Sets focus on the specified `ion-searchbar`. Use this method instead of the global\n * `input.focus()`.\n */\n async setFocus() {\n if (this.nativeInput) {\n this.nativeInput.focus();\n }\n }\n /**\n * Returns the native `<input>` element used under the hood.\n */\n getInputElement() {\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 positionElements() {\n const value = this.getValue();\n const prevAlignLeft = this.shouldAlignLeft;\n const mode = getIonMode(this);\n const 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 positionPlaceholder() {\n const inputEl = this.nativeInput;\n if (!inputEl) {\n return;\n }\n const rtl = isRTL(this.el);\n const 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 const doc = document;\n const tempSpan = doc.createElement('span');\n tempSpan.innerText = this.placeholder || '';\n doc.body.appendChild(tempSpan);\n // Get the width of the span then remove it\n raf(() => {\n const textWidth = tempSpan.offsetWidth;\n tempSpan.remove();\n // Calculate the input padding\n const inputLeft = 'calc(50% - ' + textWidth / 2 + 'px)';\n // Calculate the icon margin\n const iconLeft = 'calc(50% - ' + (textWidth / 2 + 30) + 'px)';\n // Set the input padding start and icon margin start\n if (rtl) {\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 /**\n * Show the iOS Cancel button on focus, hide it offscreen otherwise\n */\n positionCancelButton() {\n const rtl = isRTL(this.el);\n const cancelButton = (this.el.shadowRoot || this.el).querySelector('.searchbar-cancel-button');\n const shouldShowCancel = this.shouldShowCancelButton();\n if (cancelButton && shouldShowCancel !== this.isCancelVisible) {\n const cancelStyle = cancelButton.style;\n this.isCancelVisible = shouldShowCancel;\n if (shouldShowCancel) {\n if (rtl) {\n cancelStyle.marginLeft = '0';\n }\n else {\n cancelStyle.marginRight = '0';\n }\n }\n else {\n const offset = cancelButton.offsetWidth;\n if (offset > 0) {\n if (rtl) {\n cancelStyle.marginLeft = -offset + 'px';\n }\n else {\n cancelStyle.marginRight = -offset + 'px';\n }\n }\n }\n }\n }\n getValue() {\n return this.value || '';\n }\n hasValue() {\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 shouldShowCancelButton() {\n if (this.showCancelButton === 'never' || (this.showCancelButton === 'focus' && !this.focused)) {\n return false;\n }\n return true;\n }\n /**\n * Determines whether or not the clear button should be visible onscreen.\n * Clear button should be shown if one of two conditions applies:\n * 1. `showClearButton` is set to `always`.\n * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.\n */\n shouldShowClearButton() {\n if (this.showClearButton === 'never' || (this.showClearButton === 'focus' && !this.focused)) {\n return false;\n }\n return true;\n }\n render() {\n const { cancelButtonText } = this;\n const animated = this.animated && config.getBoolean('animated', true);\n const mode = getIonMode(this);\n const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);\n const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);\n const shouldShowCancelButton = this.shouldShowCancelButton();\n const cancelButton = this.showCancelButton !== 'never' && (h(\"button\", { \"aria-label\": cancelButtonText, \"aria-hidden\": shouldShowCancelButton ? undefined : 'true', type: \"button\", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: \"searchbar-cancel-button\" }, h(\"div\", { \"aria-hidden\": \"true\" }, mode === 'md' ? (h(\"ion-icon\", { \"aria-hidden\": \"true\", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));\n return (h(Host, { role: \"search\", \"aria-disabled\": this.disabled ? 'true' : null, class: createColorClasses(this.color, {\n [mode]: true,\n 'searchbar-animated': animated,\n 'searchbar-disabled': this.disabled,\n 'searchbar-no-animate': animated && this.noAnimate,\n 'searchbar-has-value': this.hasValue(),\n 'searchbar-left-aligned': this.shouldAlignLeft,\n 'searchbar-has-focus': this.focused,\n 'searchbar-should-show-clear': this.shouldShowClearButton(),\n 'searchbar-should-show-cancel': this.shouldShowCancelButton(),\n }) }, h(\"div\", { class: \"searchbar-input-container\" }, h(\"input\", { \"aria-label\": \"search text\", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: \"searchbar-input\", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, 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\", { \"aria-hidden\": \"true\", mode: mode, icon: searchIcon, lazy: false, class: \"searchbar-search-icon\" }), h(\"button\", { \"aria-label\": \"reset\", type: \"button\", \"no-blur\": true, class: \"searchbar-clear-button\", onMouseDown: (ev) => this.onClearInput(ev, true), onTouchStart: (ev) => this.onClearInput(ev, true) }, h(\"ion-icon\", { \"aria-hidden\": \"true\", mode: mode, icon: clearIcon, lazy: false, class: \"searchbar-clear-icon\" }))), mode === 'ios' && cancelButton));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"debounce\": [\"debounceChanged\"],\n \"value\": [\"valueChanged\"],\n \"showCancelButton\": [\"showCancelButtonChanged\"]\n }; }\n};\nSearchbar.style = {\n ios: searchbarIosCss,\n md: searchbarMdCss\n};\n\nexport { Searchbar as ion_searchbar };\n"],"mappings":"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"},"metadata":{},"sourceType":"module"} |