collective-webcomponents
Version:
Stencil Component Starter
2 lines • 78.4 kB
JavaScript
/*! Built with http://stenciljs.com */
var __awaiter=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(o,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function s(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){e.done?o(e.value):new n(function(t){t(e.value)}).then(a,s)}c((r=r.apply(e,t||[])).next())})},__generator=this&&this.__generator||function(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=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(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}};import{h}from"./collectivewebcomponents.core.js";var CollectiveProductCell=function(){function e(){this.selected=!1}return e.prototype.render=function(){return h("div",{style:{backgroundColor:"white",width:"180px",height:"300px",marginRight:"10px",marginBottom:"10px",display:"flex",flexDirection:"column",alignItems:"stretch",padding:"10px",cursor:"pointer"}},h("div",{style:{flexGrow:"1",backgroundImage:"url("+this.product.image.sizes.XLarge.url+")",backgroundPosition:"center",backgroundSize:"contain",backgroundRepeat:"no-repeat",marginBottom:"10px"}}),h("div",{class:"name",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"14px"}},this.product.brandedName),h("div",{class:"price",style:{display:"flex",marginBottom:"10px",fontWeight:"bold",fontSize:"15px",marginTop:"10px"}},this.product.salePriceLabel&&h("div",{class:"sale-price",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginRight:"5px"}},this.product.salePriceLabel),h("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)),h("div",{class:"commission",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"12px",display:"flex"}},h("div",{style:{color:"#757575"}},"Est. Commission:"),h("div",{style:{fontWeight:"bold",marginLeft:"5px"}},this.product.commissionLabel)))},Object.defineProperty(e,"is",{get:function(){return"collective-product-cell"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{product:{type:"Any",attr:"product"},selected:{type:Boolean,attr:"selected"}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){return"collective-product-cell{font-family:Averta,\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif}"},enumerable:!0,configurable:!0}),e}();function isObject(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var global$1="undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{},freeGlobal="object"==typeof global$1&&global$1&&global$1.Object===Object&&global$1,freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")(),now=function(){return root.Date.now()},Symbol=root.Symbol,objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,nativeObjectToString=objectProto.toString,symToStringTag=Symbol?Symbol.toStringTag:void 0;function getRawTag(e){var t=hasOwnProperty.call(e,symToStringTag),n=e[symToStringTag];try{e[symToStringTag]=void 0}catch(e){}var r=nativeObjectToString.call(e);return t?e[symToStringTag]=n:delete e[symToStringTag],r}var objectProto$1=Object.prototype,nativeObjectToString$1=objectProto$1.toString;function objectToString(e){return nativeObjectToString$1.call(e)}var nullTag="[object Null]",undefinedTag="[object Undefined]",symToStringTag$1=Symbol?Symbol.toStringTag:void 0;function baseGetTag(e){return null==e?void 0===e?undefinedTag:nullTag:symToStringTag$1&&symToStringTag$1 in Object(e)?getRawTag(e):objectToString(e)}function isObjectLike(e){return null!=e&&"object"==typeof e}var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObjectLike(e)&&baseGetTag(e)==symbolTag}var NAN=NaN,reTrim=/^\s+|\s+$/g,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(reTrim,"");var n=reIsBinary.test(e);return n||reIsOctal.test(e)?freeParseInt(e.slice(2),n?2:8):reIsBadHex.test(e)?NAN:+e}var FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,n){var r,o,i,a,s,c,l=0,u=!1,h=!1,p=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function d(t){var n=r,i=o;return r=o=void 0,l=t,a=e.apply(i,n)}function f(e){var n=e-c;return void 0===c||n>=t||n<0||h&&e-l>=i}function b(){var e=now();if(f(e))return y(e);s=setTimeout(b,function(e){var n=t-(e-c);return h?nativeMin(n,i-(e-l)):n}(e))}function y(e){return s=void 0,p&&r?d(e):(r=o=void 0,a)}function g(){var e=now(),n=f(e);if(r=arguments,o=this,c=e,n){if(void 0===s)return function(e){return l=e,s=setTimeout(b,t),u?d(e):a}(c);if(h)return s=setTimeout(b,t),d(c)}return void 0===s&&(s=setTimeout(b,t)),a}return t=toNumber(t)||0,isObject(n)&&(u=!!n.leading,i=(h="maxWait"in n)?nativeMax(toNumber(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p),g.cancel=function(){void 0!==s&&clearTimeout(s),l=0,r=c=o=s=void 0},g.flush=function(){return void 0===s?a:y(now())},g}function identity(e){return e}function apply(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}var nativeMax$1=Math.max;function overRest(e,t,n){return t=nativeMax$1(void 0===t?e.length-1:t,0),function(){for(var r=arguments,o=-1,i=nativeMax$1(r.length-t,0),a=Array(i);++o<i;)a[o]=r[t+o];o=-1;for(var s=Array(t+1);++o<t;)s[o]=r[o];return s[t]=n(a),apply(e,this,s)}}function constant(e){return function(){return e}}var asyncTag="[object AsyncFunction]",funcTag="[object Function]",genTag="[object GeneratorFunction]",proxyTag="[object Proxy]";function isFunction(e){if(!isObject(e))return!1;var t=baseGetTag(e);return t==funcTag||t==genTag||t==asyncTag||t==proxyTag}var coreJsData=root["__core-js_shared__"],maskSrcKey=function(){var e=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function isMasked(e){return!!maskSrcKey&&maskSrcKey in e}var funcProto=Function.prototype,funcToString=funcProto.toString;function toSource(e){if(null!=e){try{return funcToString.call(e)}catch(e){}try{return e+""}catch(e){}}return""}var reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reIsHostCtor=/^\[object .+?Constructor\]$/,funcProto$1=Function.prototype,objectProto$2=Object.prototype,funcToString$1=funcProto$1.toString,hasOwnProperty$1=objectProto$2.hasOwnProperty,reIsNative=RegExp("^"+funcToString$1.call(hasOwnProperty$1).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function baseIsNative(e){return!(!isObject(e)||isMasked(e))&&(isFunction(e)?reIsNative:reIsHostCtor).test(toSource(e))}function getValue(e,t){return null==e?void 0:e[t]}function getNative(e,t){var n=getValue(e,t);return baseIsNative(n)?n:void 0}var defineProperty=function(){try{var e=getNative(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),baseSetToString=defineProperty?function(e,t){return defineProperty(e,"toString",{configurable:!0,enumerable:!1,value:constant(t),writable:!0})}:identity,HOT_COUNT=800,HOT_SPAN=16,nativeNow=Date.now;function shortOut(e){var t=0,n=0;return function(){var r=nativeNow(),o=HOT_SPAN-(r-n);if(n=r,o>0){if(++t>=HOT_COUNT)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var setToString=shortOut(baseSetToString);function baseRest(e,t){return setToString(overRest(e,t,identity),e+"")}function arrayMap(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o}function baseFindIndex(e,t,n,r){for(var o=e.length,i=n+(r?1:-1);r?i--:++i<o;)if(t(e[i],i,e))return i;return-1}function baseIsNaN(e){return e!=e}function strictIndexOf(e,t,n){for(var r=n-1,o=e.length;++r<o;)if(e[r]===t)return r;return-1}function baseIndexOf(e,t,n){return t==t?strictIndexOf(e,t,n):baseFindIndex(e,baseIsNaN,n)}function baseIndexOfWith(e,t,n,r){for(var o=n-1,i=e.length;++o<i;)if(r(e[o],t))return o;return-1}function baseUnary(e){return function(t){return e(t)}}function copyArray(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n<r;)t[n]=e[n];return t}var arrayProto=Array.prototype,splice=arrayProto.splice;function basePullAll(e,t,n,r){var o=r?baseIndexOfWith:baseIndexOf,i=-1,a=t.length,s=e;for(e===t&&(t=copyArray(t)),n&&(s=arrayMap(e,baseUnary(n)));++i<a;)for(var c=0,l=t[i],u=n?n(l):l;(c=o(s,u,c,r))>-1;)s!==e&&splice.call(s,c,1),splice.call(e,c,1);return e}function pullAll(e,t){return e&&e.length&&t&&t.length?basePullAll(e,t):e}var pull=baseRest(pullAll),CollectiveProductsChooser=(__awaiter=function(e,t,n,r){return new(n||(n=Promise))(function(o,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function s(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){e.done?o(e.value):new n(function(t){t(e.value)}).then(a,s)}c((r=r.apply(e,t||[])).next())})},function(){function e(){this.showModal=!1,this.searchText="",this.products=[],this.loading=!1,this.throttledUpdateSearch=debounce(this.updateSearch.bind(this),500)}return e.prototype.searchTextChanged=function(){this.throttledUpdateSearch()},e.prototype.updateSearch=function(){return __awaiter(this,void 0,void 0,function(){var e;return __generator(this,function(t){switch(t.label){case 0:this.loading=!0,t.label=1;case 1:return t.trys.push([1,,4,5]),[4,fetch("https://api.shopstyle.com/api/v2/products?pid=shopstyle&fts="+encodeURIComponent(this.searchText)+"&showCommission=true&view=angular&mpid=uid4289-41036017-65&limit=40")];case 2:return[4,t.sent().json()];case 3:return e=t.sent().products,this.products=e,[3,5];case 4:return this.loading=!1,[7];case 5:return[2]}})})},e.prototype.componentDidLoad=function(){this.updateSearch()},e.prototype.toggleProduct=function(e){this.isProductSelected(e)?this.change.emit(pull(this.value.slice(),String(e.id))):this.change.emit((this.value||[]).concat([String(e.id)]))},e.prototype.isProductSelected=function(e){return this.value&&this.value.indexOf(String(e.id))>-1},e.prototype.render=function(){var e=this;return h("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch",backgroundColor:"#f6f6f6",height:"100%",maxWidth:"100%",width:"700px",flexGrow:"1"}},h("ion-searchbar",{style:{flexShrink:"0",paddingLeft:"2px",paddingRight:"2px"},value:this.searchText,onIonInput:function(t){var n=t.target.value;e.searchText=n}}),h("div",{class:"products-container",style:{flexGrow:"1",overflow:"auto",display:"flex",flexDirection:"column",alignItems:"stretch"}},this.loading?h("ion-spinner",{color:"primary",style:{margin:"auto"}}):h("div",{class:"inner-products-container",style:{padding:"10px 2px",display:"flex",flexWrap:"wrap",justifyContent:"center"}},this.products.map(function(t){return h("collective-product-cell",{style:{opacity:e.isProductSelected(t)?"0.5":"1"},onClick:function(){return e.toggleProduct(t)},product:t})}))))},Object.defineProperty(e,"is",{get:function(){return"collective-products-chooser"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{element:{elementRef:!0},loading:{state:!0},products:{state:!0},searchText:{state:!0,watchCallbacks:["searchTextChanged"]},showModal:{state:!0},value:{type:"Any",attr:"value"}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"events",{get:function(){return[{name:"change",method:"change",bubbles:!0,cancelable:!0,composed:!0}]},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){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}"},enumerable:!0,configurable:!0}),e}()),CollectiveProductsChooserButton=function(){function e(){this.showSearch=!1}return e.prototype.valueChanged=function(){this.productsChooser&&(this.productsChooser.value=this.value)},e.prototype.render=function(){var e=this;return h("div",null,h("ion-button",{onClick:function(){e.showSearch=!e.showSearch},color:this.showSearch?"light":"primary"},this.showSearch?"Collapse":"Choose products"),this.showSearch&&h("collective-products-chooser",{style:{height:"500px",width:"100%"},value:this.value,onChange:function(t){return e.change.emit(t.detail)}}))},Object.defineProperty(e,"is",{get:function(){return"collective-products-chooser-button"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{element:{elementRef:!0},showSearch:{state:!0},value:{type:"Any",attr:"value",watchCallbacks:["valueChanged"]}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"events",{get:function(){return[{name:"change",method:"change",bubbles:!0,cancelable:!0,composed:!0}]},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){return"collective-product-chooser{font-family:Averta,\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif}"},enumerable:!0,configurable:!0}),e}();function createThemedClasses(e,t,n){var r={};return getClassList(n).forEach(function(n){r[n]=!0,e&&(r[n+"-"+e]=!0,t&&(r[n+"-"+t]=!0,r[n+"-"+e+"-"+t]=!0))}),r}function getElementClassMap(e){for(var t={},n=0;n<e.length;n++)t[e[n]]=!0;return t}function getButtonClassMap(e,t){var n;return e?((n={})[e]=!0,n[e+"-"+t]=!0,n):{}}function getClassList(e){return e?(Array.isArray(e)?e:e.split(" ")).filter(function(e){return null!=e}).map(function(e){return e.trim()}).filter(function(e){return""!==e}):[]}function openURL(e,t,n,r){return __awaiter(this,void 0,void 0,function(){var o;return __generator(this,function(i){switch(i.label){case 0:return t&&"#"!==t[0]&&-1===t.indexOf("://")&&(o=e.document.querySelector("ion-router"))?(n&&n.preventDefault(),[4,o.componentOnReady()]):[3,2];case 1:return i.sent(),[2,o.push(t,r)];case 2:return[2,Promise.resolve()]}})})}var Button=function(){function e(){this.keyFocus=!1,this.buttonType="button",this.disabled=!1,this.fill="default",this.strong=!1,this.type="button"}return e.prototype.componentWillLoad=function(){this.el.closest("ion-buttons")&&(this.buttonType="bar-button")},e.prototype.onFocus=function(){this.ionFocus.emit()},e.prototype.onKeyUp=function(){this.keyFocus=!0},e.prototype.onBlur=function(){this.keyFocus=!1,this.ionBlur.emit()},e.prototype.render=function(){var e=this,t=this,n=t.buttonType,r=t.color,o=t.expand,i=t.fill,a=t.mode,s=t.shape,c=t.size,l=t.strong,u=this.href?"a":"button",p=Object.assign({},getButtonClassMap(n,a),getButtonTypeClassMap(n,o,a),getButtonTypeClassMap(n,c,a),getButtonTypeClassMap(n,s,a),getButtonTypeClassMap(n,l?"strong":void 0,a),getColorClassMap(n,r,i,a),getElementClassMap(this.el.classList),{focused:this.keyFocus}),d="button"===u?{type:this.type}:{href:this.href};return h(u,Object.assign({},d,{class:p,disabled:this.disabled,onFocus:this.onFocus.bind(this),onKeyUp:this.onKeyUp.bind(this),onBlur:this.onBlur.bind(this),onClick:function(t){return openURL(e.win,e.href,t,e.routerDirection)}}),h("span",{class:"button-inner"},h("slot",{name:"icon-only"}),h("slot",{name:"start"}),h("slot",null),h("slot",{name:"end"})),"md"===this.mode&&h("ion-ripple-effect",{tapClick:!0}))},Object.defineProperty(e,"is",{get:function(){return"ion-button"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){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"}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"events",{get:function(){return[{name:"ionFocus",method:"ionFocus",bubbles:!0,cancelable:!0,composed:!0},{name:"ionBlur",method:"ionBlur",bubbles:!0,cancelable:!0,composed:!0}]},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){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}"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"styleMode",{get:function(){return"ios"},enumerable:!0,configurable:!0}),e}();function getButtonTypeClassMap(e,t,n){var r;return t?((r={})[e+"-"+(t=t.toLocaleLowerCase())]=!0,r[e+"-"+t+"-"+n]=!0,r):{}}function getColorClassMap(e,t,n,r){var o,i=e;"bar-button"!==e&&"solid"===n&&(n="default"),n&&"default"!==n&&(i+="-"+n.toLowerCase()),"bar-button"===e&&"default"===n&&(i=e,t||(i+="-"+n.toLowerCase()));var a=((o={})[i]=!0,o[i+"-"+r]=!0,o);return t&&(a[i+"-"+r+"-"+t]=!0),a}function now$1(e){return e.timeStamp||Date.now()}function debounceEvent(e,t){var n=e._original||e;return{_original:e,emit:debounce$1(n.emit.bind(n),t)}}function debounce$1(e,t){var n;return void 0===t&&(t=0),function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];clearTimeout(n),n=setTimeout.apply(void 0,[e,t].concat(r))}}var RippleEffect=function(){function e(){this.lastClick=-1e4,this.tapClick=!1}return e.prototype.tapClickChanged=function(e){this.enableListener(this,"parent:ionActivated",e),this.enableListener(this,"touchstart",!e),this.enableListener(this,"mousedown",!e)},e.prototype.ionActivated=function(e){this.addRipple(e.detail.x,e.detail.y)},e.prototype.touchStart=function(e){this.lastClick=now$1(e);var t=e.touches[0];this.addRipple(t.clientX,t.clientY)},e.prototype.mouseDown=function(e){var t=now$1(e);this.lastClick<t-1e3&&this.addRipple(e.pageX,e.pageY)},e.prototype.componentDidLoad=function(){this.tapClickChanged(this.tapClick)},e.prototype.addRipple=function(e,t){var n,r,o,i=this;this.queue.read(function(){var a=i.el.getBoundingClientRect(),s=a.width,c=a.height;o=Math.min(2*Math.sqrt(s*s+c*c),MAX_RIPPLE_DIAMETER),n=e-a.left-o/2,r=t-a.top-o/2}),this.queue.write(function(){var e=i.doc.createElement("div");e.classList.add("ripple-effect");var t=e.style,a=Math.max(RIPPLE_FACTOR*Math.sqrt(o),MIN_RIPPLE_DURATION);t.top=r+"px",t.left=n+"px",t.width=o+"px",t.height=o+"px",t.animationDuration=a+"ms",i.el.appendChild(e),setTimeout(function(){return e.remove()},a+50)})},Object.defineProperty(e,"is",{get:function(){return"ion-ripple-effect"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{addRipple:{method:!0},doc:{context:"document"},el:{elementRef:!0},enableListener:{context:"enableListener"},queue:{context:"queue"},tapClick:{type:Boolean,attr:"tap-click",watchCallbacks:["tapClickChanged"]}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"listeners",{get:function(){return[{name:"parent:ionActivated",method:"ionActivated",disabled:!0},{name:"touchstart",method:"touchStart",disabled:!0,passive:!0},{name:"mousedown",method:"mouseDown",disabled:!0,passive:!0}]},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){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)}}"},enumerable:!0,configurable:!0}),e}(),RIPPLE_FACTOR=35,MIN_RIPPLE_DURATION=260,MAX_RIPPLE_DIAMETER=550,Searchbar=function(){function e(){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=""}return e.prototype.debounceChanged=function(){this.ionChange=debounceEvent(this.ionChange,this.debounce)},e.prototype.valueChanged=function(){var e=this.nativeInput,t=this.value;e&&e.value!==t&&(e.value=t),this.ionChange.emit({value:t})},e.prototype.componentDidLoad=function(){this.positionElements(),this.debounceChanged()},e.prototype.clearInput=function(){var e=this;this.ionClear.emit(),setTimeout(function(){var t=e.value;void 0!==t&&""!==t&&(e.value="")},64),this.shouldBlur=!1},e.prototype.cancelSearchbar=function(){this.ionCancel.emit(),this.clearInput(),this.shouldBlur=!0,this.activated=!1},e.prototype.onInput=function(e){var t=e.target;t&&(this.value=t.value),this.ionInput.emit(e)},e.prototype.inputUpdated=function(){this.positionElements()},e.prototype.onBlur=function(){var e=this.el.querySelector(".searchbar-input");if(!1===this.shouldBlur)return e.focus(),this.shouldBlur=!0,this.ionBlur.emit(),void this.inputUpdated();this.focused=!1,this.positionElements()},e.prototype.onFocus=function(){this.activated=!0,this.focused=!0,this.ionFocus.emit(),this.inputUpdated(),this.positionElements()},e.prototype.positionElements=function(){var e=this.shouldAlignLeft,t=!this.animated||this.value&&""!==this.value.toString().trim()||!0===this.focused;this.shouldAlignLeft=t,"ios"===this.mode&&(e!==t&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())},e.prototype.positionPlaceholder=function(){var e="rtl"===this.doc.dir,t=this.el.querySelector(".searchbar-input"),n=this.el.querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)t.removeAttribute("style"),n.removeAttribute("style");else{var r=this.doc,o=r.createElement("span");o.innerHTML=this.placeholder,r.body.appendChild(o);var i=o.offsetWidth;o.remove();var a="calc(50% - "+i/2+"px)",s="calc(50% - "+(i/2+30)+"px)";e?(t.style.paddingRight=a,n.style.marginRight=s):(t.style.paddingLeft=a,n.style.marginLeft=s)}},e.prototype.positionCancelButton=function(){var e="rtl"===this.doc.dir,t=this.el.querySelector(".searchbar-cancel-button-ios"),n=this.focused;if(n!==this.isCancelVisible){var r=t.style;if(this.isCancelVisible=n,n)e?r.marginLeft="0":r.marginRight="0";else{var o=t.offsetWidth;o>0&&(e?r.marginLeft=-o+"px":r.marginRight=-o+"px")}}},e.prototype.hostData=function(){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}}},e.prototype.render=function(){var e=this,t=createThemedClasses(this.mode,this.color,"searchbar-cancel-button"),n=createThemedClasses(this.mode,this.color,"searchbar-search-icon"),r=this.showCancelButton?h("button",{type:"button",tabindex:"ios"!==this.mode||this.activated?void 0:-1,onClick:this.cancelSearchbar.bind(this),onMouseDown:this.cancelSearchbar.bind(this),class:t},"md"===this.mode?h("ion-icon",{name:"md-arrow-back"}):this.cancelButtonText):null;return[h("div",{class:"searchbar-input-container"},"md"===this.mode&&r,h("div",{class:n}),h("input",{ref:function(t){return e.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}),h("button",{type:"button",class:"searchbar-clear-icon",onClick:this.clearInput.bind(this),onMouseDown:this.clearInput.bind(this)})),"ios"===this.mode&&r]},Object.defineProperty(e,"is",{get:function(){return"ion-searchbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"host",{get:function(){return{theme:"searchbar"}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){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"]}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"events",{get:function(){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}]},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){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))}"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"styleMode",{get:function(){return"ios"},enumerable:!0,configurable:!0}),e}(),SPINNERS={lines:{dur:1e3,lines:12,fn:function(e,t,n){var r="rotate("+(30*t+(t<6?180:-180))+"deg)",o=-(e-e/n*t)+"ms";return{y1:17,y2:29,style:{transform:r,webkitTransform:r,animationDelay:o,webkitAnimationDelay:o}}}},"lines-small":{dur:1e3,lines:12,fn:function(e,t,n){var r="rotate("+(30*t+(t<6?180:-180))+"deg)",o=-(e-e/n*t)+"ms";return{y1:12,y2:20,style:{transform:r,webkitTransform:r,animationDelay:o,webkitAnimationDelay:o}}}},bubbles:{dur:1e3,circles:9,fn:function(e,t,n){var r=-(e-e/n*t)+"ms";return{r:5,style:{top:9*Math.sin(2*Math.PI*t/n)+"px",left:9*Math.cos(2*Math.PI*t/n)+"px",animationDelay:r,webkitAnimationDelay:r}}}},circles:{dur:1e3,circles:8,fn:function(e,t,n){var r=-(e-e/n*t)+"ms";return{r:5,style:{top:9*Math.sin(2*Math.PI*t/n)+"px",left:9*Math.cos(2*Math.PI*t/n)+"px",animationDelay:r,webkitAnimationDelay:r}}}},crescent:{dur:750,circles:1,fn:function(){return{r:26,style:{}}}},dots:{dur:750,circles:3,fn:function(e,t){var n=-110*t+"ms";return{r:6,style:{left:9-9*t+"px",animationDelay:n,webkitAnimationDelay:n}}}}},Spinner=function(){function e(){this.paused=!1}return e.prototype.getName=function(){var e=this.name||this.config.get("spinner");return e?("ios"===e?(console.warn('spinner "ios" has been renamed to "lines"'),e="lines"):"ios-small"===e&&(console.warn('spinner "ios-small" has been renamed to "lines-small"'),e="lines-small"),e):"md"===this.mode?"crescent":"lines"},e.prototype.hostData=function(){var e=createThemedClasses(this.mode,this.color,"spinner spinner-"+this.getName());return{class:Object.assign({},e,{"spinner-paused":this.paused})}},e.prototype.render=function(){var e=this.getName(),t=SPINNERS[e]||SPINNERS.lines,n="number"==typeof this.duration&&this.duration>10?this.duration:t.dur,r=[];if(t.circles)for(var o=0;o<t.circles;o++)r.push(buildCircle(t,n,o,t.circles));else if(t.lines)for(o=0;o<t.lines;o++)r.push(buildLine(t,n,o,t.lines));return r},Object.defineProperty(e,"is",{get:function(){return"ion-spinner"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"host",{get:function(){return{theme:"spinner"}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){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"}}},enumerable:!0,configurable:!0}),Object.defineProperty(e,"style",{get:function(){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))}"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"styleMode",{get:function(){return"ios"},enumerable:!0,configurable:!0}),e}();function buildCircle(e,t,n,r){var o=e.fn(t,n,r);return o.style.animationDuration=t+"ms",h("svg",{viewBox:"0 0 64 64",style:o.style},h("circle",{transform:"translate(32,32)",r:o.r}))}function buildLine(e,t,n,r){var o=e.fn(t,n,r);return o.style.animationDuration=t+"ms",h("svg",{viewBox:"0 0 64 64",style:o.style},h("line",{transform:"translate(32,32)",y1:o.y1,y2:o.y2}))}export{CollectiveProductCell,CollectiveProductsChooser,CollectiveProductsChooserButton,Button as IonButton,RippleEffect as IonRippleEffect,Searchbar as IonSearchbar,Spinner as IonSpinner};