/*! Built with http://stenciljs.com */
const{h:t}=window.CollectiveWebcomponents;class e{constructor(){this.selected=!1}render(){return t("div",{style:{backgroundColor:"white",width:"180px",height:"300px",marginRight:"10px",marginBottom:"10px",display:"flex",flexDirection:"column",alignItems:"stretch",padding:"10px",cursor:"pointer"}},t("div",{style:{flexGrow:"1",backgroundImage:`url(${this.product.image.sizes.XLarge.url})`,backgroundPosition:"center",backgroundSize:"contain",backgroundRepeat:"no-repeat",marginBottom:"10px"}}),t("div",{class:"name",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"14px"}},this.product.brandedName),t("div",{class:"price",style:{display:"flex",marginBottom:"10px",fontWeight:"bold",fontSize:"15px",marginTop:"10px"}},this.product.salePriceLabel&&t("div",{class:"sale-price",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginRight:"5px"}},this.product.salePriceLabel),t("div",{class:"full-price",style:Object.assign({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},this.product.salePriceLabel?{opacity:"0.5",textDecoration:"line-through"}:{})},this.product.priceLabel)),t("div",{class:"commission",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"12px",display:"flex"}},t("div",{style:{color:"#757575"}},"Est. Commission:"),t("div",{style:{fontWeight:"bold",marginLeft:"5px"}},this.product.commissionLabel)))}static get is(){return"collective-product-cell"}static get properties(){return{product:{type:"Any",attr:"product"},selected:{type:Boolean,attr:"selected"}}}static get style(){return"collective-product-cell{font-family:Averta,\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif}"}}function n(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}var i="undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{},o="object"==typeof i&&i&&i.Object===Object&&i,r="object"==typeof self&&self&&self.Object===Object&&self,s=o||r||Function("return this")(),a=function(){return s.Date.now()},c=s.Symbol,l=Object.prototype,u=l.hasOwnProperty,h=l.toString,d=c?c.toStringTag:void 0,p=Object.prototype.toString,f="[object Null]",m="[object Undefined]",y=c?c.toStringTag:void 0;function b(t){return null==t?void 0===t?m:f:y&&y in Object(t)?function(t){var e=u.call(t,d),n=t[d];try{t[d]=void 0}catch(t){}var i=h.call(t);return e?t[d]=n:delete t[d],i}(t):function(t){return p.call(t)}(t)}var g="[object Symbol]",v=NaN,w=/^\s+|\s+$/g,x=/^[-+]0x[0-9a-f]+$/i,C=/^0b[01]+$/i,S=/^0o[0-7]+$/i,k=parseInt;function B(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return null!=t&&"object"==typeof t}(t)&&b(t)==g}(t))return v;if(n(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=n(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(w,"");var i=C.test(t);return i||S.test(t)?k(t.slice(2),i?2:8):x.test(t)?v:+t}var L="Expected a function",$=Math.max,D=Math.min;function T(t){return t}var I,j=Math.max,A="[object AsyncFunction]",O="[object Function]",R="[object GeneratorFunction]",F="[object Proxy]",M=s["__core-js_shared__"],P=(I=/[^.]+$/.exec(M&&M.keys&&M.keys.IE_PROTO||""))?"Symbol(src)_1."+I:"",E=Function.prototype.toString,q=/^\[object .+?Constructor\]$/,U=Function.prototype,W=Object.prototype,N=U.toString,_=W.hasOwnProperty,z=RegExp("^"+N.call(_).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var G,K,V,X=function(){try{var t=function(t){return!(!n(t)||P&&P in t)&&(function(t){if(!n(t))return!1;var e=b(t);return e==O||e==R||e==A||e==F}(t)?z:q).test(function(t){if(null!=t){try{return E.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(t))}(e=function(t,e){return null==t?void 0:t.defineProperty}(Object))?e:void 0;return t({},"",{}),t}catch(t){}var e}(),Y=X?function(t,e){return X(t,"toString",{configurable:!0,enumerable:!1,value:(n=e,function(){return n}),writable:!0});var n}:T,H=Date.now,J=(G=Y,K=0,V=0,function(){var t=H(),e=16-(t-V);if(V=t,e>0){if(++K>=800)return arguments[0]}else K=0;return G.apply(void 0,arguments)});function Q(t){return t!=t}function Z(t,e,n){return e==e?function(t,e,n){for(var i=n-1,o=t.length;++i<o;)if(t[i]===e)return i;return-1}(t,e,n):function(t,e,n,i){for(var o=t.length,r=n+-1;++r<o;)if(e(t[r],r,t))return r;return-1}(t,Q,n)}function tt(t,e,n,i){for(var o=n-1,r=t.length;++o<r;)if(i(t[o],e))return o;return-1}var et=Array.prototype.splice;var nt=function(t,e){return J(function(t,e,n){return e=j(void 0===e?t.length-1:e,0),function(){for(var i=arguments,o=-1,r=j(i.length-e,0),s=Array(r);++o<r;)s[o]=i[e+o];o=-1;for(var a=Array(e+1);++o<e;)a[o]=i[o];return a[e]=n(s),function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}(t,this,a)}}(t,void 0,T),t+"")}(function(t,e){return t&&t.length&&e&&e.length?function(t,e,n,i){var o,r=i?tt:Z,s=-1,a=e.length,c=t;for(t===e&&(e=function(t,e){var n=-1,i=t.length;for(e||(e=Array(i));++n<i;)e[n]=t[n];return e}(e)),n&&(c=function(t,e){for(var n=-1,i=null==t?0:t.length,o=Array(i);++n<i;)o[n]=e(t[n],n,t);return o}(t,(o=n,function(t){return o(t)})));++s<a;)for(var l=0,u=e[s],h=n?n(u):u;(l=r(c,h,l,i))>-1;)c!==t&&et.call(c,l,1),et.call(t,l,1);return t}(t,e):t}),it=function(t,e,n,i){return new(n||(n=Promise))(function(o,r){function s(t){try{c(i.next(t))}catch(t){r(t)}}function a(t){try{c(i.throw(t))}catch(t){r(t)}}function c(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(s,a)}c((i=i.apply(t,e||[])).next())})};class ot{constructor(){this.showModal=!1,this.searchText="",this.products=[],this.loading=!1,this.throttledUpdateSearch=function(t,e,i){var o,r,s,c,l,u,h=0,d=!1,p=!1,f=!0;if("function"!=typeof t)throw new TypeError(L);function m(e){var n=o,i=r;return o=r=void 0,h=e,c=t.apply(i,n)}function y(t){var n=t-u;return void 0===u||n>=e||n<0||p&&t-h>=s}function b(){var t=a();if(y(t))return g(t);l=setTimeout(b,function(t){var n=e-(t-u);return p?D(n,s-(t-h)):n}(t))}function g(t){return l=void 0,f&&o?m(t):(o=r=void 0,c)}function v(){var t=a(),n=y(t);if(o=arguments,r=this,u=t,n){if(void 0===l)return function(t){return h=t,l=setTimeout(b,e),d?m(t):c}(u);if(p)return l=setTimeout(b,e),m(u)}return void 0===l&&(l=setTimeout(b,e)),c}return e=B(e)||0,n(i)&&(d=!!i.leading,s=(p="maxWait"in i)?$(B(i.maxWait)||0,e):s,f="trailing"in i?!!i.trailing:f),v.cancel=function(){void 0!==l&&clearTimeout(l),h=0,o=u=r=l=void 0},v.flush=function(){return void 0===l?c:g(a())},v}(this.updateSearch.bind(this),500)}searchTextChanged(){this.throttledUpdateSearch()}updateSearch(){return it(this,void 0,void 0,function*(){this.loading=!0;try{const t=yield fetch(`https://api.shopstyle.com/api/v2/products?pid=shopstyle&fts=${encodeURIComponent(this.searchText)}&showCommission=true&view=angular&mpid=uid4289-41036017-65&limit=40`),{products:e}=yield t.json();this.products=e}finally{this.loading=!1}})}componentDidLoad(){this.updateSearch()}toggleProduct(t){this.isProductSelected(t)?this.change.emit(nt(this.value.slice(),String(t.id))):this.change.emit((this.value||[]).concat([String(t.id)]))}isProductSelected(t){return this.value&&this.value.indexOf(String(t.id))>-1}render(){return t("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch",backgroundColor:"#f6f6f6",height:"100%",maxWidth:"100%",width:"700px",flexGrow:"1"}},t("ion-searchbar",{style:{flexShrink:"0",paddingLeft:"2px",paddingRight:"2px"},value:this.searchText,onIonInput:t=>{const e=t.target.value;this.searchText=e}}),t("div",{class:"products-container",style:{flexGrow:"1",overflow:"auto",display:"flex",flexDirection:"column",alignItems:"stretch"}},this.loading?t("ion-spinner",{color:"primary",style:{margin:"auto"}}):t("div",{class:"inner-products-container",style:{padding:"10px 2px",display:"flex",flexWrap:"wrap",justifyContent:"center"}},this.products.map(e=>t("collective-product-cell",{style:{opacity:this.isProductSelected(e)?"0.5":"1"},onClick:()=>this.toggleProduct(e),product:e})))))}static get is(){return"collective-products-chooser"}static get properties(){return{element:{elementRef:!0},loading:{state:!0},products:{state:!0},searchText:{state:!0,watchCallbacks:["searchTextChanged"]},showModal:{state:!0},value:{type:"Any",attr:"value"}}}static get events(){return[{name:"change",method:"change",bubbles:!0,cancelable:!0,composed:!0}]}static get style(){return"collective-products-chooser{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-family:Averta,\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;background-color:#f6f6f6}"}}class rt{constructor(){this.showSearch=!1}valueChanged(){this.productsChooser&&(this.productsChooser.value=this.value)}render(){return t("div",null,t("ion-button",{onClick:()=>{this.showSearch=!this.showSearch},color:this.showSearch?"light":"primary"},this.showSearch?"Collapse":"Choose products"),this.showSearch&&t("collective-products-chooser",{style:{height:"500px",width:"100%"},value:this.value,onChange:t=>this.change.emit(t.detail)}))}static get is(){return"collective-products-chooser-button"}static get properties(){return{element:{elementRef:!0},showSearch:{state:!0},value:{type:"Any",attr:"value",watchCallbacks:["valueChanged"]}}}static get events(){return[{name:"change",method:"change",bubbles:!0,cancelable:!0,composed:!0}]}static get style(){return"collective-product-chooser{font-family:Averta,\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif}"}}function st(t,e,n){const i={};return function(t){if(t){return(Array.isArray(t)?t:t.split(" ")).filter(t=>null!=t).map(t=>t.trim()).filter(t=>""!==t)}return[]}(n).forEach(n=>{i[n]=!0,t&&(i[`${n}-${t}`]=!0,e&&(i[`${n}-${e}`]=!0,i[`${n}-${t}-${e}`]=!0))}),i}class at{constructor(){this.keyFocus=!1,this.buttonType="button",this.disabled=!1,this.fill="default",this.strong=!1,this.type="button"}componentWillLoad(){this.el.closest("ion-buttons")&&(this.buttonType="bar-button")}onFocus(){this.ionFocus.emit()}onKeyUp(){this.keyFocus=!0}onBlur(){this.keyFocus=!1,this.ionBlur.emit()}render(){const{buttonType:e,color:n,expand:i,fill:o,mode:r,shape:s,size:a,strong:c}=this,l=this.href?"a":"button",u=Object.assign({},function(t,e){return t?{[t]:!0,[`${t}-${e}`]:!0}:{}}(e,r),ct(e,i,r),ct(e,a,r),ct(e,s,r),ct(e,c?"strong":void 0,r),function(t,e,n,i){let o=t;"bar-button"!==t&&"solid"===n&&(n="default"),n&&"default"!==n&&(o+=`-${n.toLowerCase()}`),"bar-button"===t&&"default"===n&&(o=t,e||(o+="-"+n.toLowerCase()));const r={[o]:!0,[`${o}-${i}`]:!0};return e&&(r[`${o}-${i}-${e}`]=!0),r}(e,n,o,r),function(t){const e={};for(let n=0;n<t.length;n++)e[t[n]]=!0;return e}(this.el.classList),{focused:this.keyFocus}),h="button"===l?{type:this.type}:{href:this.href};return t(l,Object.assign({},h,{class:u,disabled:this.disabled,onFocus:this.onFocus.bind(this),onKeyUp:this.onKeyUp.bind(this),onBlur:this.onBlur.bind(this),onClick:t=>(async function(t,e,n,i){if(e&&"#"!==e[0]&&-1===e.indexOf("://")){const o=t.document.querySelector("ion-router");if(o)return n&&n.preventDefault(),await o.componentOnReady(),o.push(e,i)}return Promise.resolve()})(this.win,this.href,t,this.routerDirection)}),t("span",{class:"button-inner"},t("slot",{name:"icon-only"}),t("slot",{name:"start"}),t("slot",null),t("slot",{name:"end"})),"md"===this.mode&&t("ion-ripple-effect",{tapClick:!0}))}static get is(){return"ion-button"}static get properties(){return{buttonType:{type:String,attr:"button-type",mutable:!0},color:{type:String,attr:"color"},disabled:{type:Boolean,attr:"disabled"},el:{elementRef:!0},expand:{type:String,attr:"expand"},fill:{type:String,attr:"fill"},href:{type:String,attr:"href"},keyFocus:{state:!0},mode:{type:String,attr:"mode"},routerDirection:{type:String,attr:"router-direction"},shape:{type:String,attr:"shape"},size:{type:String,attr:"size"},strong:{type:Boolean,attr:"strong"},type:{type:String,attr:"type"},win:{context:"window"}}}static get events(){return[{name:"ionFocus",method:"ionFocus",bubbles:!0,cancelable:!0,composed:!0},{name:"ionBlur",method:"ionBlur",bubbles:!0,cancelable:!0,composed:!0}]}static get style(){return".button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-align:center;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;position:relative;z-index:0;display:inline-block;border:0;line-height:1;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;cursor:pointer;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-transition:background-color,opacity .1s linear;transition:background-color,opacity .1s linear;-webkit-font-kerning:none;font-kerning:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;contain:content}.button:active,.button:focus{outline:0}.button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.button-block{display:block;clear:both;width:100%;contain:strict}.button-block::after{clear:both}.button-full{display:block;width:100%;contain:strict}.button-full.button-outline{border-radius:0;border-right-width:0;border-left-width:0}.button ion-icon{font-size:1.4em;pointer-events:none}.button ion-icon[slot=start]{margin:0 .3em 0 -.3em}.button ion-icon[slot=end]{margin:0 -.2em 0 .3em}.button ion-icon[slot=icon-only]{font-size:1.8em}.button-ios{border-radius:8px;margin:4px 2px;padding:0 1em;height:2.8em;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.03em;color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));background-color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.button-ios.activated{background-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0));opacity:1}.button-ios.focused{background-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0))}.button-ios:hover{opacity:.8}.button[disabled],a[disabled],button[disabled]{cursor:default;pointer-events:none;opacity:.5}.button-large-ios{padding:0 1em;height:2.8em;font-size:20px}.button-small-ios{padding:0 .9em;height:2.1em;font-size:13px}.button-block-ios{margin-left:0;margin-right:0}.button-full-ios{margin-left:0;margin-right:0;border-radius:0;border-right-width:0;border-left-width:0}.button-outline-ios{border-radius:8px;border-width:1px;border-style:solid;border-color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));background-color:transparent}.button-outline-ios.activated{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));background-color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));opacity:1}.button-outline-ios.focused{background-color:rgba(var(--ion-color-ios-primary-rgb,var(--ion-color-primary-rgb,56,128,255)),.25)}.button-outline-ios.activated.focused{border-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0));background-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0))}.button-clear-ios{border-color:transparent;color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));background-color:transparent}.button-clear-ios.activated{background-color:transparent;opacity:.4}.button-clear-ios.focused{background-color:rgba(var(--ion-color-ios-primary-rgb,var(--ion-color-primary-rgb,56,128,255)),.25)}.button-clear-ios:hover{color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));opacity:.6}.button-round-ios{border-radius:64px;padding:0 26px}.button-ios-primary{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));background-color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.button-ios-primary.activated,.button-ios-primary.focused{background-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0))}.button-outline-ios-primary{border-color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));background-color:transparent}.button-outline-ios-primary.activated{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));background-color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.button-outline-ios-primary.focused{background-color:rgba(var(--ion-color-ios-primary-rgb,var(--ion-color-primary-rgb,56,128,255)),.25)}.button-outline-ios-primary.activated.focused{border-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0));background-color:var(--ion-color-ios-primary-shade,var(--ion-color-primary-shade,#3171e0))}.button-clear-ios-primary{border-color:transparent;color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));background-color:transparent}.button-clear-ios-primary.activated{opacity:.4}.button-clear-ios-primary.focused{background-color:rgba(var(--ion-color-ios-primary-rgb,var(--ion-color-primary-rgb,56,128,255)),.25)}.button-clear-ios-primary:hover{color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.button-ios-secondary{color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff));background-color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8))}.button-ios-secondary.activated,.button-ios-secondary.focused{background-color:var(--ion-color-ios-secondary-shade,var(--ion-color-secondary-shade,#0bb8cc))}.button-outline-ios-secondary{border-color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8));color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8));background-color:transparent}.button-outline-ios-secondary.activated{color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff));background-color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8))}.button-outline-ios-secondary.focused{background-color:rgba(var(--ion-color-ios-secondary-rgb,var(--ion-color-secondary-rgb,12,209,232)),.25)}.button-outline-ios-secondary.activated.focused{border-color:var(--ion-color-ios-secondary-shade,var(--ion-color-secondary-shade,#0bb8cc));background-color:var(--ion-color-ios-secondary-shade,var(--ion-color-secondary-shade,#0bb8cc))}.button-clear-ios-secondary{border-color:transparent;color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8));background-color:transparent}.button-clear-ios-secondary.activated{opacity:.4}.button-clear-ios-secondary.focused{background-color:rgba(var(--ion-color-ios-secondary-rgb,var(--ion-color-secondary-rgb,12,209,232)),.25)}.button-clear-ios-secondary:hover{color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8))}.button-ios-tertiary{color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff));background-color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff))}.button-ios-tertiary.activated,.button-ios-tertiary.focused{background-color:var(--ion-color-ios-tertiary-shade,var(--ion-color-tertiary-shade,#633ce0))}.button-outline-ios-tertiary{border-color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff));color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff));background-color:transparent}.button-outline-ios-tertiary.activated{color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff));background-color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff))}.button-outline-ios-tertiary.focused{background-color:rgba(var(--ion-color-ios-tertiary-rgb,var(--ion-color-tertiary-rgb,112,68,255)),.25)}.button-outline-ios-tertiary.activated.focused{border-color:var(--ion-color-ios-tertiary-shade,var(--ion-color-tertiary-shade,#633ce0));background-color:var(--ion-color-ios-tertiary-shade,var(--ion-color-tertiary-shade,#633ce0))}.button-clear-ios-tertiary{border-color:transparent;color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff));background-color:transparent}.button-clear-ios-tertiary.activated{opacity:.4}.button-clear-ios-tertiary.focused{background-color:rgba(var(--ion-color-ios-tertiary-rgb,var(--ion-color-tertiary-rgb,112,68,255)),.25)}.button-clear-ios-tertiary:hover{color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff))}.button-ios-success{color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff));background-color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60))}.button-ios-success.activated,.button-ios-success.focused{background-color:var(--ion-color-ios-success-shade,var(--ion-color-success-shade,#0ec254))}.button-outline-ios-success{border-color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60));color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60));background-color:transparent}.button-outline-ios-success.activated{color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff));background-color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60))}.button-outline-ios-success.focused{background-color:rgba(var(--ion-color-ios-success-rgb,var(--ion-color-success-rgb,16,220,96)),.25)}.button-outline-ios-success.activated.focused{border-color:var(--ion-color-ios-success-shade,var(--ion-color-success-shade,#0ec254));background-color:var(--ion-color-ios-success-shade,var(--ion-color-success-shade,#0ec254))}.button-clear-ios-success{border-color:transparent;color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60));background-color:transparent}.button-clear-ios-success.activated{opacity:.4}.button-clear-ios-success.focused{background-color:rgba(var(--ion-color-ios-success-rgb,var(--ion-color-success-rgb,16,220,96)),.25)}.button-clear-ios-success:hover{color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60))}.button-ios-warning{color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff));background-color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00))}.button-ios-warning.activated,.button-ios-warning.focused{background-color:var(--ion-color-ios-warning-shade,var(--ion-color-warning-shade,#e0b500))}.button-outline-ios-warning{border-color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00));color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00));background-color:transparent}.button-outline-ios-warning.activated{color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff));background-color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00))}.button-outline-ios-warning.focused{background-color:rgba(var(--ion-color-ios-warning-rgb,var(--ion-color-warning-rgb,255,206,0)),.25)}.button-outline-ios-warning.activated.focused{border-color:var(--ion-color-ios-warning-shade,var(--ion-color-warning-shade,#e0b500));background-color:var(--ion-color-ios-warning-shade,var(--ion-color-warning-shade,#e0b500))}.button-clear-ios-warning{border-color:transparent;color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00));background-color:transparent}.button-clear-ios-warning.activated{opacity:.4}.button-clear-ios-warning.focused{background-color:rgba(var(--ion-color-ios-warning-rgb,var(--ion-color-warning-rgb,255,206,0)),.25)}.button-clear-ios-warning:hover{color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00))}.button-ios-danger{color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff));background-color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141))}.button-ios-danger.activated,.button-ios-danger.focused{background-color:var(--ion-color-ios-danger-shade,var(--ion-color-danger-shade,#d33939))}.button-outline-ios-danger{border-color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141));color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141));background-color:transparent}.button-outline-ios-danger.activated{color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff));background-color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141))}.button-outline-ios-danger.focused{background-color:rgba(var(--ion-color-ios-danger-rgb,var(--ion-color-danger-rgb,240,65,65)),.25)}.button-outline-ios-danger.activated.focused{border-color:var(--ion-color-ios-danger-shade,var(--ion-color-danger-shade,#d33939));background-color:var(--ion-color-ios-danger-shade,var(--ion-color-danger-shade,#d33939))}.button-clear-ios-danger{border-color:transparent;color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141));background-color:transparent}.button-clear-ios-danger.activated{opacity:.4}.button-clear-ios-danger.focused{background-color:rgba(var(--ion-color-ios-danger-rgb,var(--ion-color-danger-rgb,240,65,65)),.25)}.button-clear-ios-danger:hover{color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141))}.button-ios-light{color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000));background-color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8))}.button-ios-light.activated,.button-ios-light.focused{background-color:var(--ion-color-ios-light-shade,var(--ion-color-light-shade,#d7d8da))}.button-outline-ios-light{border-color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8));color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8));background-color:transparent}.button-outline-ios-light.activated{color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000));background-color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8))}.button-outline-ios-light.focused{background-color:rgba(var(--ion-color-ios-light-rgb,var(--ion-color-light-rgb,244,245,248)),.25)}.button-outline-ios-light.activated.focused{border-color:var(--ion-color-ios-light-shade,var(--ion-color-light-shade,#d7d8da));background-color:var(--ion-color-ios-light-shade,var(--ion-color-light-shade,#d7d8da))}.button-clear-ios-light{border-color:transparent;color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8));background-color:transparent}.button-clear-ios-light.activated{opacity:.4}.button-clear-ios-light.focused{background-color:rgba(var(--ion-color-ios-light-rgb,var(--ion-color-light-rgb,244,245,248)),.25)}.button-clear-ios-light:hover{color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8))}.button-ios-medium{color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff));background-color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2))}.button-ios-medium.activated,.button-ios-medium.focused{background-color:var(--ion-color-ios-medium-shade,var(--ion-color-medium-shade,#86888f))}.button-outline-ios-medium{border-color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2));color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2));background-color:transparent}.button-outline-ios-medium.activated{color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff));background-color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2))}.button-outline-ios-medium.focused{background-color:rgba(var(--ion-color-ios-medium-rgb,var(--ion-color-medium-rgb,152,154,162)),.25)}.button-outline-ios-medium.activated.focused{border-color:var(--ion-color-ios-medium-shade,var(--ion-color-medium-shade,#86888f));background-color:var(--ion-color-ios-medium-shade,var(--ion-color-medium-shade,#86888f))}.button-clear-ios-medium{border-color:transparent;color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2));background-color:transparent}.button-clear-ios-medium.activated{opacity:.4}.button-clear-ios-medium.focused{background-color:rgba(var(--ion-color-ios-medium-rgb,var(--ion-color-medium-rgb,152,154,162)),.25)}.button-clear-ios-medium:hover{color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2))}.button-ios-dark{color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff));background-color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428))}.button-ios-dark.activated,.button-ios-dark.focused{background-color:var(--ion-color-ios-dark-shade,var(--ion-color-dark-shade,#1e2023))}.button-outline-ios-dark{border-color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428));color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428));background-color:transparent}.button-outline-ios-dark.activated{color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff));background-color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428))}.button-outline-ios-dark.focused{background-color:rgba(var(--ion-color-ios-dark-rgb,var(--ion-color-dark-rgb,34,36,40)),.25)}.button-outline-ios-dark.activated.focused{border-color:var(--ion-color-ios-dark-shade,var(--ion-color-dark-shade,#1e2023));background-color:var(--ion-color-ios-dark-shade,var(--ion-color-dark-shade,#1e2023))}.button-clear-ios-dark{border-color:transparent;color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428));background-color:transparent}.button-clear-ios-dark.activated{opacity:.4}.button-clear-ios-dark.focused{background-color:rgba(var(--ion-color-ios-dark-rgb,var(--ion-color-dark-rgb,34,36,40)),.25)}.button-clear-ios-dark:hover{color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428))}.button-strong-ios{font-weight:600}"}static get styleMode(){return"ios"}}function ct(t,e,n){return e?{[`${t}-${e=e.toLocaleLowerCase()}`]:!0,[`${t}-${e}-${n}`]:!0}:{}}function lt(t){return t.timeStamp||Date.now()}class ut{constructor(){this.lastClick=-1e4,this.tapClick=!1}tapClickChanged(t){this.enableListener(this,"parent:ionActivated",t),this.enableListener(this,"touchstart",!t),this.enableListener(this,"mousedown",!t)}ionActivated(t){this.addRipple(t.detail.x,t.detail.y)}touchStart(t){this.lastClick=lt(t);const e=t.touches[0];this.addRipple(e.clientX,e.clientY)}mouseDown(t){const e=lt(t);this.lastClick<e-1e3&&this.addRipple(t.pageX,t.pageY)}componentDidLoad(){this.tapClickChanged(this.tapClick)}addRipple(t,e){let n,i,o;this.queue.read(()=>{const r=this.el.getBoundingClientRect(),s=r.width,a=r.height;o=Math.min(2*Math.sqrt(s*s+a*a),pt),n=t-r.left-o/2,i=e-r.top-o/2}),this.queue.write(()=>{const t=this.doc.createElement("div");t.classList.add("ripple-effect");const e=t.style,r=Math.max(ht*Math.sqrt(o),dt);e.top=i+"px",e.left=n+"px",e.width=o+"px",e.height=o+"px",e.animationDuration=r+"ms",this.el.appendChild(t),setTimeout(()=>t.remove(),r+50)})}static get is(){return"ion-ripple-effect"}static get properties(){return{addRipple:{method:!0},doc:{context:"document"},el:{elementRef:!0},enableListener:{context:"enableListener"},queue:{context:"queue"},tapClick:{type:Boolean,attr:"tap-click",watchCallbacks:["tapClickChanged"]}}}static get listeners(){return[{name:"parent:ionActivated",method:"ionActivated",disabled:!0},{name:"touchstart",method:"touchStart",disabled:!0,passive:!0},{name:"mousedown",method:"mouseDown",disabled:!0,passive:!0}]}static get style(){return"ion-ripple-effect{left:0;right:0;top:0;bottom:0;position:absolute;contain:strict}.ripple-effect{border-radius:50%;position:absolute;background-color:var(--ion-ripple-background-color,#000);opacity:0;will-change:transform,opacity;pointer-events:none;-webkit-animation-name:rippleAnimation;animation-name:rippleAnimation;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;contain:strict}\@-webkit-keyframes rippleAnimation{0%{opacity:.2;-webkit-transform:scale(.1);transform:scale(.1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}\@keyframes rippleAnimation{0%{opacity:.2;-webkit-transform:scale(.1);transform:scale(.1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}"}}const ht=35,dt=260,pt=550;class ft{constructor(){this.isCancelVisible=!1,this.shouldBlur=!0,this.shouldAlignLeft=!0,this.activated=!1,this.focused=!1,this.animated=!1,this.autocomplete="off",this.autocorrect="off",this.cancelButtonText="Cancel",this.debounce=250,this.placeholder="Search",this.showCancelButton=!1,this.spellcheck=!1,this.type="search",this.value=""}debounceChanged(){this.ionChange=function(t,e){const n=t._original||t;return{_original:t,emit:function(t,e=0){let n;return(...i)=>{clearTimeout(n),n=setTimeout(t,e,...i)}}(n.emit.bind(n),e)}}(this.ionChange,this.debounce)}valueChanged(){const t=this.nativeInput,e=this.value;t&&t.value!==e&&(t.value=e),this.ionChange.emit({value:e})}componentDidLoad(){this.positionElements(),this.debounceChanged()}clearInput(){this.ionClear.emit(),setTimeout(()=>{const t=this.value;void 0!==t&&""!==t&&(this.value="")},64),this.shouldBlur=!1}cancelSearchbar(){this.ionCancel.emit(),this.clearInput(),this.shouldBlur=!0,this.activated=!1}onInput(t){const e=t.target;e&&(this.value=e.value),this.ionInput.emit(t)}inputUpdated(){this.positionElements()}onBlur(){const t=this.el.querySelector(".searchbar-input");if(!1===this.shouldBlur)return t.focus(),this.shouldBlur=!0,this.ionBlur.emit(),void this.inputUpdated();this.focused=!1,this.positionElements()}onFocus(){this.activated=!0,this.focused=!0,this.ionFocus.emit(),this.inputUpdated(),this.positionElements()}positionElements(){const t=this.shouldAlignLeft,e=!this.animated||this.value&&""!==this.value.toString().trim()||!0===this.focused;this.shouldAlignLeft=e,"ios"===this.mode&&(t!==e&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())}positionPlaceholder(){const t="rtl"===this.doc.dir,e=this.el.querySelector(".searchbar-input"),n=this.el.querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)e.removeAttribute("style"),n.removeAttribute("style");else{const i=this.doc,o=i.createElement("span");o.innerHTML=this.placeholder,i.body.appendChild(o);const r=o.offsetWidth;o.remove();const s="calc(50% - "+r/2+"px)",a="calc(50% - "+(r/2+30)+"px)";t?(e.style.paddingRight=s,n.style.marginRight=a):(e.style.paddingLeft=s,n.style.marginLeft=a)}}positionCancelButton(){const t="rtl"===this.doc.dir,e=this.el.querySelector(".searchbar-cancel-button-ios"),n=this.focused;if(n!==this.isCancelVisible){const i=e.style;if(this.isCancelVisible=n,n)t?i.marginLeft="0":i.marginRight="0";else{const n=e.offsetWidth;n>0&&(t?i.marginLeft=-n+"px":i.marginRight=-n+"px")}}}hostData(){return{class:{"searchbar-active":this.activated,"searchbar-animated":this.animated,"searchbar-has-value":""!==this.value,"searchbar-show-cancel":this.showCancelButton,"searchbar-left-aligned":this.shouldAlignLeft,"searchbar-has-focus":this.focused}}}render(){const e=st(this.mode,this.color,"searchbar-cancel-button"),n=st(this.mode,this.color,"searchbar-search-icon"),i=this.showCancelButton?t("button",{type:"button",tabindex:"ios"!==this.mode||this.activated?void 0:-1,onClick:this.cancelSearchbar.bind(this),onMouseDown:this.cancelSearchbar.bind(this),class:e},"md"===this.mode?t("ion-icon",{name:"md-arrow-back"}):this.cancelButtonText):null;return[t("div",{class:"searchbar-input-container"},"md"===this.mode&&i,t("div",{class:n}),t("input",{ref:t=>this.nativeInput=t,class:"searchbar-input",onInput:this.onInput.bind(this),onBlur:this.onBlur.bind(this),onFocus:this.onFocus.bind(this),placeholder:this.placeholder,type:this.type,value:this.value,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,spellCheck:this.spellcheck}),t("button",{type:"button",class:"searchbar-clear-icon",onClick:this.clearInput.bind(this),onMouseDown:this.clearInput.bind(this)})),"ios"===this.mode&&i]}static get is(){return"ion-searchbar"}static get host(){return{theme:"searchbar"}}static get properties(){return{activated:{state:!0},animated:{type:Boolean,attr:"animated"},autocomplete:{type:String,attr:"autocomplete"},autocorrect:{type:String,attr:"autocorrect"},cancelButtonText:{type:String,attr:"cancel-button-text"},color:{type:String,attr:"color"},debounce:{type:Number,attr:"debounce",watchCallbacks:["debounceChanged"]},doc:{context:"document"},el:{elementRef:!0},focused:{state:!0},mode:{type:String,attr:"mode"},placeholder:{type:String,attr:"placeholder"},showCancelButton:{type:Boolean,attr:"show-cancel-button"},spellcheck:{type:Boolean,attr:"spellcheck"},type:{type:String,attr:"type"},value:{type:String,attr:"value",mutable:!0,watchCallbacks:["valueChanged"]}}}static get events(){return[{name:"ionInput",method:"ionInput",bubbles:!0,cancelable:!0,composed:!0},{name:"ionChange",method:"ionChange",bubbles:!0,cancelable:!0,composed:!0},{name:"ionCancel",method:"ionCancel",bubbles:!0,cancelable:!0,composed:!0},{name:"ionClear",method:"ionClear",bubbles:!0,cancelable:!0,composed:!0},{name:"ionBlur",method:"ionBlur",bubbles:!0,cancelable:!0,composed:!0},{name:"ionFocus",method:"ionFocus",bubbles:!0,cancelable:!0,composed:!0}]}static get style(){return"ion-searchbar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.searchbar-icon{pointer-events:none}.searchbar-input-container{position:relative;display:block;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input{-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;border:0;font-family:inherit}.searchbar-input:active,.searchbar-input:focus{outline:0}.searchbar-input::-webkit-search-cancel-button{display:none}.searchbar-clear-icon{margin:0;padding:0;display:none;min-height:0}.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon{display:block}.searchbar-ios{padding:12px;height:60px;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Roboto,sans-serif;contain:strict}.searchbar-ios .searchbar-input-container{height:36px;contain:strict}.searchbar-search-icon-ios{background-position:center;background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-text-ios-color-step-400,%20var(--ion-text-color-step-400,%20%23666666))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-text-ios-color-step-400,%20var(--ion-text-color-step-400,%20%23666666))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");margin-left:calc(50% - 60px);left:9px;top:0;position:absolute;width:14px;height:100%;background-repeat:no-repeat;background-size:13px;contain:strict}.searchbar-ios .searchbar-input{padding:0 28px;border-radius:10px;height:100%;font-size:14px;font-weight:400;color:var(--ion-text-ios-color,var(--ion-text-color,#000));background-color:rgba(var(--ion-text-ios-color-rgb,var(--ion-text-color-rgb,0,0,0)),.07);contain:strict}.searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-text-ios-color-step-400,var(--ion-text-color-step-400,#666))}.searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-text-ios-color-step-400,var(--ion-text-color-step-400,#666))}.searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-text-ios-color-step-400,var(--ion-text-color-step-400,#666))}.searchbar-ios .searchbar-clear-icon{right:0;top:0;background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-text-ios-color-step-400,%20var(--ion-text-color-step-400,%20%23666666))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");background-position:center;position:absolute;width:30px;height:100%;border:0;background-color:transparent;background-repeat:no-repeat;background-size:18px}.searchbar-cancel-button-ios{padding:0 0 0 8px;display:none;-ms-flex-negative:0;flex-shrink:0;border:0;font-size:16px;color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff));background-color:transparent;cursor:pointer}.searchbar-left-aligned .searchbar-search-icon-ios{margin-left:0}.searchbar-ios.searchbar-left-aligned .searchbar-input{padding-left:30px}.searchbar-show-cancel.searchbar-animated .searchbar-cancel-button-ios,.searchbar-show-cancel.searchbar-has-focus .searchbar-cancel-button-ios{display:block}.searchbar-animated .searchbar-search-icon-ios,.searchbar-ios.searchbar-animated .searchbar-input{-webkit-transition:all .3s ease;transition:all .3s ease}.searchbar-animated.searchbar-has-focus .searchbar-cancel-button-ios{opacity:1;pointer-events:auto}.searchbar-animated .searchbar-cancel-button-ios{margin-right:-100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}.searchbar-ios-primary .searchbar-cancel-button-ios{color:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.searchbar-ios-primary .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-primary-tint,var(--ion-color-primary-tint,#4c8dff))}.toolbar-ios-primary .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-primary-contrast,%20var(--ion-color-primary-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-primary-contrast,%20var(--ion-color-primary-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-primary .searchbar-ios .searchbar-input{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));background:rgba(var(--ion-color-ios-primary-contrast-rgb,var(--ion-color-primary-contrast-rgb,255,255,255)),.07)}.toolbar-ios-primary .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));opacity:.5}.toolbar-ios-primary .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));opacity:.5}.toolbar-ios-primary .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff));opacity:.5}.toolbar-ios-primary .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-primary-contrast,%20var(--ion-color-primary-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-primary .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-primary-contrast,var(--ion-color-primary-contrast,#fff))}.searchbar-ios-secondary .searchbar-cancel-button-ios{color:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8))}.searchbar-ios-secondary .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-secondary-tint,var(--ion-color-secondary-tint,#24d6ea))}.toolbar-ios-secondary .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-secondary-contrast,%20var(--ion-color-secondary-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-secondary-contrast,%20var(--ion-color-secondary-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-secondary .searchbar-ios .searchbar-input{color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff));background:rgba(var(--ion-color-ios-secondary-contrast-rgb,var(--ion-color-secondary-contrast-rgb,255,255,255)),.07)}.toolbar-ios-secondary .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff));opacity:.5}.toolbar-ios-secondary .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff));opacity:.5}.toolbar-ios-secondary .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff));opacity:.5}.toolbar-ios-secondary .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-secondary-contrast,%20var(--ion-color-secondary-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-secondary .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-secondary-contrast,var(--ion-color-secondary-contrast,#fff))}.searchbar-ios-tertiary .searchbar-cancel-button-ios{color:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff))}.searchbar-ios-tertiary .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-tertiary-tint,var(--ion-color-tertiary-tint,#7e57ff))}.toolbar-ios-tertiary .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-tertiary-contrast,%20var(--ion-color-tertiary-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-tertiary-contrast,%20var(--ion-color-tertiary-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-tertiary .searchbar-ios .searchbar-input{color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff));background:rgba(var(--ion-color-ios-tertiary-contrast-rgb,var(--ion-color-tertiary-contrast-rgb,255,255,255)),.07)}.toolbar-ios-tertiary .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff));opacity:.5}.toolbar-ios-tertiary .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff));opacity:.5}.toolbar-ios-tertiary .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff));opacity:.5}.toolbar-ios-tertiary .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-tertiary-contrast,%20var(--ion-color-tertiary-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-tertiary .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-tertiary-contrast,var(--ion-color-tertiary-contrast,#fff))}.searchbar-ios-success .searchbar-cancel-button-ios{color:var(--ion-color-ios-success,var(--ion-color-success,#10dc60))}.searchbar-ios-success .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-success-tint,var(--ion-color-success-tint,#28e070))}.toolbar-ios-success .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-success-contrast,%20var(--ion-color-success-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-success-contrast,%20var(--ion-color-success-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-success .searchbar-ios .searchbar-input{color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff));background:rgba(var(--ion-color-ios-success-contrast-rgb,var(--ion-color-success-contrast-rgb,255,255,255)),.07)}.toolbar-ios-success .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff));opacity:.5}.toolbar-ios-success .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff));opacity:.5}.toolbar-ios-success .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff));opacity:.5}.toolbar-ios-success .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-success-contrast,%20var(--ion-color-success-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-success .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-success-contrast,var(--ion-color-success-contrast,#fff))}.searchbar-ios-warning .searchbar-cancel-button-ios{color:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00))}.searchbar-ios-warning .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-warning-tint,var(--ion-color-warning-tint,#ffd31a))}.toolbar-ios-warning .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-warning-contrast,%20var(--ion-color-warning-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-warning-contrast,%20var(--ion-color-warning-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-warning .searchbar-ios .searchbar-input{color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff));background:rgba(var(--ion-color-ios-warning-contrast-rgb,var(--ion-color-warning-contrast-rgb,255,255,255)),.07)}.toolbar-ios-warning .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff));opacity:.5}.toolbar-ios-warning .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff));opacity:.5}.toolbar-ios-warning .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff));opacity:.5}.toolbar-ios-warning .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-warning-contrast,%20var(--ion-color-warning-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-warning .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-warning-contrast,var(--ion-color-warning-contrast,#fff))}.searchbar-ios-danger .searchbar-cancel-button-ios{color:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141))}.searchbar-ios-danger .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-danger-tint,var(--ion-color-danger-tint,#f25454))}.toolbar-ios-danger .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-danger-contrast,%20var(--ion-color-danger-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-danger-contrast,%20var(--ion-color-danger-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-danger .searchbar-ios .searchbar-input{color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff));background:rgba(var(--ion-color-ios-danger-contrast-rgb,var(--ion-color-danger-contrast-rgb,255,255,255)),.07)}.toolbar-ios-danger .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff));opacity:.5}.toolbar-ios-danger .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff));opacity:.5}.toolbar-ios-danger .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff));opacity:.5}.toolbar-ios-danger .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-danger-contrast,%20var(--ion-color-danger-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-danger .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-danger-contrast,var(--ion-color-danger-contrast,#fff))}.searchbar-ios-light .searchbar-cancel-button-ios{color:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8))}.searchbar-ios-light .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-light-tint,var(--ion-color-light-tint,#f5f6f9))}.toolbar-ios-light .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-light-contrast,%20var(--ion-color-light-contrast,%20%23000))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-light-contrast,%20var(--ion-color-light-contrast,%20%23000))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-light .searchbar-ios .searchbar-input{color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000));background:rgba(var(--ion-color-ios-light-contrast-rgb,var(--ion-color-light-contrast-rgb,0,0,0)),.07)}.toolbar-ios-light .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000));opacity:.5}.toolbar-ios-light .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000));opacity:.5}.toolbar-ios-light .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000));opacity:.5}.toolbar-ios-light .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-light-contrast,%20var(--ion-color-light-contrast,%20%23000))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-light .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-light-contrast,var(--ion-color-light-contrast,#000))}.searchbar-ios-medium .searchbar-cancel-button-ios{color:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2))}.searchbar-ios-medium .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-medium-tint,var(--ion-color-medium-tint,#a2a4ab))}.toolbar-ios-medium .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-medium-contrast,%20var(--ion-color-medium-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-medium-contrast,%20var(--ion-color-medium-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-medium .searchbar-ios .searchbar-input{color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff));background:rgba(var(--ion-color-ios-medium-contrast-rgb,var(--ion-color-medium-contrast-rgb,255,255,255)),.07)}.toolbar-ios-medium .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff));opacity:.5}.toolbar-ios-medium .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff));opacity:.5}.toolbar-ios-medium .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff));opacity:.5}.toolbar-ios-medium .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-medium-contrast,%20var(--ion-color-medium-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-medium .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-medium-contrast,var(--ion-color-medium-contrast,#fff))}.searchbar-ios-dark .searchbar-cancel-button-ios{color:var(--ion-color-ios-dark,var(--ion-color-dark,#222428))}.searchbar-ios-dark .searchbar-cancel-button-ios:hover{color:var(--ion-color-ios-dark-tint,var(--ion-color-dark-tint,#383a3e))}.toolbar-ios-dark .searchbar-search-icon-ios{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='var(--ion-color-ios-dark-contrast,%20var(--ion-color-dark-contrast,%20%23fff))'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='var(--ion-color-ios-dark-contrast,%20var(--ion-color-dark-contrast,%20%23fff))'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>\");opacity:.5}.toolbar-ios-dark .searchbar-ios .searchbar-input{color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff));background:rgba(var(--ion-color-ios-dark-contrast-rgb,var(--ion-color-dark-contrast-rgb,255,255,255)),.07)}.toolbar-ios-dark .searchbar-ios .searchbar-input::-moz-placeholder{color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff));opacity:.5}.toolbar-ios-dark .searchbar-ios .searchbar-input:-ms-input-placeholder{color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff));opacity:.5}.toolbar-ios-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder{text-indent:0;color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff));opacity:.5}.toolbar-ios-dark .searchbar-ios .searchbar-clear-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='var(--ion-color-ios-dark-contrast,%20var(--ion-color-dark-contrast,%20%23fff))'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>\");opacity:.5}.toolbar-ios-dark .searchbar-ios .searchbar-cancel-button-ios{color:var(--ion-color-ios-dark-contrast,var(--ion-color-dark-contrast,#fff))}"}static get styleMode(){return"ios"}}const mt={lines:{dur:1e3,lines:12,fn:(t,e,n)=>{const i="rotate("+(30*e+(e<6?180:-180))+"deg)",o=-(t-t/n*e)+"ms";return{y1:17,y2:29,style:{transform:i,webkitTransform:i,animationDelay:o,webkitAnimationDelay:o}}}},"lines-small":{dur:1e3,lines:12,fn:(t,e,n)=>{const i="rotate("+(30*e+(e<6?180:-180))+"deg)",o=-(t-t/n*e)+"ms";return{y1:12,y2:20,style:{transform:i,webkitTransform:i,animationDelay:o,webkitAnimationDelay:o}}}},bubbles:{dur:1e3,circles:9,fn:(t,e,n)=>{const i=-(t-t/n*e)+"ms";return{r:5,style:{top:9*Math.sin(2*Math.PI*e/n)+"px",left:9*Math.cos(2*Math.PI*e/n)+"px",animationDelay:i,webkitAnimationDelay:i}}}},circles:{dur:1e3,circles:8,fn:(t,e,n)=>{const i=-(t-t/n*e)+"ms";return{r:5,style:{top:9*Math.sin(2*Math.PI*e/n)+"px",left:9*Math.cos(2*Math.PI*e/n)+"px",animationDelay:i,webkitAnimationDelay:i}}}},crescent:{dur:750,circles:1,fn:()=>({r:26,style:{}})},dots:{dur:750,circles:3,fn:(t,e)=>{const n=-110*e+"ms";return{r:6,style:{left:9-9*e+"px",animationDelay:n,webkitAnimationDelay:n}}}}};class yt{constructor(){this.paused=!1}getName(){let t=this.name||this.config.get("spinner");return t?("ios"===t?(console.warn('spinner "ios" has been renamed to "lines"'),t="lines"):"ios-small"===t&&(console.warn('spinner "ios-small" has been renamed to "lines-small"'),t="lines-small"),t):"md"===this.mode?"crescent":"lines"}hostData(){const t=st(this.mode,this.color,`spinner spinner-${this.getName()}`);return{class:Object.assign({},t,{"spinner-paused":this.paused})}}render(){const t=this.getName(),e=mt[t]||mt.lines,n="number"==typeof this.duration&&this.duration>10?this.duration:e.dur,i=[];if(e.circles)for(let t=0;t<e.circles;t++)i.push(bt(e,n,t,e.circles));else if(e.lines)for(let t=0;t<e.lines;t++)i.push(gt(e,n,t,e.lines));return i}static get is(){return"ion-spinner"}static get host(){return{theme:"spinner"}}static get properties(){return{color:{type:String,attr:"color"},config:{context:"config"},duration:{type:Number,attr:"duration"},mode:{type:String,attr:"mode"},name:{type:String,attr:"name"},paused:{type:Boolean,attr:"paused"}}}static get style(){return"ion-spinner{position:relative;display:inline-block;width:28px;height:28px}ion-spinner svg{left:0;top:0;position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}ion-spinner.spinner-paused svg{-webkit-animation-play-state:paused;animation-play-state:paused}.spinner-lines line,.spinner-lines-small line{stroke-width:4px;stroke-linecap:round}.spinner-lines svg,.spinner-lines-small svg{-webkit-animation:1s linear infinite spinner-fade-out;animation:1s linear infinite spinner-fade-out}.spinner-bubbles svg{-webkit-animation:1s linear infinite spinner-scale-out;animation:1s linear infinite spinner-scale-out}.spinner-circles svg{-webkit-animation:1s linear infinite spinner-fade-out;animation:1s linear infinite spinner-fade-out}.spinner-crescent circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px}.spinner-crescent svg{-webkit-animation:1s linear infinite spinner-rotate;animation:1s linear infinite spinner-rotate}.spinner-dots circle{stroke-width:0}.spinner-dots svg{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:1s linear infinite spinner-dots;animation:1s linear infinite spinner-dots}\@-webkit-keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}\@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}\@-webkit-keyframes spinner-scale-out{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform:scale(0,0);transform:scale(0,0)}}\@keyframes spinner-scale-out{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform:scale(0,0);transform:scale(0,0)}}\@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\@keyframes spinner-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\@-webkit-keyframes spinner-dots{0%,100%{opacity:.9;-webkit-transform:scale(1,1);transform:scale(1,1)}50%{opacity:.3;-webkit-transform:scale(.4,.4);transform:scale(.4,.4)}}\@keyframes spinner-dots{0%,100%{opacity:.9;-webkit-transform:scale(1,1);transform:scale(1,1)}50%{opacity:.3;-webkit-transform:scale(.4,.4);transform:scale(.4,.4)}}.spinner-lines-ios line,.spinner-lines-small-ios line{stroke:var(--ion-text-ios-color-step-400,var(--ion-text-color-step-400,#666))}.spinner-bubbles-ios circle{fill:var(--ion-text-ios-color,var(--ion-text-color,#000))}.spinner-circles-ios circle{fill:var(--ion-text-ios-color-step-400,var(--ion-text-color-step-400,#666))}.spinner-crescent-ios circle{stroke:var(--ion-text-ios-color,var(--ion-text-color,#000))}.spinner-dots-ios circle{fill:var(--ion-text-ios-color-step-300,var(--ion-text-color-step-300,#4d4d4d))}.spinner-ios-primary.spinner-crescent circle,.spinner-ios-primary.spinner-lines line,.spinner-ios-primary.spinner-lines-small line{stroke:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.spinner-ios-primary.spinner-bubbles circle,.spinner-ios-primary.spinner-circles circle,.spinner-ios-primary.spinner-dots circle{fill:var(--ion-color-ios-primary,var(--ion-color-primary,#3880ff))}.spinner-ios-secondary.spinner-crescent circle,.spinner-ios-secondary.spinner-lines line,.spinner-ios-secondary.spinner-lines-small line{stroke:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8))}.spinner-ios-secondary.spinner-bubbles circle,.spinner-ios-secondary.spinner-circles circle,.spinner-ios-secondary.spinner-dots circle{fill:var(--ion-color-ios-secondary,var(--ion-color-secondary,#0cd1e8))}.spinner-ios-tertiary.spinner-crescent circle,.spinner-ios-tertiary.spinner-lines line,.spinner-ios-tertiary.spinner-lines-small line{stroke:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff))}.spinner-ios-tertiary.spinner-bubbles circle,.spinner-ios-tertiary.spinner-circles circle,.spinner-ios-tertiary.spinner-dots circle{fill:var(--ion-color-ios-tertiary,var(--ion-color-tertiary,#7044ff))}.spinner-ios-success.spinner-crescent circle,.spinner-ios-success.spinner-lines line,.spinner-ios-success.spinner-lines-small line{stroke:var(--ion-color-ios-success,var(--ion-color-success,#10dc60))}.spinner-ios-success.spinner-bubbles circle,.spinner-ios-success.spinner-circles circle,.spinner-ios-success.spinner-dots circle{fill:var(--ion-color-ios-success,var(--ion-color-success,#10dc60))}.spinner-ios-warning.spinner-crescent circle,.spinner-ios-warning.spinner-lines line,.spinner-ios-warning.spinner-lines-small line{stroke:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00))}.spinner-ios-warning.spinner-bubbles circle,.spinner-ios-warning.spinner-circles circle,.spinner-ios-warning.spinner-dots circle{fill:var(--ion-color-ios-warning,var(--ion-color-warning,#ffce00))}.spinner-ios-danger.spinner-crescent circle,.spinner-ios-danger.spinner-lines line,.spinner-ios-danger.spinner-lines-small line{stroke:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141))}.spinner-ios-danger.spinner-bubbles circle,.spinner-ios-danger.spinner-circles circle,.spinner-ios-danger.spinner-dots circle{fill:var(--ion-color-ios-danger,var(--ion-color-danger,#f04141))}.spinner-ios-light.spinner-crescent circle,.spinner-ios-light.spinner-lines line,.spinner-ios-light.spinner-lines-small line{stroke:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8))}.spinner-ios-light.spinner-bubbles circle,.spinner-ios-light.spinner-circles circle,.spinner-ios-light.spinner-dots circle{fill:var(--ion-color-ios-light,var(--ion-color-light,#f4f5f8))}.spinner-ios-medium.spinner-crescent circle,.spinner-ios-medium.spinner-lines line,.spinner-ios-medium.spinner-lines-small line{stroke:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2))}.spinner-ios-medium.spinner-bubbles circle,.spinner-ios-medium.spinner-circles circle,.spinner-ios-medium.spinner-dots circle{fill:var(--ion-color-ios-medium,var(--ion-color-medium,#989aa2))}.spinner-ios-dark.spinner-crescent circle,.spinner-ios-dark.spinner-lines line,.spinner-ios-dark.spinner-lines-small line{stroke:var(--ion-color-ios-dark,var(--ion-color-dark,#222428))}.spinner-ios-dark.spinner-bubbles circle,.spinner-ios-dark.spinner-circles circle,.spinner-ios-dark.spinner-dots circle{fill:var(--ion-color-ios-dark,var(--ion-color-dark,#222428))}"}static get styleMode(){return"ios"}}function bt(e,n,i,o){const r=e.fn(n,i,o);return r.style.animationDuration=n+"ms",t("svg",{viewBox:"0 0 64 64",style:r.style},t("circle",{transform:"translate(32,32)",r:r.r}))}function gt(e,n,i,o){const r=e.fn(n,i,o);return r.style.animationDuration=n+"ms",t("svg",{viewBox:"0 0 64 64",style:r.style},t("line",{transform:"translate(32,32)",y1:r.y1,y2:r.y2}))}export{e as CollectiveProductCell,ot as CollectiveProductsChooser,rt as CollectiveProductsChooserButton,at as IonButton,ut as IonRippleEffect,ft as IonSearchbar,yt as IonSpinner};