@ionic/core 8.4.2-dev.11741365851.1a97ead6 → 8.4.2-dev.11741694411.1b71f442

package/dist/ionic/p-f52c1b1b.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{r as a,e as r,j as i,h as o,i as e,g as n}from"./p-83948e48.js";import{x as c}from"./p-06ec4706.js";import{e as s,h as t,c as h,r as l}from"./p-59f088ef.js";import{i as b}from"./p-fb813dab.js";import{c as d}from"./p-47794def.js";import{b as p,d as u,s as g,e as m,a as v}from"./p-58f16ef6.js";import{c as f}from"./p-7071d7ca.js";import{c as x}from"./p-d91c085a.js";import"./p-583f0c5f.js";const w=class{constructor(i){a(this,i),this.ionInput=r(this,"ionInput",7),this.ionChange=r(this,"ionChange",7),this.ionCancel=r(this,"ionCancel",7),this.ionClear=r(this,"ionClear",7),this.ionBlur=r(this,"ionBlur",7),this.ionFocus=r(this,"ionFocus",7),this.ionStyle=r(this,"ionStyle",7),this.isCancelVisible=!1,this.shouldAlignLeft=!0,this.inputId="ion-searchbar-"+y++,this.inheritedAttributes={},this.onClearInput=async a=>(this.ionClear.emit(),new Promise((r=>{setTimeout((()=>{const i=this.getValue();""!==i&&(this.value="",this.emitInputChange(),a&&!this.focused&&(this.setFocus(),this.focusedValue=i)),r()}),64)}))),this.onCancelSearchbar=async a=>{a&&(a.preventDefault(),a.stopPropagation()),this.ionCancel.emit();const r=this.getValue(),i=this.focused;await this.onClearInput(),r&&!i&&this.emitValueChange(a),this.nativeInput&&this.nativeInput.blur()},this.onInput=a=>{const r=a.target;r&&(this.value=r.value),this.emitInputChange(a)},this.onChange=a=>{this.emitValueChange(a)},this.onBlur=a=>{this.focused=!1,this.ionBlur.emit(),this.positionElements(),this.focusedValue!==this.value&&this.emitValueChange(a),this.focusedValue=void 0},this.onFocus=()=>{this.focused=!0,this.focusedValue=this.value,this.ionFocus.emit(),this.positionElements()},this.focused=!1,this.noAnimate=!0,this.color=void 0,this.animated=!1,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.cancelButtonIcon=void 0,this.cancelButtonText="Cancel",this.clearIcon=void 0,this.debounce=void 0,this.disabled=!1,this.inputmode=void 0,this.enterkeyhint=void 0,this.maxlength=void 0,this.minlength=void 0,this.name=this.inputId,this.placeholder="Search",this.searchIcon=void 0,this.showCancelButton="never",this.showClearButton="always",this.spellcheck=!1,this.type="search",this.value="",this.shape=void 0,this.size=void 0}onLangChanged(a){this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{lang:a}),i(this)}onDirChanged(a){this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{dir:a}),i(this)}debounceChanged(){const{ionInput:a,debounce:r,originalIonInput:i}=this;this.ionInput=void 0===r?null!=i?i:a:s(a,r)}valueChanged(){const a=this.nativeInput,r=this.getValue();a&&a.value!==r&&(a.value=r)}showCancelButtonChanged(){requestAnimationFrame((()=>{this.positionElements(),i(this)}))}connectedCallback(){this.emitStyle()}componentWillLoad(){this.inheritedAttributes=Object.assign({},t(this.el,["lang","dir"]))}componentDidLoad(){this.originalIonInput=this.ionInput,this.positionElements(),this.debounceChanged(),setTimeout((()=>{this.noAnimate=!1}),300)}emitStyle(){this.ionStyle.emit({searchbar:!0})}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async getInputElement(){return this.nativeInput||await new Promise((a=>h(this.el,a))),Promise.resolve(this.nativeInput)}emitValueChange(a){const{value:r}=this,i=null==r?r:r.toString();this.focusedValue=i,this.ionChange.emit({value:i,event:a})}emitInputChange(a){const{value:r}=this;this.ionInput.emit({value:r,event:a})}positionElements(){const a=this.getValue(),r=this.shouldAlignLeft,i=x(this),o=!this.animated||""!==a.trim()||!!this.focused;this.shouldAlignLeft=o,"ios"===i&&(r!==o&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())}positionPlaceholder(){const a=this.nativeInput;if(!a)return;const r=b(this.el),i=(this.el.shadowRoot||this.el).querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)a.removeAttribute("style"),i.removeAttribute("style");else{const o=document,e=o.createElement("span");e.innerText=this.placeholder||"",o.body.appendChild(e),l((()=>{const o=e.offsetWidth;e.remove();const n="calc(50% - "+o/2+"px)",c="calc(50% - "+(o/2+i.clientWidth+8)+"px)";r?(a.style.paddingRight=n,i.style.marginRight=c):(a.style.paddingLeft=n,i.style.marginLeft=c)}))}}positionCancelButton(){const a=b(this.el),r=(this.el.shadowRoot||this.el).querySelector(".searchbar-cancel-button"),i=this.shouldShowCancelButton();if(null!==r&&i!==this.isCancelVisible){const o=r.style;if(this.isCancelVisible=i,i)a?o.marginLeft="0":o.marginRight="0";else{const i=r.offsetWidth;i>0&&(a?o.marginLeft=-i+"px":o.marginRight=-i+"px")}}}getValue(){return this.value||""}hasValue(){return""!==this.getValue()}shouldShowCancelButton(){return!("never"===this.showCancelButton||"focus"===this.showCancelButton&&!this.focused)}shouldShowClearButton(){return!("never"===this.showClearButton||"focus"===this.showClearButton&&!this.focused)}getShape(){const a=x(this),{shape:r}=this;if("ionic"===a)return void 0===r?"round":r}getSize(){const a=x(this),{size:r}=this;if("ionic"===a)return void 0===r?"medium":r}get searchbarClearIcon(){if(null!=this.clearIcon)return this.clearIcon;const a=x(this),r={ios:p,ionic:c,md:u};return f.get("searchbarClearIcon",r[a]||r.md)}get searchbarSearchIcon(){if(null!=this.searchIcon)return this.searchIcon;const a=x(this),r={ios:g,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+",md:m};return f.get("searchbarSearchIcon",r[a]||r.md)}get searchbarCancelIcon(){if(null!=this.cancelButtonIcon)return this.cancelButtonIcon;const a=x(this),r={ios:v,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINTkuMzFsNTguMzUsNTguMzRhOCw4LDAsMCwxLTExLjMyLDExLjMybC03Mi03MmE4LDgsMCwwLDEsMC0xMS4zMmw3Mi03MmE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMNTkuMzEsMTIwSDIxNkE4LDgsMCwwLDEsMjI0LDEyOFoiLz48L3N2Zz4=",md:v};return f.get("searchbarCancelIcon",f.get("backButtonIcon",r[a]||r.md))}render(){const{cancelButtonText:a,autocapitalize:r,searchbarCancelIcon:i,searchbarClearIcon:n,searchbarSearchIcon:c}=this,s=this.animated&&f.getBoolean("animated",!0),t=x(this),h=this.shouldShowCancelButton(),l=this.getShape(),b=this.getSize(),p="never"!==this.showCancelButton&&o("button",{key:"280cc4d61d078fae543254a8570b9a24635add6e","aria-label":a,"aria-hidden":h?void 0:"true",type:"button",tabIndex:"ios"!==t||h?void 0:-1,onMouseDown:this.onCancelSearchbar,onTouchStart:this.onCancelSearchbar,class:"searchbar-cancel-button"},o("div",{key:"adcdc5b8b88a7541e79bada97a163a7e229f750d","aria-hidden":"true"},"md"===t||"ionic"===t?o("ion-icon",{"aria-hidden":"true",icon:i,lazy:!1}):a));return o(e,{key:"cfe739824b187e0fb3840871a2aa7a70aac5032a",role:"search","aria-disabled":this.disabled?"true":null,class:d(this.color,{[t]:!0,"searchbar-animated":s,"searchbar-disabled":this.disabled,"searchbar-no-animate":s&&this.noAnimate,"searchbar-has-value":this.hasValue(),"searchbar-left-aligned":this.shouldAlignLeft,"searchbar-has-focus":this.focused,"searchbar-has-leading-icons":"ionic"===t&&(void 0!==this.searchIcon||"never"!==this.showCancelButton),"searchbar-should-show-clear":this.shouldShowClearButton(),"searchbar-should-show-cancel":this.shouldShowCancelButton(),[`searchbar-shape-${l}`]:void 0!==l,[`searchbar-size-${b}`]:void 0!==b})},o("div",{key:"6e7cf7a93a570a8e6a6752f1a1ca4ed956605227",class:"searchbar-input-container"},o("input",Object.assign({key:"31d402af9375a9129c8f11eb9e68753490945f36","aria-label":"search text",disabled:this.disabled,ref:a=>this.nativeInput=a,class:"searchbar-input",inputMode:this.inputmode,enterKeyHint:this.enterkeyhint,name:this.name,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus,minLength:this.minlength,maxLength:this.maxlength,placeholder:this.placeholder,type:this.type,value:this.getValue(),autoCapitalize:"default"===r?void 0:r,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,spellcheck:this.spellcheck},this.inheritedAttributes)),("md"===t||"ionic"===t)&&p,"ionic"!==t||void 0!==this.searchIcon?o("ion-icon",{"aria-hidden":"true",icon:c,lazy:!1,class:"searchbar-search-icon"}):null,"ionic"!==t||void 0!==this.shouldShowClearButton()?o("button",{"aria-label":"reset",type:"button","no-blur":!0,class:"searchbar-clear-button",onPointerDown:a=>{a.preventDefault()},onClick:()=>this.onClearInput(!0)},o("ion-icon",{"aria-hidden":"true",icon:n,lazy:!1,class:"searchbar-clear-icon"})):null),"ios"===t&&p)}get el(){return n(this)}static get watchers(){return{lang:["onLangChanged"],dir:["onDirChanged"],debounce:["debounceChanged"],value:["valueChanged"],showCancelButton:["showCancelButtonChanged"]}}};let y=0;w.style={ionic:".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-primitives-neutral-100, #f5f5f5);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-primitives-neutral-800, #626262);--placeholder-color:var(--ion-primitives-neutral-800, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);--leading-icon-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));--clear-button-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);contain:strict;text-overflow:ellipsis}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.sc-ion-searchbar-ionic-h:not(.searchbar-should-show-clear){--clear-button-padding:var(--ion-scale-0, 0px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}.sc-ion-searchbar-ionic-h:not(.searchbar-has-leading-icons){--leading-icon-padding:var(--ion-scale-0, 0px)}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-primitives-neutral-500, #a2a2a2);--placeholder-color:var(--ion-primitives-neutral-500, #a2a2a2);cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-200, 8px)}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-400, 16px)}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-0, 0px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));height:var(--ion-scale-1000, 40px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-300, 12px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-300, 12px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));height:var(--ion-scale-1200, 48px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-400, 16px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-400, 16px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{--leading-icon-padding:calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{font-size:var(--ion-font-size-500, 1.25rem)}ion-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-400, 16px);-webkit-padding-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));height:var(--ion-scale-1400, 56px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-500, 20px)}",ios:".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.sc-ion-searchbar-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}",md:".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md>div.sc-ion-searchbar-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-md:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.sc-ion-searchbar-md-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, var(--ion-text-color-step-100, #1a1a1a));--clear-button-color:initial;--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;background:inherit}.searchbar-search-icon.sc-ion-searchbar-md{top:11px;width:1.3125rem;height:1.3125rem}.searchbar-search-icon.sc-ion-searchbar-md{inset-inline-start:16px}.searchbar-cancel-button.sc-ion-searchbar-md{top:0;background-color:transparent;font-size:1.5em}.searchbar-cancel-button.sc-ion-searchbar-md{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{-webkit-padding-start:3.4375rem;padding-inline-start:3.4375rem;-webkit-padding-end:3.4375rem;padding-inline-end:3.4375rem;padding-top:0.375rem;padding-bottom:0.375rem;background-position:left 8px center;height:auto;font-size:1rem;font-weight:400;line-height:30px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}@supports selector(:dir(rtl)){.searchbar-input.sc-ion-searchbar-md:dir(rtl){background-position:right 8px center}}.searchbar-clear-button.sc-ion-searchbar-md{top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-md{inset-inline-end:13px}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:1.375rem;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:3px;padding-bottom:3px}"};export{w as ion_searchbar}

package/dist/types/components/searchbar/searchbar.d.ts

@@ -57,7 +57,7 @@ export declare class Searchbar implements ComponentInterface {
      */
     cancelButtonIcon?: string;
     /**
-     * Set the the cancel button text. Only available when the theme is `"ios"`.
+     * Set the cancel button text. Only available when the theme is `"ios"`.
      */
     cancelButtonText: string;
     /**

package/dist/types/components.d.ts

@@ -3053,7 +3053,7 @@ export namespace Components {
          */
         "cancelButtonIcon"?: string;
         /**
-          * Set the the cancel button text. Only available when the theme is `"ios"`.
+          * Set the cancel button text. Only available when the theme is `"ios"`.
          */
         "cancelButtonText": string;
         /**
@@ -8350,7 +8350,7 @@ declare namespace LocalJSX {
          */
         "cancelButtonIcon"?: string;
         /**
-          * Set the the cancel button text. Only available when the theme is `"ios"`.
+          * Set the cancel button text. Only available when the theme is `"ios"`.
          */
         "cancelButtonText"?: string;
         /**

package/hydrate/index.js

@@ -29399,7 +29399,7 @@ const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
 
 const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
 
-const searchbarIonicCss = ".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-primitives-neutral-100, #f5f5f5);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-primitives-neutral-800, #626262);--placeholder-color:var(--ion-primitives-neutral-800, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);--leading-icon-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}.sc-ion-searchbar-ionic-h:not(.searchbar-has-leading-icons){--leading-icon-padding:var(--ion-scale-0, 0px)}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-primitives-neutral-500, #a2a2a2);--placeholder-color:var(--ion-primitives-neutral-500, #a2a2a2);cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-200, 8px)}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-400, 16px)}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-0, 0px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));height:var(--ion-scale-1000, 40px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-300, 12px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-300, 12px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));height:var(--ion-scale-1200, 48px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-400, 16px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-400, 16px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{--leading-icon-padding:calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{font-size:var(--ion-font-size-500, 1.25rem)}ion-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-400, 16px);-webkit-padding-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-500, 20px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-500, 20px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));height:var(--ion-scale-1400, 56px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-500, 20px)}";
+const searchbarIonicCss = ".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-primitives-neutral-100, #f5f5f5);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-primitives-neutral-800, #626262);--placeholder-color:var(--ion-primitives-neutral-800, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);--leading-icon-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));--clear-button-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);contain:strict;text-overflow:ellipsis}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.sc-ion-searchbar-ionic-h:not(.searchbar-should-show-clear){--clear-button-padding:var(--ion-scale-0, 0px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}.sc-ion-searchbar-ionic-h:not(.searchbar-has-leading-icons){--leading-icon-padding:var(--ion-scale-0, 0px)}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-primitives-neutral-500, #a2a2a2);--placeholder-color:var(--ion-primitives-neutral-500, #a2a2a2);cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-200, 8px)}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-400, 16px)}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-0, 0px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));height:var(--ion-scale-1000, 40px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-300, 12px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-300, 12px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));height:var(--ion-scale-1200, 48px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-400, 16px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-400, 16px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{--leading-icon-padding:calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{font-size:var(--ion-font-size-500, 1.25rem)}ion-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-400, 16px);-webkit-padding-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));height:var(--ion-scale-1400, 56px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-500, 20px)}";
 var IonSearchbarIonicStyle0 = searchbarIonicCss;
 
 const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.sc-ion-searchbar-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}";
@@ -29879,8 +29879,8 @@ class Searchbar {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '7dc5854b95da27ab51924514413e981d065b3d14', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '7ccba83e849da1cf9a1d9ae4818466170c4e7636', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (hAsync(Host, { key: 'a207e57178bdd970248428d66f54de17f4106b55', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '280cc4d61d078fae543254a8570b9a24635add6e', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'adcdc5b8b88a7541e79bada97a163a7e229f750d', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (hAsync(Host, { key: 'cfe739824b187e0fb3840871a2aa7a70aac5032a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -29893,14 +29893,14 @@ class Searchbar {
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
-            }) }, hAsync("div", { key: '437ba144b4195ff8e8650f72df4d05639077b111', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: 'ec10264fbbbaf5ed917e2a912af1bb18c6e95ccf', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, theme !== 'ionic' || this.searchIcon !== undefined ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, hAsync("button", { key: '987ae96a62b576a6ebc484a1bd5ac3994f5b46b7', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, hAsync("div", { key: '6e7cf7a93a570a8e6a6752f1a1ca4ed956605227', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '31d402af9375a9129c8f11eb9e68753490945f36', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, theme !== 'ionic' || this.searchIcon !== undefined ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, theme !== 'ionic' || this.shouldShowClearButton() !== undefined ? (hAsync("button", { "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'af26bcab2d98a656313256f8689344a9a1cbb0cd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))) : null), theme === 'ios' && cancelButton));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30491,14 +30491,14 @@ class Segment {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'ed534909594c70caa74cc3b3870b5f73fb7e3a84', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'fe9dfbc573cdb06ba7735c1d07457232e501ec35', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, hAsync("slot", { key: '544c2ca95a25cc733d2cf0449c96097f8632a9b2', onSlotchange: this.onSlottedItemsChange })));
+            }) }, hAsync("slot", { key: '07bd2abd7acb637d01282cdbb22db81b39d86656', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30675,7 +30675,7 @@ class SegmentButton {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme = getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (hAsync(Host, { key: '923c49c2f7ad412206ad28c85ddb354c4cf2dbc9', class: {
+        return (hAsync(Host, { key: '2ccbe1ae3d4fe107717db5ab8d2d53feeaab0353', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -30691,7 +30691,7 @@ class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, hAsync("button", Object.assign({ key: '45c43d4d3062f3c1fa80e3742cb16ac12ae0eefb', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: 'bea9db4fb86926498fd73d4d6a5a8a1d19ce7b2d', class: "button-inner" }, hAsync("slot", { key: 'e3ad5c48a0920012f36d899a83edcd0f15e379f6' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '323074cca9b783bb6b15bd55fdda1587dd9641ea' })), hAsync("div", { key: 'b272b4106903f7f9c47ae5a9096b6bbb79021b89', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '2d5736abd5fabcd5975cf52d73a224beaec93765', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, hAsync("button", Object.assign({ key: '15977a4ddd2a9afb6a5cfddd81c331f25d9a4dba', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '23374078f6bc6c1d26f4f5877e2782528ff3fa68', class: "button-inner" }, hAsync("slot", { key: 'b95c50c5c3057a1e7b37ad884ffa333b684664d1' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '0788556e2760abc1742d631bf71f8c01fdb6d117' })), hAsync("div", { key: '762f48386ce86abacbee179cf3fbe5322a35dae3', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '806db4026e86d5a29982701322100101a1a7e1e3', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30728,7 +30728,7 @@ class SegmentContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '03684b2999ac64fe13e376fd7e7f279976e9d4f2' }, hAsync("slot", { key: '143031075bf33ca19e7cfd76fc8a67b83ccaf11c' })));
+        return (hAsync(Host, { key: 'f1301e9dfeef766db609c37224e4d5d5ed23751a' }, hAsync("slot", { key: 'd967dac8bea24441db8949ce10d846e499c89774' })));
     }
     static get style() { return IonSegmentContentStyle0; }
     static get cmpMeta() { return {
@@ -30844,10 +30844,10 @@ class SegmentView {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (hAsync(Host, { key: '4a165da536914c666b1dc89827fa5ab053f1a890', class: {
+        return (hAsync(Host, { key: '4894e80c6fbd576bef3d0180c47f387aa6227794', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, hAsync("slot", { key: 'efe04cedb22ce150010277e9121417ba862db43a' })));
+            } }, hAsync("slot", { key: 'f7ab1bd3c0e7e42a4d88fa60afa1a58c42e0bffa' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -31552,7 +31552,7 @@ class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (hAsync(Host, { key: '0a33e10a04cc82c85014517e836331d8c6bacd94', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'ce9fa42327f61e6a9b43c192c87466f76f78fb47', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -31569,7 +31569,7 @@ class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, hAsync("label", { key: '09b56cdf15a9d46dee500f546f667b97db3c5ac8', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '5a5f298c45a67d4efec6bac6e31e5bfe17a938f0', class: "select-wrapper-inner" }, 
+            }) }, hAsync("label", { key: '9e2775b72761d44702849f7f81894f56af7c8129', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '6617bba60ce7317ff1fa9837e8de9f67cd0d6f69', class: "select-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -31579,7 +31579,7 @@ class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '60ec36fb5089550addd48a76fe563b5a83a4fb52', class: "select-outline" }), hAsync("slot", { key: '7c1f11c0c76ff9b7abbef26e82dbb73c37856d1e', name: "start" }), hAsync("div", { key: '5499001e3b7fbac560750aa50b3026f357b9f24f', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: 'b6fd8fe404dac4477e49ac06fee0e5d96fa9025f', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '53160a6a27059cb275614d7d8ee94b524269832e', class: "select-highlight" }))));
+        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: 'b42c45269896b4a73650158d5a5a38550734e250', class: "select-outline" }), hAsync("slot", { key: 'de5d2b96bf3c4e9aa81f95f4e96b4c15e35d9464', name: "start" }), hAsync("div", { key: 'f26491af6d46e714449786c2fb0528f3a5769fd8', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: 'c86051a7bbc32e1169d34f959a52aff022fb1c5d', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '044ab9a29dbab5e227a70cc832a05850025cb7c1', class: "select-highlight" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31741,7 +31741,7 @@ class SelectModal {
             } }, option.text))));
     }
     render() {
-        return (hAsync(Host, { key: 'd8943541f52e4139336d02fe0f7aaa34e3d6dcd4', class: getIonMode$1(this) }, hAsync("ion-header", { key: '69b220014151a2bff77733d56f6fa7a8783ac381' }, hAsync("ion-toolbar", { key: 'd3817f6d3f4d6465c6fbb533970559fafdce1ba9' }, this.header !== undefined && hAsync("ion-title", { key: '7d895aa66aab684d9f74f893d1153f7c60ca74c7' }, this.header), hAsync("ion-buttons", { key: '32869bea2d04acf8161d7bf7665aeea54f989bf8', slot: "end" }, hAsync("ion-button", { key: '9cee7c716bdc8a9e37c06e816878fb5da93f61b8', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: 'cd7e8a51bb037ce4c896dfe0bef65269831a2ff9' }, hAsync("ion-list", { key: '6fb46bd883e668aa93bf9daa355065ad0489588f' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (hAsync(Host, { key: '03593070a50743c07116e218529a4031808b372f', class: getIonMode$1(this) }, hAsync("ion-header", { key: 'ec8d42f5cf4a67429677f52da1d277430a599586' }, hAsync("ion-toolbar", { key: '0efbd4980f087f56228838dd716736dacd41810a' }, this.header !== undefined && hAsync("ion-title", { key: '5aeab0b91640a7f351d88e588ac2cc265436ce6a' }, this.header), hAsync("ion-buttons", { key: '58d793c29a63794eeebe5971d41f52f91c967eb7', slot: "end" }, hAsync("ion-button", { key: '749225d685f23081a8924b64f093b60c980252d8', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: 'fdc979a06119a797430b134099c13a7fdc251fc6' }, hAsync("ion-list", { key: '1b75d6525301e14dc9871f71c6e6bff0e59e13dc' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -31779,7 +31779,7 @@ class SelectOption {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '54487af48b0482f847f6e782434ef739cde0a73e', class: {
+        return (hAsync(Host, { key: '0a677f49a3d8511fd6653a214bb593656d2130a0', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }
@@ -31908,9 +31908,9 @@ class SelectPopover {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'e926e43a2e2a191d413ea8288a4785641ec46f8d', class: {
+        return (hAsync(Host, { key: '5211e9deb7231bfcb6f3144f201b3783f77b30ba', class: {
                 [theme]: true,
-            } }, hAsync("ion-list", { key: '8d3ec54cb1a6ef1a6af4973d306ebccdf41d3f96' }, header !== undefined && hAsync("ion-list-header", { key: 'f9d6efb98f1b020a98bec431d683e65215f070be' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '5276388ce33a9d43ab75b7cd466cca634ffa9f85' }, hAsync("ion-label", { key: '72572f777f72a3f15fc6f25a29c5dbacc4a42617', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '021b5b51cb3bac8ae8325e5f763db78a93833ad0' }, subHeader), message !== undefined && hAsync("p", { key: '684bb4655de6fdc2150c0a76f0ceeb14b7f4e55b' }, message)))), this.renderOptions(options))));
+            } }, hAsync("ion-list", { key: 'ae1d8a90dfd7d141c7f2a5c3b0de52d26e0a53c1' }, header !== undefined && hAsync("ion-list-header", { key: 'c5accdb7c8e73bb63841f8776a67a8974ea7e0d4' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '6fda56e16eebd2513f69765e250451c03e108d4d' }, hAsync("ion-label", { key: 'beef0a262a6d5b31f1a0bceb8c5143ef238481a2', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'f235d203a8971977ac945c4e6c7f1b9c3e7119a0' }, subHeader), message !== undefined && hAsync("p", { key: 'c65933c4ea11cad946d92a37b0d6404e5f3699a7' }, message)))), this.renderOptions(options))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -31963,11 +31963,11 @@ class SkeletonText {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '70efd9086ef58705a965a63aa3e5ac775757dc85', class: {
+        return (hAsync(Host, { key: 'e768d60b983352c336139bffcc80cab2b49b733e', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, hAsync("span", { key: '296246a88e33e0106045bec2f64738f48593ba12' }, "\u00A0")));
+            } }, hAsync("span", { key: '666b64e9abf7213325f300d2fa6de443fc4bb4d1' }, "\u00A0")));
     }
     get el() { return getElement(this); }
     static get style() { return IonSkeletonTextStyle0; }
@@ -32044,7 +32044,7 @@ class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (hAsync(Host, { key: 'e6d6c81972147b610b468cfb8535d4c4acd0911c', class: createColorClasses$1(self.color, {
+        return (hAsync(Host, { key: '8a3beeb623d6851addd4c0f9ef870e99c70a0dd8', class: createColorClasses$1(self.color, {
                 [theme]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -32157,12 +32157,12 @@ class SplitPane {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '2002430758c0d77fa67290d84c89a13e122cd56e', class: {
+        return (hAsync(Host, { key: 'cd27ad5bbbcc99340ecd70dbd1c3f9e9fdc22e65', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, hAsync("slot", { key: '311917f6487bc42695f983ff7024e2fbc5b85f57' })));
+            } }, hAsync("slot", { key: 'b8f2468bba9b923e32706732db30cc8dc9013e70' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32236,10 +32236,10 @@ class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (hAsync(Host, { key: '94e7961359b6ee01e5be26be130505cc41fa62f3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: '373fa350e5f183d9e539be2af831a2f19b1c4d8d', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: '0b24cddb59292470bf6a631c8ee295267c8d68b2' })));
+            } }, hAsync("slot", { key: '2a3b2a72382b25d413bf52d9a2f75e4dcd4e031a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32336,13 +32336,13 @@ class TabBar {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (hAsync(Host, { key: '1827087d4fa77507b61c87ce6dd12427cb7effd0', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'e57f0d522ba76f8d5eaf1a08ae4fea98a3f7a50a', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
                 [theme]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
                 [`tab-bar-${expand}`]: true,
                 [`tab-bar-${shape}`]: shape !== undefined,
-            }) }, hAsync("slot", { key: '9834dc234608f09af892c2a92401f304167b9f83' })));
+            }) }, hAsync("slot", { key: 'beee2b8b2139bc2c7920619f4b961f74c3b521fe' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32461,7 +32461,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '35c0d5aa92aef2f25833319f1b2ceabed06fad4f', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: '92fe9a21c7cdb676088159706dbf413f7a1ab6dd', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -32474,7 +32474,7 @@ class TabButton {
                 'ion-selectable': true,
                 [`tab-button-shape-${shape}`]: shape !== undefined,
                 'ion-focusable': true,
-            } }, hAsync("a", Object.assign({ key: '87bc750e94738ec73b2316d5a54df0affc4ad297' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: 'ab3044999782632130135f53fca46c39576583b4', class: "button-inner" }, hAsync("slot", { key: '6b9d8e397b9ffe1cd56b7f15de61cc2b77869eaf' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'ade73af4b03ddef4860cc719b4682c300c3eeb35', type: "unbounded" }))));
+            } }, hAsync("a", Object.assign({ key: 'c4b46c35ec0dbde8a8ba4d5e14b43cc198b8cea4' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: 'e8e5fcdb3e82e7faf6360609405ffe5aec5ddfa7', class: "button-inner" }, hAsync("slot", { key: '3ccbf6571071946adfb34f3dc4dc6b03911bf028' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '3e1ac99fdc2bb2f7c70b24d13d0b75d870bbebee', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -32655,7 +32655,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '204d4689b8d91a46b53710974596f719ae040223', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '31b73cfcffa41720f7746383b692f5b287aa2007', name: "top" }), hAsync("div", { key: 'fba78170055143a821676a463a623c0b174b4d5f', class: "tabs-inner" }, hAsync("slot", { key: '220ee76e56b5508eba63166412204a94fbbe6e7c' })), hAsync("slot", { key: 'b78f32dbf1a10d184fe0a186ebb8312e60cfc095', name: "bottom" })));
+        return (hAsync(Host, { key: '4d9856714441e8cc008fee4c576ce4459ce39a79', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'c38cdbabedb8c20d0c9c567d22a43cef18cf62dd', name: "top" }), hAsync("div", { key: '9abb86e184ac412ca330caa36c774514b57d7787', class: "tabs-inner" }, hAsync("slot", { key: '80ccbfd4373b75eec57b65246b73f3492ca6de61' })), hAsync("slot", { key: '529ea51bf3c4e83bbeceb0b0a46bf1acefd91999', name: "bottom" })));
     }
     get el() { return getElement(this); }
     static get style() { return IonTabsStyle0; }
@@ -32698,9 +32698,9 @@ class Text {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '7bf3aa9197541d2da1d40a361bc1bd9206a5223e', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'e1b876b429afbc3e274be86001ccfe24c442779f', class: createColorClasses$1(this.color, {
                 [theme]: true,
-            }) }, hAsync("slot", { key: '5dc6e3ce051f0d26459847c2bc5895edf9d08ca9' })));
+            }) }, hAsync("slot", { key: '19a4830c579945a82b8b96bdb47b97c4f5ef21cf' })));
     }
     static get style() { return IonTextStyle0; }
     static get cmpMeta() { return {
@@ -33106,7 +33106,7 @@ class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (hAsync(Host, { key: '74941a2a6f6aae597cf17d7a043e7b6dba5324e8', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'fe6c24bf77ca782972cac3d64a33737eaba23389', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -33117,7 +33117,7 @@ class Textarea {
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
                 'textarea-readonly': readonly,
-            }) }, hAsync("label", { key: '2a6736be472bbc5e6417aedb48eb989978769a25', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '670fdd27efcf2c2cf636efcf6e2273986f1e9acb', class: "textarea-wrapper-inner" }, 
+            }) }, hAsync("label", { key: '23d6c62531e57b60d6260e7c40e63ee5cf8270c3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'ea7dc7d4531f9698aa697cb09fae2703d0b0e591', class: "textarea-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -33127,7 +33127,7 @@ class Textarea {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: 'b5fb2d6ebc0700890941ba59a96bcae8f491e9b5', class: "textarea-outline" }), hAsync("div", { key: '3a52feaf0d97a106abcdcf592c60c9da7cc59cd8', class: "start-slot-wrapper" }, hAsync("slot", { key: '8376c6c129ca13cd82f3b9afdfc4407b754ef2e2', name: "start" })), hAsync("div", { key: '3cfa0cb78a3912b8b5589579e70ac384acd0672a', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: 'e9fe5a7afb7df21fe2c4f106efc3eba9de671dbb', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), hAsync("div", { key: 'a9132c9c5f06ddcb7a447bd8d46aa901ab56a88a', class: "end-slot-wrapper" }, hAsync("slot", { key: 'a9d2cfd6ce2fcf0e95f1ed94ee56addda55ad4ad', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '17f114125438e3a5c9d5b63e7bb3ad1b85dc7174', class: "textarea-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && hAsync("div", { key: 'bc710e560648176cf4fcb6711be718026f7e30fd', class: "textarea-outline" }), hAsync("div", { key: '9e2da805f2e270fdff71d024a4593a89b1a5d9f5', class: "start-slot-wrapper" }, hAsync("slot", { key: '7a74498533a18410dfcee4f30d26624c4bf80dac', name: "start" })), hAsync("div", { key: '8ccc0a907f9d1589f69557c12c765d0dd5af0bc2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '6573b2257ca304b302ab1d3cd8f4cad7ee5083d3', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), hAsync("div", { key: '159897f6743c9467ab126b279e4047fb7c190a20', class: "end-slot-wrapper" }, hAsync("slot", { key: '7a4cad67e425f6e61117540374a24d5398870dac', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'b1758605d2d8db048153c943fe3459379f5d55dd', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -33196,9 +33196,9 @@ class Thumbnail {
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: 'd8834b52a3f938cbd2cd7196e0b0e057746e5a7e', class: {
+        return (hAsync(Host, { key: 'e9025d3951787a7fe11d94200c094a91f927e987', class: {
                 [theme]: true,
-            } }, hAsync("slot", { key: 'c7be8264e5c9628d8be1ac202cac7f1ec8f0cb61' })));
+            } }, hAsync("slot", { key: '2d090b48ad7af62220c3a101ff835e9ee1555dc9' })));
     }
     static get style() { return IonThumbnailStyle0; }
     static get cmpMeta() { return {
@@ -34053,9 +34053,9 @@ class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (hAsync(Host, Object.assign({ key: '789f33465c1381e378b97804abed62614b55bed0', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: 'ca2b6c7687dd35723354c70e428732f9ef37b42a', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '7cdde3cb05a75e23e1e0780fad7f4f5a43474456', class: wrapperClass }, hAsync("div", { key: '5534c44b9ac41c080eb27798ed8d2073a418ec7d', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: '66e7384e1d77bb260431675cd1abc4c815da6366', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'f9528903610b7fb229f78d782e4e2e0473080d61', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'b060ada04340de9c06d738aebdab040733c275b2', class: wrapperClass }, hAsync("div", { key: '91e1656fb8d40dc8c06118177861a17a3f4818e2', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'a21fde59cf54bf6d6d0be95709aba5d011fcee30', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '1b11ede14b09874d27cc9414d8a7ff3cf3d8ea0a', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34333,7 +34333,7 @@ class Toggle {
         const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
         const isIonicTheme = theme === 'ionic';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (hAsync(Host, { key: 'fb45e051527a0a0914d18659bc1aeab5e9a4c50e', onClick: this.onClick, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '4d1933ea31bbb5aef07e25fca47ab32c3ce909c3', onClick: this.onClick, class: createColorClasses$1(color, {
                 [theme]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -34345,10 +34345,10 @@ class Toggle {
                 [`toggle-${rtl}`]: true,
                 'ion-activatable': isIonicTheme,
                 'ion-focusable': isIonicTheme,
-            }) }, hAsync("label", { key: 'f353323a0ed20368339ef0fed50d63f3b859f1ac', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: 'dbb471178fe04993330a5f811bb88d3a0fbbcbf4', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { key: 'b40a037e148ad25490d22c8b55120713e85253c9', class: {
+            }) }, hAsync("label", { key: 'b7a8dfa516c8db9ce5e6df8802f3da7cf248f70b', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: '4bbda19d567c69985e5ebb36554187dde1611360', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { key: 'bba19bc7602b525ac1226425e13d6732c32176e9', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, hAsync("slot", { key: '1eb06a2005f862ee50fe6f11e7e750eb9daeba7b' })), hAsync("div", { key: 'd2acbaff908b41301b37fbb1f99385a1c571cdf8', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, hAsync("slot", { key: 'abe8b79d4b358c61fe215721ee08b8f9469c3c62' })), hAsync("div", { key: 'cb2ff40a9d28296c6606022e2d0e032728a3a835', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34457,10 +34457,10 @@ class Toolbar {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (hAsync(Host, { key: '31d2cea6423110a58ed8ba749e422889c6f6d310', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'a55a8edc261ca09995af3e7dec64e295c17e9894', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, hAsync("div", { key: 'a3ecd195af52489725b7396c0aab32a9b4d4a49c', class: "toolbar-background" }), hAsync("div", { key: 'cfdc07edc4b002370df08ce4c913c3a52955252a', class: "toolbar-container" }, hAsync("slot", { key: 'b77feb227ab03d0fe095fdf620973e8502b486e6', name: "start" }), hAsync("slot", { key: '4284acf3c65df07e74908ee6620d5595255ac547', name: "secondary" }), hAsync("div", { key: '879fdaedc732cbf414d24f3ed3b0abcf4baaae71', class: "toolbar-content" }, hAsync("slot", { key: '975a411effa1492d6c4eb9302b3d8580bbce192d' })), hAsync("slot", { key: '5cfef86927c398b40710769bbdba9cf4c45100c5', name: "primary" }), hAsync("slot", { key: '416036fa2a84a8ef0cb6329d68da040c47bd2aea', name: "end" }))));
+            })) }, hAsync("div", { key: 'cc1cf2315998ae1f7490bba952173a2e39f12304', class: "toolbar-background" }), hAsync("div", { key: '1d0422f8d477ace3ae520309ccab6d3eab1c9953', class: "toolbar-container" }, hAsync("slot", { key: '3adbb14b6e44ce6da610f0f12675da3720a8ffaa', name: "start" }), hAsync("slot", { key: '8e43f81341287e441e16ac8c8fc356d954280eac', name: "secondary" }), hAsync("div", { key: '446e5f5c00864c143d677aee0b616e51e44ba888', class: "toolbar-content" }, hAsync("slot", { key: 'c3fa5cea939f030225d24213efebd84bd1ee1c8e' })), hAsync("slot", { key: '3e2695b17756acddd6999c866f3d1952268cfb66', name: "primary" }), hAsync("slot", { key: '6d6c407ca256e26cceadb1f7998d89823cc59c81', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -34518,11 +34518,11 @@ class ToolbarTitle {
     render() {
         const theme = getIonTheme(this);
         const size = this.getSize();
-        return (hAsync(Host, { key: '4ea0b5b986ff55f4512840d8582c5d015032dccf', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'a08b7e5cd33fda22b68d47d76e1b68521aa1a934', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, hAsync("div", { key: '1c1afffd677120d63753f9500e117d77d7f65a8a', class: "toolbar-title" }, hAsync("slot", { key: '4c6329b996db30c09c93ac08506fc23377d0d77f' }))));
+            }) }, hAsync("div", { key: '6e9b8379631089b2510a7d25d20eeb64eca8a498', class: "toolbar-title" }, hAsync("slot", { key: 'b7fdb72c562c6eabb4902e3faa6f4981675ef6f1' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {