@tindtechnologies/universalviewer/dist/esm/ion-searchbar-md.entry-JN52TJ7V.js

The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎

import{a as m}from"./chunk-PU67WH5C.js";import{b as f}from"./chunk-Y2TXPXZV.js";import{j as p}from"./chunk-4DAZ7WDM.js";import{a as g,e as l,f as v,i as u,l as y,n as x,o as b}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var C=function(i,r,e,o){return new(e||(e=Promise))(function(t,a){function c(n){try{h(o.next(n))}catch(d){a(d)}}function s(n){try{h(o.throw(n))}catch(d){a(d)}}function h(n){n.done?t(n.value):new e(function(d){d(n.value)}).then(c,s)}h((o=o.apply(i,r||[])).next())})},k=function(i,r){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,t,a,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(n){return function(d){return h([n,d])}}function h(n){if(o)throw new TypeError("Generator is already executing.");for(;e;)try{if(o=1,t&&(a=n[0]&2?t.return:n[0]?t.throw||((a=t.return)&&a.call(t),0):t.next)&&!(a=a.call(t,n[1])).done)return a;switch(t=0,a&&(n=[n[0]&2,a.value]),n[0]){case 0:case 1:a=n;break;case 4:return e.label++,{value:n[1],done:!1};case 5:e.label++,t=n[1],n=[0];continue;case 7:n=e.ops.pop(),e.trys.pop();continue;default:if(a=e.trys,!(a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){e.label=n[1];break}if(n[0]===6&&e.label<a[1]){e.label=a[1],a=n;break}if(a&&e.label<a[2]){e.label=a[2],e.ops.push(n);break}a[2]&&e.ops.pop(),e.trys.pop();continue}n=r.call(i,e)}catch(d){n=[6,d],t=0}finally{o=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}},E=function(){function i(r){var e=this;g(this,r),this.isCancelVisible=!1,this.shouldAlignLeft=!0,this.focused=!1,this.noAnimate=!0,this.animated=!1,this.autocomplete="off",this.autocorrect="off",this.cancelButtonIcon="md-arrow-back",this.cancelButtonText="Cancel",this.debounce=250,this.disabled=!1,this.inputmode="search",this.placeholder="Search",this.searchIcon="search",this.showCancelButton="never",this.spellcheck=!1,this.type="search",this.value="",this.onClearInput=function(o){e.ionClear.emit(),o&&(o.preventDefault(),o.stopPropagation()),setTimeout(function(){var t=e.getValue();t!==""&&(e.value="",e.ionInput.emit())},16*4)},this.onCancelSearchbar=function(o){o&&(o.preventDefault(),o.stopPropagation()),e.ionCancel.emit(),e.onClearInput(),e.nativeInput&&e.nativeInput.blur()},this.onInput=function(o){var t=o.target;t&&(e.value=t.value),e.ionInput.emit(o)},this.onBlur=function(){e.focused=!1,e.ionBlur.emit(),e.positionElements()},this.onFocus=function(){e.focused=!0,e.ionFocus.emit(),e.positionElements()},this.ionInput=u(this,"ionInput",7),this.ionChange=u(this,"ionChange",7),this.ionCancel=u(this,"ionCancel",7),this.ionClear=u(this,"ionClear",7),this.ionBlur=u(this,"ionBlur",7),this.ionFocus=u(this,"ionFocus",7),this.ionStyle=u(this,"ionStyle",7)}return i.prototype.debounceChanged=function(){this.ionChange=p(this.ionChange,this.debounce)},i.prototype.valueChanged=function(){var r=this.nativeInput,e=this.getValue();r&&r.value!==e&&(r.value=e),this.ionChange.emit({value:e})},i.prototype.showCancelButtonChanged=function(){var r=this;requestAnimationFrame(function(){r.positionElements(),r.el.forceUpdate()})},i.prototype.connectedCallback=function(){this.emitStyle()},i.prototype.componentDidLoad=function(){var r=this;(this.showCancelButton==="false"||this.showCancelButton===!1)&&console.warn('The boolean values of showCancelButton are deprecated. Please use "never" instead of "false".'),(this.showCancelButton===""||this.showCancelButton==="true"||this.showCancelButton===!0)&&console.warn('The boolean values of showCancelButton are deprecated. Please use "focus" instead of "true".'),this.positionElements(),this.debounceChanged(),setTimeout(function(){r.noAnimate=!1},300)},i.prototype.emitStyle=function(){this.ionStyle.emit({searchbar:!0})},i.prototype.setFocus=function(){return C(this,void 0,void 0,function(){return k(this,function(r){return this.nativeInput&&this.nativeInput.focus(),[2]})})},i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)},i.prototype.positionElements=function(){var r=this.getValue(),e=this.shouldAlignLeft,o=b(this),t=!this.animated||r.trim()!==""||!!this.focused;this.shouldAlignLeft=t,o==="ios"&&(e!==t&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())},i.prototype.positionPlaceholder=function(){var r=this.nativeInput;if(r){var e=document.dir==="rtl",o=(this.el.shadowRoot||this.el).querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)r.removeAttribute("style"),o.removeAttribute("style");else{var t=document,a=t.createElement("span");a.innerHTML=m(this.placeholder)||"",t.body.appendChild(a);var c=a.offsetWidth;a.remove();var s="calc(50% - "+c/2+"px)",h="calc(50% - "+(c/2+30)+"px)";e?(r.style.paddingRight=s,o.style.marginRight=h):(r.style.paddingLeft=s,o.style.marginLeft=h)}}},i.prototype.positionCancelButton=function(){var r=document.dir==="rtl",e=(this.el.shadowRoot||this.el).querySelector(".searchbar-cancel-button"),o=this.shouldShowCancelButton();if(e&&o!==this.isCancelVisible){var t=e.style;if(this.isCancelVisible=o,o)r?t.marginLeft="0":t.marginRight="0";else{var a=e.offsetWidth;a>0&&(r?t.marginLeft=-a+"px":t.marginRight=-a+"px")}}},i.prototype.getValue=function(){return this.value||""},i.prototype.hasValue=function(){return this.getValue()!==""},i.prototype.shouldShowCancelButton=function(){return!(w(this.showCancelButton)||B(this.showCancelButton)&&!this.focused)},i.prototype.render=function(){var r,e=this,o=this.animated&&x.getBoolean("animated",!0),t=b(this),a=this.clearIcon||(t==="ios"?"ios-close-circle":"md-close"),c=this.searchIcon,s=!w(this.showCancelButton)&&l("button",{"aria-label":"cancel",type:"button",tabIndex:t==="ios"&&!this.shouldShowCancelButton()?-1:void 0,onMouseDown:this.onCancelSearchbar,onTouchStart:this.onCancelSearchbar,class:"searchbar-cancel-button"},l("div",null,t==="md"?l("ion-icon",{"aria-hidden":"true",mode:t,icon:this.cancelButtonIcon,lazy:!1}):this.cancelButtonText));return l(v,{role:"search","aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},f(this.color)),(r={},r[t]=!0,r["searchbar-animated"]=o,r["searchbar-disabled"]=this.disabled,r["searchbar-no-animate"]=o&&this.noAnimate,r["searchbar-has-value"]=this.hasValue(),r["searchbar-left-aligned"]=this.shouldAlignLeft,r["searchbar-has-focus"]=this.focused,r["searchbar-should-show-cancel"]=this.shouldShowCancelButton(),r))},l("div",{class:"searchbar-input-container"},l("input",{"aria-label":"search text",disabled:this.disabled,ref:function(h){return e.nativeInput=h},class:"searchbar-input",inputMode:this.inputmode,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}),t==="md"&&s,l("ion-icon",{mode:t,icon:c,lazy:!1,class:"searchbar-search-icon"}),l("button",{"aria-label":"reset",type:"button","no-blur":!0,class:"searchbar-clear-button",onMouseDown:this.onClearInput,onTouchStart:this.onClearInput},l("ion-icon",{"aria-hidden":"true",mode:t,icon:a,lazy:!1,class:"searchbar-clear-icon"}))),t==="ios"&&s)},Object.defineProperty(i.prototype,"el",{get:function(){return y(this)},enumerable:!0,configurable:!0}),Object.defineProperty(i,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"],showCancelButton:["showCancelButtonChanged"]}},enumerable:!0,configurable:!0}),Object.defineProperty(i,"style",{get:function(){return".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family,inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md, .ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md, .ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-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::-ms-clear, .searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md > div.sc-ion-searchbar-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-has-value.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:.4;pointer-events:none}.sc-ion-searchbar-md-h{--clear-button-color:initial;--cancel-button-color:var(--ion-color-step-900,#1a1a1a);--color:var(--ion-color-step-850,#262626);--icon-color:var(--ion-color-step-600,#666);--background:var(--ion-background-color,#fff);padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;background:inherit}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.searchbar-search-icon.sc-ion-searchbar-md{left:16px;top:11px;width:21px;height:21px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md, [dir=rtl] .sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}.searchbar-cancel-button.sc-ion-searchbar-md{left:5px;top:0;background-color:transparent;font-size:1.6em}[dir=rtl].sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md, [dir=rtl] .sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:5px}.searchbar-cancel-button.sc-ion-searchbar-md, .searchbar-search-icon.sc-ion-searchbar-md{position:absolute}.searchbar-cancel-button.activated.sc-ion-searchbar-md, .searchbar-search-icon.activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{padding-left:55px;padding-right:55px;padding-top:6px;padding-bottom:6px;border-radius:2px;background-position:left 8px center;height:auto;font-size:16px;font-weight:400;line-height:30px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.searchbar-input.sc-ion-searchbar-md{padding-left:unset;padding-right:unset;-webkit-padding-start:55px;padding-inline-start:55px;-webkit-padding-end:55px;padding-inline-end:55px}}[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md, [dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}.searchbar-clear-button.sc-ion-searchbar-md{right:13px;top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}[dir=rtl].sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md, [dir=rtl] .sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md, [dir=rtl].sc-ion-searchbar-md .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}.searchbar-clear-button.activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:22px;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md, .searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md, .searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md + .searchbar-search-icon.sc-ion-searchbar-md, .searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md + .searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h, ion-toolbar .sc-ion-searchbar-md-h{padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){ion-toolbar.sc-ion-searchbar-md-h, ion-toolbar .sc-ion-searchbar-md-h{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px}}"},enumerable:!0,configurable:!0}),i}(),w=function(i){return i==="never"||i==="false"||i===!1},B=function(i){return i==="focus"||i==="true"||i===!0||i===""};export{E as ion_searchbar};