@tindtechnologies/universalviewer/dist/esm/ion-searchbar-ios.entry-WQYHBHXG.js

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

import{a as g}from"./chunk-PU67WH5C.js";import{b as f}from"./chunk-Y2TXPXZV.js";import{j as d}from"./chunk-4DAZ7WDM.js";import{a as m,e as l,f as v,i as u,l as y,n as w,o as p}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var k=function(t,o,a,n){return new(a||(a=Promise))(function(r,e){function c(i){try{h(n.next(i))}catch(b){e(b)}}function s(i){try{h(n.throw(i))}catch(b){e(b)}}function h(i){i.done?r(i.value):new a(function(b){b(i.value)}).then(c,s)}h((n=n.apply(t,o||[])).next())})},C=function(t,o){var a={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},n,r,e,c;return c={next:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(i){return function(b){return h([i,b])}}function h(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(e=i[0]&2?r.return:i[0]?r.throw||((e=r.return)&&e.call(r),0):r.next)&&!(e=e.call(r,i[1])).done)return e;switch(r=0,e&&(i=[i[0]&2,e.value]),i[0]){case 0:case 1:e=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(e=a.trys,!(e=e.length>0&&e[e.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!e||i[1]>e[0]&&i[1]<e[3])){a.label=i[1];break}if(i[0]===6&&a.label<e[1]){a.label=e[1],e=i;break}if(e&&a.label<e[2]){a.label=e[2],a.ops.push(i);break}e[2]&&a.ops.pop(),a.trys.pop();continue}i=o.call(t,a)}catch(b){i=[6,b],r=0}finally{n=e=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}},E=function(){function t(o){var a=this;m(this,o),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(n){a.ionClear.emit(),n&&(n.preventDefault(),n.stopPropagation()),setTimeout(function(){var r=a.getValue();r!==""&&(a.value="",a.ionInput.emit())},16*4)},this.onCancelSearchbar=function(n){n&&(n.preventDefault(),n.stopPropagation()),a.ionCancel.emit(),a.onClearInput(),a.nativeInput&&a.nativeInput.blur()},this.onInput=function(n){var r=n.target;r&&(a.value=r.value),a.ionInput.emit(n)},this.onBlur=function(){a.focused=!1,a.ionBlur.emit(),a.positionElements()},this.onFocus=function(){a.focused=!0,a.ionFocus.emit(),a.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 t.prototype.debounceChanged=function(){this.ionChange=d(this.ionChange,this.debounce)},t.prototype.valueChanged=function(){var o=this.nativeInput,a=this.getValue();o&&o.value!==a&&(o.value=a),this.ionChange.emit({value:a})},t.prototype.showCancelButtonChanged=function(){var o=this;requestAnimationFrame(function(){o.positionElements(),o.el.forceUpdate()})},t.prototype.connectedCallback=function(){this.emitStyle()},t.prototype.componentDidLoad=function(){var o=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(){o.noAnimate=!1},300)},t.prototype.emitStyle=function(){this.ionStyle.emit({searchbar:!0})},t.prototype.setFocus=function(){return k(this,void 0,void 0,function(){return C(this,function(o){return this.nativeInput&&this.nativeInput.focus(),[2]})})},t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)},t.prototype.positionElements=function(){var o=this.getValue(),a=this.shouldAlignLeft,n=p(this),r=!this.animated||o.trim()!==""||!!this.focused;this.shouldAlignLeft=r,n==="ios"&&(a!==r&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())},t.prototype.positionPlaceholder=function(){var o=this.nativeInput;if(o){var a=document.dir==="rtl",n=(this.el.shadowRoot||this.el).querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)o.removeAttribute("style"),n.removeAttribute("style");else{var r=document,e=r.createElement("span");e.innerHTML=g(this.placeholder)||"",r.body.appendChild(e);var c=e.offsetWidth;e.remove();var s="calc(50% - "+c/2+"px)",h="calc(50% - "+(c/2+30)+"px)";a?(o.style.paddingRight=s,n.style.marginRight=h):(o.style.paddingLeft=s,n.style.marginLeft=h)}}},t.prototype.positionCancelButton=function(){var o=document.dir==="rtl",a=(this.el.shadowRoot||this.el).querySelector(".searchbar-cancel-button"),n=this.shouldShowCancelButton();if(a&&n!==this.isCancelVisible){var r=a.style;if(this.isCancelVisible=n,n)o?r.marginLeft="0":r.marginRight="0";else{var e=a.offsetWidth;e>0&&(o?r.marginLeft=-e+"px":r.marginRight=-e+"px")}}},t.prototype.getValue=function(){return this.value||""},t.prototype.hasValue=function(){return this.getValue()!==""},t.prototype.shouldShowCancelButton=function(){return!(x(this.showCancelButton)||B(this.showCancelButton)&&!this.focused)},t.prototype.render=function(){var o,a=this,n=this.animated&&w.getBoolean("animated",!0),r=p(this),e=this.clearIcon||(r==="ios"?"ios-close-circle":"md-close"),c=this.searchIcon,s=!x(this.showCancelButton)&&l("button",{"aria-label":"cancel",type:"button",tabIndex:r==="ios"&&!this.shouldShowCancelButton()?-1:void 0,onMouseDown:this.onCancelSearchbar,onTouchStart:this.onCancelSearchbar,class:"searchbar-cancel-button"},l("div",null,r==="md"?l("ion-icon",{"aria-hidden":"true",mode:r,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)),(o={},o[r]=!0,o["searchbar-animated"]=n,o["searchbar-disabled"]=this.disabled,o["searchbar-no-animate"]=n&&this.noAnimate,o["searchbar-has-value"]=this.hasValue(),o["searchbar-left-aligned"]=this.shouldAlignLeft,o["searchbar-has-focus"]=this.focused,o["searchbar-should-show-cancel"]=this.shouldShowCancelButton(),o))},l("div",{class:"searchbar-input-container"},l("input",{"aria-label":"search text",disabled:this.disabled,ref:function(h){return a.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}),r==="md"&&s,l("ion-icon",{mode:r,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:r,icon:e,lazy:!1,class:"searchbar-clear-icon"}))),r==="ios"&&s)},Object.defineProperty(t.prototype,"el",{get:function(){return y(this)},enumerable:!0,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"],showCancelButton:["showCancelButtonChanged"]}},enumerable:!0,configurable:!0}),Object.defineProperty(t,"style",{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: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-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:5px}.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: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: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.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:.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}"},enumerable:!0,configurable:!0}),t}(),x=function(t){return t==="never"||t==="false"||t===!1},B=function(t){return t==="focus"||t==="true"||t===!0||t===""};export{E as ion_searchbar};