@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790016799.1e269b7a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-accordion.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/{p-Cc3oC60a.js → p-0rXxxCTt.js} +1 -1
- package/components/p-B9ibhQu1.js +4 -0
- package/components/p-BzxHcuQH.js +4 -0
- package/components/p-C6wm_AQQ.js +4 -0
- package/components/p-CaxVJjmc.js +4 -0
- package/components/{p-Cm78Kk79.js → p-D2X-Hime.js} +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/ionic-swiper.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/dist/cjs/ion-accordion_2.cjs.entry.js +9 -14
- package/dist/cjs/ion-alert.cjs.entry.js +4 -4
- package/dist/cjs/ion-back-button.cjs.entry.js +11 -13
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +16 -29
- package/dist/cjs/ion-checkbox.cjs.entry.js +23 -15
- package/dist/cjs/ion-datetime.cjs.entry.js +14 -50
- package/dist/cjs/ion-fab_3.cjs.entry.js +9 -14
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +17 -29
- package/dist/cjs/ion-input.cjs.entry.js +12 -28
- package/dist/cjs/ion-item_8.cjs.entry.js +10 -15
- package/dist/cjs/ion-menu_3.cjs.entry.js +9 -12
- package/dist/cjs/ion-refresher_2.cjs.entry.js +10 -5
- package/dist/cjs/ion-reorder_2.cjs.entry.js +5 -13
- package/dist/cjs/ion-searchbar.cjs.entry.js +8 -37
- package/dist/cjs/ion-select-modal.cjs.entry.js +11 -10
- package/dist/cjs/ion-select_3.cjs.entry.js +13 -37
- package/dist/cjs/ion-textarea.cjs.entry.js +13 -21
- package/dist/cjs/ion-toggle.cjs.entry.js +12 -28
- package/dist/collection/components/accordion/accordion.js +9 -14
- package/dist/collection/components/alert/alert.ionic.css +7 -9
- package/dist/collection/components/alert/alert.js +3 -3
- package/dist/collection/components/back-button/back-button.js +11 -13
- package/dist/collection/components/breadcrumb/breadcrumb.js +16 -28
- package/dist/collection/components/checkbox/checkbox.ionic.css +35 -42
- package/dist/collection/components/checkbox/checkbox.ios.css +33 -29
- package/dist/collection/components/checkbox/checkbox.js +23 -13
- package/dist/collection/components/checkbox/checkbox.md.css +33 -29
- package/dist/collection/components/datetime/datetime.ios.css +5 -10
- package/dist/collection/components/datetime/datetime.js +12 -48
- package/dist/collection/components/datetime/datetime.md.css +5 -10
- package/dist/collection/components/fab-button/fab-button.js +9 -14
- package/dist/collection/components/input/input.ionic.css +102 -79
- package/dist/collection/components/input/input.js +11 -27
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +18 -28
- package/dist/collection/components/item/item.js +10 -15
- package/dist/collection/components/menu-button/menu-button.js +9 -12
- package/dist/collection/components/refresher-content/refresher-content.js +10 -4
- package/dist/collection/components/reorder/reorder.js +5 -13
- package/dist/collection/components/searchbar/searchbar.js +8 -35
- package/dist/collection/components/select/select.ionic.css +187 -76
- package/dist/collection/components/select/select.js +14 -39
- package/dist/collection/components/select-modal/select-modal.js +12 -10
- package/dist/collection/components/textarea/textarea.ionic.css +133 -85
- package/dist/collection/components/textarea/textarea.ios.css +0 -4
- package/dist/collection/components/textarea/textarea.js +13 -18
- package/dist/collection/components/textarea/textarea.md.css +0 -4
- package/dist/collection/components/toggle/toggle.js +12 -26
- package/dist/collection/utils/test/playwright/field-geometry.js +34 -0
- package/dist/collection/utils/test/playwright/index.js +1 -0
- package/dist/docs.json +60 -25
- package/dist/esm/{index-BqQ15K9a.js → index-BkJpfpXI.js} +1 -1
- package/dist/esm/ion-accordion_2.entry.js +10 -15
- package/dist/esm/ion-alert.entry.js +4 -4
- package/dist/esm/ion-back-button.entry.js +12 -14
- package/dist/esm/ion-breadcrumb_2.entry.js +17 -30
- package/dist/esm/ion-checkbox.entry.js +24 -16
- package/dist/esm/ion-datetime.entry.js +15 -51
- package/dist/esm/ion-fab_3.entry.js +10 -15
- package/dist/esm/ion-input-password-toggle.entry.js +19 -31
- package/dist/esm/ion-input.entry.js +13 -29
- package/dist/esm/ion-item_8.entry.js +11 -16
- package/dist/esm/ion-menu_3.entry.js +10 -13
- package/dist/esm/ion-refresher_2.entry.js +11 -6
- package/dist/esm/ion-reorder_2.entry.js +6 -14
- package/dist/esm/ion-searchbar.entry.js +9 -38
- package/dist/esm/ion-select-modal.entry.js +13 -12
- package/dist/esm/ion-select_3.entry.js +14 -38
- package/dist/esm/ion-textarea.entry.js +13 -21
- package/dist/esm/ion-toggle.entry.js +13 -29
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-016f2ee0.entry.js +4 -0
- package/dist/ionic/p-07b95001.entry.js +4 -0
- package/dist/ionic/p-14dfe86e.entry.js +4 -0
- package/dist/ionic/p-167af5d6.entry.js +4 -0
- package/dist/ionic/p-18285aab.entry.js +4 -0
- package/dist/ionic/{p-2e3acd77.entry.js → p-1e0f0eb9.entry.js} +1 -1
- package/dist/ionic/p-368935f5.entry.js +4 -0
- package/dist/ionic/p-38da0794.entry.js +4 -0
- package/dist/ionic/p-80f71456.entry.js +4 -0
- package/dist/ionic/p-83aa4043.entry.js +4 -0
- package/dist/ionic/p-944ce631.entry.js +4 -0
- package/dist/ionic/{p-BqQ15K9a.js → p-BkJpfpXI.js} +1 -1
- package/dist/ionic/p-aecef1d7.entry.js +4 -0
- package/dist/ionic/p-bb83b861.entry.js +4 -0
- package/dist/ionic/p-c1c90068.entry.js +4 -0
- package/dist/ionic/p-ccc7487b.entry.js +4 -0
- package/dist/ionic/p-cfd5dc50.entry.js +4 -0
- package/dist/ionic/p-d5c9bf12.entry.js +4 -0
- package/dist/ionic/p-f252ab8a.entry.js +4 -0
- package/dist/types/components/accordion/accordion.d.ts +7 -1
- package/dist/types/components/back-button/back-button.d.ts +8 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +12 -2
- package/dist/types/components/checkbox/checkbox.d.ts +12 -1
- package/dist/types/components/datetime/datetime.d.ts +4 -4
- package/dist/types/components/fab-button/fab-button.d.ts +7 -1
- package/dist/types/components/input/input.d.ts +7 -10
- package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +14 -2
- package/dist/types/components/item/item.d.ts +7 -1
- package/dist/types/components/menu-button/menu-button.d.ts +6 -1
- package/dist/types/components/refresher-content/refresher-content.d.ts +6 -0
- package/dist/types/components/reorder/reorder.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +7 -12
- package/dist/types/components/select-modal/select-modal.d.ts +6 -1
- package/dist/types/components/textarea/textarea.d.ts +8 -8
- package/dist/types/components/toggle/toggle.d.ts +5 -2
- package/dist/types/utils/config.d.ts +22 -2
- package/dist/types/utils/test/playwright/field-geometry.d.ts +13 -0
- package/dist/types/utils/test/playwright/index.d.ts +1 -0
- package/hydrate/index.js +213 -375
- package/hydrate/index.mjs +213 -375
- package/package.json +1 -2
- package/components/p-B1AK6oR-.js +0 -4
- package/components/p-BDqjX7Z_.js +0 -4
- package/components/p-BYSs-jZz.js +0 -4
- package/components/p-CPdOdJa7.js +0 -4
- package/components/p-D1t981Ih.js +0 -4
- package/components/p-Dhi5xtNS.js +0 -4
- package/components/p-DzaPYdjZ.js +0 -4
- package/components/p-e73ca-aN.js +0 -4
- package/components/p-fIOYmaqA.js +0 -4
- package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
- package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
- package/dist/cjs/caret-right-CRCgv98E.js +0 -8
- package/dist/cjs/list-a-7GSA6K.js +0 -8
- package/dist/cjs/x-BTF99yFH.js +0 -8
- package/dist/esm/caret-down-D1t981Ih.js +0 -6
- package/dist/esm/caret-left-fIOYmaqA.js +0 -6
- package/dist/esm/caret-right-BYSs-jZz.js +0 -6
- package/dist/esm/list-Dhi5xtNS.js +0 -6
- package/dist/esm/x-BDqjX7Z_.js +0 -6
- package/dist/ionic/p-04d96dad.entry.js +0 -4
- package/dist/ionic/p-0a924e6a.entry.js +0 -4
- package/dist/ionic/p-2da21af7.entry.js +0 -4
- package/dist/ionic/p-2fc1521f.entry.js +0 -4
- package/dist/ionic/p-73309d35.entry.js +0 -4
- package/dist/ionic/p-74ab5f49.entry.js +0 -4
- package/dist/ionic/p-83d13d56.entry.js +0 -4
- package/dist/ionic/p-8dcd18cf.entry.js +0 -4
- package/dist/ionic/p-9ca59419.entry.js +0 -4
- package/dist/ionic/p-BDqjX7Z_.js +0 -4
- package/dist/ionic/p-BYSs-jZz.js +0 -4
- package/dist/ionic/p-D1t981Ih.js +0 -4
- package/dist/ionic/p-Dhi5xtNS.js +0 -4
- package/dist/ionic/p-b10dc124.entry.js +0 -4
- package/dist/ionic/p-b7ce4a50.entry.js +0 -4
- package/dist/ionic/p-c7035f3f.entry.js +0 -4
- package/dist/ionic/p-c91fc9d4.entry.js +0 -4
- package/dist/ionic/p-cd4791d5.entry.js +0 -4
- package/dist/ionic/p-e9480e7f.entry.js +0 -4
- package/dist/ionic/p-e9fdff49.entry.js +0 -4
- package/dist/ionic/p-f82b13a6.entry.js +0 -4
- package/dist/ionic/p-fIOYmaqA.js +0 -4
package/components/ion-input.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as i,H as t,e as n,i as o,f as e,h as r,c as a,d as l,t as s}from"./p-Bkk8447d.js";import{x as p}from"./p-BDqjX7Z_.js";import{c,a as d,b as u}from"./p-CN41sVGB.js";import{c as h}from"./p-NcQUGze-.js";import{c as m}from"./p-W8Yq_OMR.js";import{l as b,d as g,i as f,c as v}from"./p-DwAij6DN.js";import{h as x,c as w}from"./p-BUF_V-Kg.js";import{j as k,k as y}from"./p-Cc3oC60a.js";import{b as z}from"./p-Uo-TYRpE.js";import{g as C}from"./p-BkQ1V9ee.js";import{d as I}from"./p-CrNVENZG.js";const j=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.ionInput=n(this,"ionInput",7),this.ionChange=n(this,"ionChange",7),this.ionBlur=n(this,"ionBlur",7),this.ionFocus=n(this,"ionFocus",7),this.inputId="ion-input-"+T++,this.helperTextId=this.inputId+"-helper-text",this.errorTextId=this.inputId+"-error-text",this.labelTextId=this.inputId+"-label",this.inheritedAttributes={},this.isComposing=!1,this.didInputClearOnEdit=!1,this.hasFocus=!1,this.isInvalid=!1,this.isClearButtonPressed=!1,this.clearButtonPressController=m((i=>this.isClearButtonPressed=i)),this.autocapitalize="off",this.autocomplete="off",this.autocorrect=!1,this.autofocus=!1,this.clearInput=!1,this.counter=!1,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.size="medium",this.type="text",this.value="",this.onInput=i=>{const t=i.target;t&&(this.value=t.value||""),this.emitInputChange(i)},this.onChange=i=>{this.emitValueChange(i)},this.onBlur=i=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(i),this.didInputClearOnEdit=!1,this.ionBlur.emit(i)},this.onFocus=i=>{this.hasFocus=!0,this.focusedValue=this.value,this.ionFocus.emit(i)},this.onKeydown=i=>{this.checkClearOnEdit(i)},this.onCompositionStart=()=>{this.isComposing=!0},this.onCompositionEnd=()=>{this.isComposing=!1},this.clearTextInput=i=>{this.clearButtonPressController.release(),this.clearInput&&!this.readonly&&!this.disabled&&i&&(i.preventDefault(),i.stopPropagation(),this.setFocus()),this.value="",this.emitInputChange(i)},this.onLabelClick=i=>{const t=i.target.closest('[slot="start"], [slot="end"]');null!==t&&t!==this.el&&this.el.contains(t)||i.stopPropagation()}}debounceChanged(){const{ionInput:i,debounce:t,originalIonInput:n}=this;this.ionInput=void 0===t?n??i:b(i,t)}onTypeChange(){const i=this.el.querySelector("ion-input-password-toggle");i&&(i.type=this.type)}valueChanged(){const i=this.nativeInput,t=this.getValue();i&&i.value!==t&&!this.isComposing&&(i.value=t)}onDirChanged(i){this.inheritedAttributes={...this.inheritedAttributes,dir:i},o(this)}onClickCapture(i){const t=this.nativeInput;t&&i.target===t&&(i.stopPropagation(),this.el.click())}componentWillLoad(){this.inheritedAttributes={...f(this.el),...g(this.el,["tabindex","title","data-form-type","dir"])},void 0===this.labelPlacement&&(this.labelPlacement="ionic"===z(this)?E:"start")}connectedCallback(){const{el:i}=this;this.slotMutationController=c(i,["label","start","end"],(()=>{this.startContainerController?.calculateStartContainerWidth(),this.setSlottedLabelId(),o(this)})),this.setSlottedLabelId(),this.notchController=d(i,(()=>this.notchSpacerEl),(()=>this.labelSlot)),this.startContainerController=u(i,(()=>this.startContainerEl),(()=>"md"===z(this)&&"outline"===this.fill)),this.startContainerController.calculateStartContainerWidth(),"undefined"!=typeof MutationObserver&&(this.validationObserver=new MutationObserver((()=>{const t=h(i);this.isInvalid!==t&&(this.isInvalid=t,o(this))})),this.validationObserver.observe(i,{attributes:!0,attributeFilter:["class"]})),this.isInvalid=h(i),this.debounceChanged(),document.dispatchEvent(new CustomEvent("ionInputDidLoad",{detail:this.el}))}componentDidLoad(){this.originalIonInput=this.ionInput,this.onTypeChange(),this.debounceChanged()}componentDidRender(){this.notchController?.calculateNotchWidth(),this.startContainerController?.calculateStartContainerWidth()}disconnectedCallback(){document.dispatchEvent(new CustomEvent("ionInputDidUnload",{detail:this.el})),this.clearButtonPressController.destroy(),this.slotMutationController&&(this.slotMutationController.destroy(),this.slotMutationController=void 0),this.notchController&&(this.notchController.destroy(),this.notchController=void 0),this.startContainerController&&(this.startContainerController.destroy(),this.startContainerController=void 0),this.validationObserver&&(this.validationObserver.disconnect(),this.validationObserver=void 0)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async getInputElement(){return this.nativeInput||await new Promise((i=>v(this.el,i))),Promise.resolve(this.nativeInput)}emitValueChange(i){const{value:t}=this,n=null==t?t:""+t;this.focusedValue=n,this.ionChange.emit({value:n,event:i})}emitInputChange(i){const{value:t}=this;this.ionInput.emit({value:null==t?t:""+t,event:i})}shouldClearOnEdit(){const{type:i,clearOnEdit:t}=this;return void 0===t?"password"===i:t}getValue(){return"number"==typeof this.value?""+this.value:""+(this.value||"")}getFill(){const i=z(this),{fill:t}=this;return"ionic"===i&&void 0===t?"outline":t}getLabelPlacement(){const i=z(this),{el:t,labelPlacement:n}=this;return"ionic"===i&&"stacked"!==n&&"floating"!==n?(e(`The "${n}" label placement is not supported in the ${i} theme. The default value of "${E}" will be used instead.`,t),E):n}getSize(){const i=z(this),{size:t}=this;return"ionic"===i||"large"!==t&&"xlarge"!==t?t:(e(`The "${t}" size is not supported in the ${i} theme.`),"medium")}getShape(){const i=z(this),{shape:t}=this;if("ios"===i&&"round"===t||"ionic"!==i&&"soft"===t)e(`The "${t}" shape is not supported in the ${i} theme.`);else{if(void 0!==t)return t;if("ionic"===i)return"round"}}checkClearOnEdit(i){if(!this.shouldClearOnEdit())return;const t=["Enter","Tab","Shift","Meta","Alt","Control"].includes(i.key);this.didInputClearOnEdit||!this.hasValue()||t||(this.value="",this.emitInputChange(i)),t||(this.didInputClearOnEdit=!0)}hasValue(){return this.getValue().length>0}renderHintText(){const{helperText:i,errorText:t,helperTextId:n,errorTextId:o,isInvalid:e}=this;return[r("div",{id:n,class:"helper-text","aria-live":"polite"},e?null:i),r("div",{id:o,class:"error-text",role:"alert"},e?t:null)]}getHintTextID(){const{isInvalid:i,helperText:t,errorText:n,helperTextId:o,errorTextId:e}=this;return i&&n?e:t?o:void 0}renderCounter(){const{counter:i,maxlength:t,counterFormatter:n,value:o}=this;if(!0===i&&void 0!==t)return r("div",{class:"counter"},C(o,t,n))}renderBottomContent(){const{counter:i,helperText:t,errorText:n,maxlength:o}=this;if(t||n||!0===i&&void 0!==o)return r("div",{class:"input-bottom"},this.renderHintText(),this.renderCounter())}renderLabel(){const{label:i,labelTextId:t}=this;return r("div",{class:{"label-text-wrapper":!0,"label-text-wrapper-hidden":!this.hasLabel},"aria-hidden":this.hasLabel?"true":null},void 0===i?r("slot",{name:"label"}):r("div",{class:"label-text",id:t},i))}get labelSlot(){return this.el.querySelector('[slot="label"]')}setSlottedLabelId(){const i=this.labelSlot;i&&!i.id&&(i.id=this.labelTextId)}getLabelledById(){if(!this.inheritedAttributes["aria-label"])return void 0!==this.label?this.labelTextId:this.labelSlot?.id||void 0}get hasLabel(){return void 0!==this.label||null!==this.labelSlot}renderOutlineContainer(){return r("div",{key:"outline",class:"input-outline-container"},r("div",{class:"input-outline-start"}),r("div",{class:{"input-outline-notch":!0,"input-outline-notch-hidden":!this.hasLabel}},r("div",{class:"notch-spacer","aria-hidden":"true",ref:i=>this.notchSpacerEl=i},this.label)),r("div",{class:"input-outline-end"}))}renderNativeInput(){const{disabled:i,readonly:t,inputId:n}=this;return r("input",{class:"native-input",ref:i=>this.nativeInput=i,id:n,disabled:i,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect?"on":"off",autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:t,required:this.required,spellcheck:this.spellcheck,step:this.step,type:this.type,value:this.getValue(),onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd,"aria-describedby":this.getHintTextID(),"aria-invalid":this.isInvalid?"true":void 0,"aria-labelledby":this.getLabelledById(),...this.inheritedAttributes})}renderClearButton(){const{clearInput:i,disabled:t,readonly:n}=this;if(i&&!n&&!t)return r("button",{"aria-label":"reset",type:"button",class:{"input-clear-icon":!0,"input-clear-button-pressed":this.isClearButtonPressed},onPointerDown:this.clearButtonPressController.onPointerDown,onPointerCancel:this.clearButtonPressController.release,onClick:this.clearTextInput},r("ion-icon",{"aria-hidden":"true",icon:this.inputClearIcon}))}renderIonicField(){return[this.renderLabel(),r("div",{key:"inner",class:"input-wrapper-inner"},r("div",{key:"outline",class:"input-outline"}),this.renderStartContainer(),r("div",{key:"control",class:"input-control"},r("div",{class:"native-wrapper",onClick:this.onLabelClick},this.renderNativeInput())),this.renderEndContainer())]}renderStartContainer(){return r("div",{key:"start",class:"input-start",ref:i=>this.startContainerEl=i},r("slot",{name:"start"}))}renderEndContainer(){return r("div",{key:"end",class:"input-end"},this.renderClearButton(),r("slot",{name:"end"}))}renderNativeField(){return["md"===z(this)&&"outline"===this.getFill()&&this.renderOutlineContainer(),this.renderStartContainer(),r("div",{key:"control",class:"input-control"},this.renderLabel(),r("div",{class:"native-wrapper",onClick:this.onLabelClick},this.renderNativeInput())),this.renderEndContainer()]}get inputClearIcon(){if(null!=this.clearInputIcon)return this.clearInputIcon;const i=z(this),t={ios:y,ionic:p,md:k};return a.get("inputClearIcon",t[i]||t.md)}render(){const{disabled:i,readonly:t,inputId:n,hasFocus:o}=this,e=z(this),a=this.getFill(),s=this.getSize(),p=this.getShape(),c=x("ion-item",this.el),d="md"===e&&"outline"!==a&&!c,u=this.getLabelPlacement(),h=this.hasValue(),m="stacked"===u||"floating"===u&&(h||o);return r(l,{key:"5f43fb688b16cf37221db78eeedbf4b337a51d65",class:w(this.color,{[e]:!0,"has-value":h,"has-focus":o,"label-floating":m,["input-fill-"+a]:void 0!==a,["input-shape-"+p]:void 0!==p,["input-size-"+s]:!0,["input-label-placement-"+u]:!0,"in-item":c,"in-item-color":x("ion-item.ion-color",this.el),"input-disabled":i,"input-readonly":t})},r("label",{key:"211acead7fe50527b472ebddddca5ecc72ce1ec9",class:"input-wrapper",htmlFor:n,onClick:this.onLabelClick},"ionic"===e?this.renderIonicField():this.renderNativeField(),d&&r("div",{key:"b47126f58c61d673ec1c970f1d166284e45b5a9b",class:"input-highlight"})),this.renderBottomContent())}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],type:[{onTypeChange:0}],value:[{valueChanged:0}],dir:[{onDirChanged:0}]}}static get style(){return{ionic:'.sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.input-control.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;width:100%;min-width:0}.native-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.input-start.sc-ion-input-ionic,.input-end.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.skip-label-transition.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transition:none;transition:none}.label-text.sc-ion-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{visibility:hidden}.input-fill-outline.sc-ion-input-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2)}.input-fill-solid.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}.input-fill-solid.has-focus.ion-valid.sc-ion-input-ionic-h .input-wrapper-inner.sc-ion-input-ionic,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-wrapper-inner.sc-ion-input-ionic{--border-color:var(--highlight-color)}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}}.input-fill-solid.input-disabled.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));--placeholder-color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}.input-fill-solid.input-readonly.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));--border-color:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0))}.input-fill-solid.has-focus.sc-ion-input-ionic-h{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.sc-ion-input-ionic-h{--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--highlight-color-valid:var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));--highlight-color-invalid:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.input-outline.sc-ion-input-ionic{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.label-floating.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.input-wrapper.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-bottom:none;background:transparent}.label-text-wrapper.sc-ion-input-ionic{position:relative}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-bottom.sc-ion-input-ionic{border-top:none}.input-wrapper-inner.sc-ion-input-ionic{border-radius:inherit;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;min-height:var(--token-scale-1000, 40px);-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--background)}.input-size-medium.sc-ion-input-ionic-h{--padding-start:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-300, var(--token-scale-300, 12px))}.input-size-large.sc-ion-input-ionic-h{--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}.input-size-xlarge.sc-ion-input-ionic-h{--padding-start:var(--token-space-500, var(--token-scale-500, 20px));--padding-end:var(--token-space-500, var(--token-scale-500, 20px))}.input-size-medium.sc-ion-input-ionic-h .input-wrapper-inner.sc-ion-input-ionic{min-height:var(--token-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h .input-wrapper-inner.sc-ion-input-ionic{min-height:var(--token-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h .input-wrapper-inner.sc-ion-input-ionic{min-height:var(--token-scale-1400, 56px)}.input-shape-soft.sc-ion-input-ionic-h{--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}.input-shape-round.sc-ion-input-ionic-h{--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}.input-shape-rectangular.sc-ion-input-ionic-h{--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}.input-size-medium.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1400, 56px)}.input-wrapper-inner.sc-ion-input-ionic::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:text}.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-s>[slot=end],.input-clear-icon.sc-ion-input-ionic{z-index:2}.sc-ion-input-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}.sc-ion-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);color:var(--token-primitives-neutral-1000, #3b3b3b)}.input-clear-icon.sc-ion-input-ionic:focus-visible{border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));opacity:1}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{font-size:var(--token-font-size-400, 1rem)}.sc-ion-input-ionic-h:not(:focus-within) .input-clear-icon.sc-ion-input-ionic:not(.input-clear-button-pressed){display:none}.label-text-wrapper.sc-ion-input-ionic{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;color:var(--token-primitives-neutral-1000, #3b3b3b)}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:none;transform:none}.input-bottom.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:0;font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}.has-focus.ion-valid.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px))}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--token-primitives-neutral-600, #8c8c8c)}}.input-disabled.sc-ion-input-ionic-h{--color:var(--token-primitives-neutral-500, #a2a2a2);--background:var(--token-primitives-neutral-100, #f3f3f3);--border-color:var(--token-primitives-neutral-300, #e0e0e0);--placeholder-color:var(--token-primitives-neutral-500, #a2a2a2);pointer-events:none}.input-disabled.sc-ion-input-ionic-h:not(.ion-valid) .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h{--border-color:rgba(var(--token-semantics-success-base-rgb, 27, 164, 51), 0.6)}.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:rgba(var(--token-semantics-danger-base-rgb, 229, 41, 41), 0.6)}.input-disabled.ion-color.sc-ion-input-ionic-h{--border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic{opacity:0.6}.input-readonly.sc-ion-input-ionic-h{--background:var(--token-primitives-neutral-100, #f3f3f3)}.has-focus.sc-ion-input-ionic-h{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}',ios:".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-ios-h,ion-item [slot=start].sc-ion-input-ios-h,ion-item[slot=end].sc-ion-input-ios-h,ion-item [slot=end].sc-ion-input-ios-h{width:auto}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.cloned-input.sc-ion-input-ios{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input.sc-ion-input-ios:disabled{opacity:1}.input-clear-icon.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{color:inherit}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.input-wrapper.sc-ion-input-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.input-control.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;width:100%;min-width:0}.native-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.input-start.sc-ion-input-ios,.input-end.sc-ion-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-ios-h,.ion-touched.ion-invalid.sc-ion-input-ios-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:none}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-ios{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.skip-label-transition.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transition:none;transition:none}.label-text.sc-ion-input-ios,.sc-ion-input-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ios,.input-outline-notch-hidden.sc-ion-input-ios{display:none}.input-wrapper.sc-ion-input-ios input.sc-ion-input-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ios-h .input-control.sc-ion-input-ios{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-ios-h .input-control.sc-ion-input-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-ios-h .label-text.sc-ion-input-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ios-h .input-control.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .input-control.sc-ion-input-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios,.has-value.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:1}.sc-ion-input-ios-h[disabled].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[disabled] .sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly] .sc-ion-input-ios-s>ion-input-password-toggle{visibility:hidden}.sc-ion-input-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--color:initial;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);min-height:44px;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:var(--ion-color-base)}.cloned-input.sc-ion-input-ios{top:0;bottom:0}.cloned-input.sc-ion-input-ios{inset-inline-start:0}.input-label-placement-floating.sc-ion-input-ios-h,.input-label-placement-stacked.sc-ion-input-ios-h{min-height:56px}.input-clear-icon.sc-ion-input-ios{width:30px;height:30px;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;font-size:0.75rem}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));-webkit-padding-start:16px;padding-inline-start:16px}.input-label-placement-start.sc-ion-input-ios-h .native-wrapper.sc-ion-input-ios,.input-label-placement-end.sc-ion-input-ios-h .native-wrapper.sc-ion-input-ios,.input-label-placement-fixed.sc-ion-input-ios-h .native-wrapper.sc-ion-input-ios{-ms-flex:1 1 0px;flex:1 1 0}.input-label-placement-start.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.label-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.label-text-wrapper.sc-ion-input-ios{min-width:0}.sc-ion-input-ios-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-ios-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px;font-size:inherit}.input-clear-icon.sc-ion-input-ios ion-icon.sc-ion-input-ios{font-size:18px}.input-disabled.sc-ion-input-ios-h{opacity:0.3}.sc-ion-input-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-ios-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}",md:".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-md-h,ion-item [slot=start].sc-ion-input-md-h,ion-item[slot=end].sc-ion-input-md-h,ion-item [slot=end].sc-ion-input-md-h{width:auto}.ion-color.sc-ion-input-md-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.cloned-input.sc-ion-input-md{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input.sc-ion-input-md:disabled{opacity:1}.input-clear-icon.sc-ion-input-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{color:inherit}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.input-wrapper.sc-ion-input-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.input-control.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;width:100%;min-width:0}.native-wrapper.sc-ion-input-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.input-start.sc-ion-input-md,.input-end.sc-ion-input-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:block}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:block}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:none}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-md-h input.sc-ion-input-md{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.skip-label-transition.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transition:none;transition:none}.label-text.sc-ion-input-md,.sc-ion-input-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-md,.input-outline-notch-hidden.sc-ion-input-md{display:none}.input-wrapper.sc-ion-input-md input.sc-ion-input-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-md-h .input-control.sc-ion-input-md{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-md-h .input-control.sc-ion-input-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-md-h .label-text.sc-ion-input-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-md-h .input-control.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .input-control.sc-ion-input-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md,.has-value.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:1}.sc-ion-input-md-h[disabled].sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[disabled] .sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[readonly].sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[readonly] .sc-ion-input-md-s>ion-input-password-toggle{visibility:hidden}.sc-ion-input-md-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--color:initial;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);min-height:44px;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}.ion-color.sc-ion-input-md-h{--highlight-color-focused:var(--ion-color-base)}.cloned-input.sc-ion-input-md{top:0;bottom:0}.cloned-input.sc-ion-input-md{inset-inline-start:0}.input-label-placement-floating.sc-ion-input-md-h,.input-label-placement-stacked.sc-ion-input-md-h{min-height:56px}.input-clear-icon.sc-ion-input-md{width:30px;height:30px;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;font-size:0.75rem}.input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));-webkit-padding-start:16px;padding-inline-start:16px}.input-label-placement-start.sc-ion-input-md-h .native-wrapper.sc-ion-input-md,.input-label-placement-end.sc-ion-input-md-h .native-wrapper.sc-ion-input-md,.input-label-placement-fixed.sc-ion-input-md-h .native-wrapper.sc-ion-input-md{-ms-flex:1 1 0px;flex:1 1 0}.input-label-placement-start.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.label-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.label-text-wrapper.sc-ion-input-md{min-width:0}.sc-ion-input-md-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-md-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.input-fill-solid.sc-ion-input-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.input-fill-solid.ion-valid.sc-ion-input-md-h,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-fill-solid.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}@media (any-hover: hover){.input-fill-solid.sc-ion-input-md-h:hover{--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-solid.has-focus.sc-ion-input-md-h{--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}.label-floating.input-fill-solid.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{max-width:calc(100% / 0.75)}.input-fill-outline.sc-ion-input-md-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;--internal-start-container-adjustment:0px;min-height:56px}.input-fill-outline.input-shape-round.sc-ion-input-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.input-fill-outline.ion-valid.sc-ion-input-md-h,.input-fill-outline.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.input-fill-outline.sc-ion-input-md-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-outline.has-focus.sc-ion-input-md-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.input-fill-outline.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}.input-fill-outline.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:none}.input-fill-outline.sc-ion-input-md-h:not(.label-floating) .input-control.sc-ion-input-md{position:relative}.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:100%}[dir=rtl].sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{position:relative}.label-floating.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translate(var(--internal-start-container-adjustment, 0px), -32%) scale(0.75);transform:translate(var(--internal-start-container-adjustment, 0px), -32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc( (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75 )}.input-fill-outline.sc-ion-input-md-h .input-outline-container.sc-ion-input-md{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{pointer-events:none}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.input-fill-outline.sc-ion-input-md-h .notch-spacer.sc-ion-input-md{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius);-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);width:calc(var(--padding-start) - 4px)}.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px;-ms-flex-positive:1;flex-grow:1}.label-floating.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{border-top:none}.sc-ion-input-md-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--highlight-height:2px;font-size:inherit}.input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md{font-size:22px}.input-disabled.sc-ion-input-md-h{opacity:0.38}.has-focus.ion-valid.sc-ion-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{letter-spacing:0.0333333333em}.input-label-placement-floating.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.has-focus.input-label-placement-floating.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.has-focus.input-label-placement-stacked.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.input-highlight.sc-ion-input-md{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.input-highlight.sc-ion-input-md{inset-inline-start:0}.has-focus.sc-ion-input-md-h .input-highlight.sc-ion-input-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{bottom:0}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{inset-inline-start:0}.input-shape-round.sc-ion-input-md-h{--border-radius:16px}.sc-ion-input-md-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-md-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}"}}},[294,"ion-input",{color:[513],autocapitalize:[1],autocomplete:[1],autocorrect:[4],autofocus:[4],clearInput:[4,"clear-input"],clearInputIcon:[1,"clear-input-icon"],clearOnEdit:[4,"clear-on-edit"],counter:[4],counterFormatter:[16],debounce:[2],disabled:[516],enterkeyhint:[1],errorText:[1,"error-text"],fill:[1],inputmode:[1],helperText:[1,"helper-text"],label:[1],labelPlacement:[1025,"label-placement"],max:[8],maxlength:[2],min:[8],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[516],required:[4],shape:[1],spellcheck:[4],step:[1],size:[1],type:[1],value:[1032],hasFocus:[32],isInvalid:[32],isClearButtonPressed:[32],setFocus:[64],getInputElement:[64]},[[2,"click","onClickCapture"]],{debounce:[{debounceChanged:0}],type:[{onTypeChange:0}],value:[{valueChanged:0}],dir:[{onDirChanged:0}]}]);let T=0;const E="stacked",F=j,Y=function(){"undefined"!=typeof customElements&&["ion-input","ion-icon"].forEach((i=>{switch(i){case"ion-input":customElements.get(s(i))||customElements.define(s(i),j);break;case"ion-icon":customElements.get(s(i))||I()}}))};export{F as IonInput,Y as defineCustomElement}
|
|
4
|
+
import{p as i,H as t,e as n,i as o,f as e,h as r,c as a,d as l,t as s}from"./p-Bkk8447d.js";import{c as p,a as c,b as d}from"./p-CN41sVGB.js";import{c as u}from"./p-NcQUGze-.js";import{c as h}from"./p-W8Yq_OMR.js";import{l as m,d as b,i as g,c as f}from"./p-DwAij6DN.js";import{h as v,c as x}from"./p-BUF_V-Kg.js";import{j as w,k}from"./p-0rXxxCTt.js";import{b as y}from"./p-Uo-TYRpE.js";import{g as z}from"./p-BkQ1V9ee.js";import{d as C}from"./p-CrNVENZG.js";const I=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.ionInput=n(this,"ionInput",7),this.ionChange=n(this,"ionChange",7),this.ionBlur=n(this,"ionBlur",7),this.ionFocus=n(this,"ionFocus",7),this.inputId="ion-input-"+T++,this.helperTextId=this.inputId+"-helper-text",this.errorTextId=this.inputId+"-error-text",this.labelTextId=this.inputId+"-label",this.inheritedAttributes={},this.isComposing=!1,this.didInputClearOnEdit=!1,this.hasFocus=!1,this.isInvalid=!1,this.isClearButtonPressed=!1,this.clearButtonPressController=h((i=>this.isClearButtonPressed=i)),this.autocapitalize="off",this.autocomplete="off",this.autocorrect=!1,this.autofocus=!1,this.clearInput=!1,this.counter=!1,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.size="medium",this.type="text",this.value="",this.onInput=i=>{const t=i.target;t&&(this.value=t.value||""),this.emitInputChange(i)},this.onChange=i=>{this.emitValueChange(i)},this.onBlur=i=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(i),this.didInputClearOnEdit=!1,this.ionBlur.emit(i)},this.onFocus=i=>{this.hasFocus=!0,this.focusedValue=this.value,this.ionFocus.emit(i)},this.onKeydown=i=>{this.checkClearOnEdit(i)},this.onCompositionStart=()=>{this.isComposing=!0},this.onCompositionEnd=()=>{this.isComposing=!1},this.clearTextInput=i=>{this.clearButtonPressController.release(),this.clearInput&&!this.readonly&&!this.disabled&&i&&(i.preventDefault(),i.stopPropagation(),this.setFocus()),this.value="",this.emitInputChange(i)},this.onLabelClick=i=>{const t=i.target.closest('[slot="start"], [slot="end"]');null!==t&&t!==this.el&&this.el.contains(t)||i.stopPropagation()}}debounceChanged(){const{ionInput:i,debounce:t,originalIonInput:n}=this;this.ionInput=void 0===t?n??i:m(i,t)}onTypeChange(){const i=this.el.querySelector("ion-input-password-toggle");i&&(i.type=this.type)}valueChanged(){const i=this.nativeInput,t=this.getValue();i&&i.value!==t&&!this.isComposing&&(i.value=t)}onDirChanged(i){this.inheritedAttributes={...this.inheritedAttributes,dir:i},o(this)}onClickCapture(i){const t=this.nativeInput;t&&i.target===t&&(i.stopPropagation(),this.el.click())}componentWillLoad(){this.inheritedAttributes={...g(this.el),...b(this.el,["tabindex","title","data-form-type","dir"])},void 0===this.labelPlacement&&(this.labelPlacement="ionic"===y(this)?j:"start")}connectedCallback(){const{el:i}=this;this.slotMutationController=p(i,["label","start","end"],(()=>{this.startContainerController?.calculateStartContainerWidth(),this.setSlottedLabelId(),o(this)})),this.setSlottedLabelId(),this.notchController=c(i,(()=>this.notchSpacerEl),(()=>this.labelSlot)),this.startContainerController=d(i,(()=>this.startContainerEl),(()=>"md"===y(this)&&"outline"===this.fill)),this.startContainerController.calculateStartContainerWidth(),"undefined"!=typeof MutationObserver&&(this.validationObserver=new MutationObserver((()=>{const t=u(i);this.isInvalid!==t&&(this.isInvalid=t,o(this))})),this.validationObserver.observe(i,{attributes:!0,attributeFilter:["class"]})),this.isInvalid=u(i),this.debounceChanged(),document.dispatchEvent(new CustomEvent("ionInputDidLoad",{detail:this.el}))}componentDidLoad(){this.originalIonInput=this.ionInput,this.onTypeChange(),this.debounceChanged()}componentDidRender(){this.notchController?.calculateNotchWidth(),this.startContainerController?.calculateStartContainerWidth()}disconnectedCallback(){document.dispatchEvent(new CustomEvent("ionInputDidUnload",{detail:this.el})),this.clearButtonPressController.destroy(),this.slotMutationController&&(this.slotMutationController.destroy(),this.slotMutationController=void 0),this.notchController&&(this.notchController.destroy(),this.notchController=void 0),this.startContainerController&&(this.startContainerController.destroy(),this.startContainerController=void 0),this.validationObserver&&(this.validationObserver.disconnect(),this.validationObserver=void 0)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async getInputElement(){return this.nativeInput||await new Promise((i=>f(this.el,i))),Promise.resolve(this.nativeInput)}emitValueChange(i){const{value:t}=this,n=null==t?t:""+t;this.focusedValue=n,this.ionChange.emit({value:n,event:i})}emitInputChange(i){const{value:t}=this;this.ionInput.emit({value:null==t?t:""+t,event:i})}shouldClearOnEdit(){const{type:i,clearOnEdit:t}=this;return void 0===t?"password"===i:t}getValue(){return"number"==typeof this.value?""+this.value:""+(this.value||"")}getFill(){const i=y(this),{fill:t}=this;return"ionic"===i&&void 0===t?"outline":t}getLabelPlacement(){const i=y(this),{el:t,labelPlacement:n}=this;return"ionic"===i&&"stacked"!==n&&"floating"!==n?(e(`The "${n}" label placement is not supported in the ${i} theme. The default value of "${j}" will be used instead.`,t),j):n}getSize(){const i=y(this),{size:t}=this;return"ionic"===i||"large"!==t&&"xlarge"!==t?t:(e(`The "${t}" size is not supported in the ${i} theme.`),"medium")}getShape(){const i=y(this),{shape:t}=this;if("ios"===i&&"round"===t||"ionic"!==i&&"soft"===t)e(`The "${t}" shape is not supported in the ${i} theme.`);else{if(void 0!==t)return t;if("ionic"===i)return"round"}}checkClearOnEdit(i){if(!this.shouldClearOnEdit())return;const t=["Enter","Tab","Shift","Meta","Alt","Control"].includes(i.key);this.didInputClearOnEdit||!this.hasValue()||t||(this.value="",this.emitInputChange(i)),t||(this.didInputClearOnEdit=!0)}hasValue(){return this.getValue().length>0}renderHintText(){const{helperText:i,errorText:t,helperTextId:n,errorTextId:o,isInvalid:e}=this;return[r("div",{id:n,class:"helper-text","aria-live":"polite"},e?null:i),r("div",{id:o,class:"error-text",role:"alert"},e?t:null)]}getHintTextID(){const{isInvalid:i,helperText:t,errorText:n,helperTextId:o,errorTextId:e}=this;return i&&n?e:t?o:void 0}renderCounter(){const{counter:i,maxlength:t,counterFormatter:n,value:o}=this;if(!0===i&&void 0!==t)return r("div",{class:"counter"},z(o,t,n))}renderBottomContent(){const{counter:i,helperText:t,errorText:n,maxlength:o}=this;if(t||n||!0===i&&void 0!==o)return r("div",{class:"input-bottom"},this.renderHintText(),this.renderCounter())}renderLabel(){const{label:i,labelTextId:t}=this;return r("div",{class:{"label-text-wrapper":!0,"label-text-wrapper-hidden":!this.hasLabel},"aria-hidden":this.hasLabel?"true":null},void 0===i?r("slot",{name:"label"}):r("div",{class:"label-text",id:t},i))}get labelSlot(){return this.el.querySelector('[slot="label"]')}setSlottedLabelId(){const i=this.labelSlot;i&&!i.id&&(i.id=this.labelTextId)}getLabelledById(){if(!this.inheritedAttributes["aria-label"])return void 0!==this.label?this.labelTextId:this.labelSlot?.id||void 0}get hasLabel(){return void 0!==this.label||null!==this.labelSlot}renderOutlineContainer(){return r("div",{key:"outline",class:"input-outline-container"},r("div",{class:"input-outline-start"}),r("div",{class:{"input-outline-notch":!0,"input-outline-notch-hidden":!this.hasLabel}},r("div",{class:"notch-spacer","aria-hidden":"true",ref:i=>this.notchSpacerEl=i},this.label)),r("div",{class:"input-outline-end"}))}renderNativeInput(){const{disabled:i,readonly:t,inputId:n}=this;return r("input",{class:"native-input",ref:i=>this.nativeInput=i,id:n,disabled:i,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect?"on":"off",autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:t,required:this.required,spellcheck:this.spellcheck,step:this.step,type:this.type,value:this.getValue(),onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd,"aria-describedby":this.getHintTextID(),"aria-invalid":this.isInvalid?"true":void 0,"aria-labelledby":this.getLabelledById(),...this.inheritedAttributes})}renderClearButton(){const{clearInput:i,disabled:t,readonly:n}=this;if(i&&!n&&!t)return r("button",{"aria-label":"reset",type:"button",class:{"input-clear-icon":!0,"input-clear-button-pressed":this.isClearButtonPressed},onPointerDown:this.clearButtonPressController.onPointerDown,onPointerCancel:this.clearButtonPressController.release,onClick:this.clearTextInput},r("ion-icon",{"aria-hidden":"true",icon:this.inputClearIcon}))}renderStartContainer(){return r("div",{key:"start",class:"input-start",ref:i=>this.startContainerEl=i},r("slot",{name:"start"}))}renderEndContainer(){return r("div",{key:"end",class:"input-end"},this.renderClearButton(),r("slot",{name:"end"}))}renderField(){return["md"===y(this)&&"outline"===this.getFill()&&this.renderOutlineContainer(),this.renderStartContainer(),r("div",{key:"control",class:"input-control"},this.renderLabel(),r("div",{class:"native-wrapper",onClick:this.onLabelClick},this.renderNativeInput())),this.renderEndContainer()]}get inputClearIcon(){if(null!=this.clearInputIcon)return this.clearInputIcon;const i=y(this);return a.get("inputClearIcon","ios"===i?w:k)}render(){const{disabled:i,readonly:t,inputId:n,hasFocus:o}=this,e=y(this),a=this.getFill(),s=this.getSize(),p=this.getShape(),c=v("ion-item",this.el),d="md"===e&&"outline"!==a&&!c,u=this.getLabelPlacement(),h=this.hasValue(),m="stacked"===u||"floating"===u&&(h||o);return r(l,{key:"82d13bcc33e5817aa3afcc0c752cdca87301b1c7",class:x(this.color,{[e]:!0,"has-value":h,"has-focus":o,"label-floating":m,["input-fill-"+a]:void 0!==a,["input-shape-"+p]:void 0!==p,["input-size-"+s]:!0,["input-label-placement-"+u]:!0,"in-item":c,"in-item-color":v("ion-item.ion-color",this.el),"input-disabled":i,"input-readonly":t})},r("label",{key:"53d8b948776361505a9bc47a4a2e8544d05f6856",class:"input-wrapper",htmlFor:n,onClick:this.onLabelClick},this.renderField(),d&&r("div",{key:"f4c81c4927a685d1474bb4510ad25eb51f77cd99",class:"input-highlight"})),this.renderBottomContent())}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],type:[{onTypeChange:0}],value:[{valueChanged:0}],dir:[{onDirChanged:0}]}}static get style(){return{ionic:'.sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.input-control.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;width:100%;min-width:0}.native-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.input-start.sc-ion-input-ionic,.input-end.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.skip-label-transition.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transition:none;transition:none}.label-text.sc-ion-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-control.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{visibility:hidden}.input-fill-outline.sc-ion-input-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2)}.input-fill-solid.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}.input-fill-solid.has-focus.ion-valid.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{--border-color:var(--highlight-color)}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}}.input-fill-solid.input-disabled.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));--placeholder-color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}.input-fill-solid.input-readonly.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));--border-color:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0))}.input-fill-solid.has-focus.sc-ion-input-ionic-h{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.sc-ion-input-ionic-h{--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--highlight-color-valid:var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));--highlight-color-invalid:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.label-floating.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.input-wrapper.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:grid;grid-template-columns:[field-start slot-start] auto [native] minmax(0, 1fr) [slot-end] auto [field-end];grid-template-rows:[label] auto [field] auto;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;background:transparent}.input-control.sc-ion-input-ionic{display:contents}.input-wrapper.sc-ion-input-ionic::before{border-radius:var(--border-radius, 0);-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";pointer-events:none;min-height:var(--token-scale-1000, 40px);border:var(--border-width) var(--border-style) var(--border-color);background:var(--background)}.input-wrapper.sc-ion-input-ionic::before{grid-row:field;grid-column:field-start/field-end}.label-text-wrapper.sc-ion-input-ionic{grid-row:label;grid-column:field-start/field-end}.input-start.sc-ion-input-ionic{grid-row:field;grid-column:slot-start}.native-wrapper.sc-ion-input-ionic{grid-row:field;grid-column:native}.input-end.sc-ion-input-ionic{grid-row:field;grid-column:slot-end}.input-start.sc-ion-input-ionic,.native-wrapper.sc-ion-input-ionic,.input-end.sc-ion-input-ionic{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.input-start.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start)}.input-end.sc-ion-input-ionic{-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-bottom.sc-ion-input-ionic{border-top:none}.input-size-medium.sc-ion-input-ionic-h{--padding-start:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-300, var(--token-scale-300, 12px))}.input-size-large.sc-ion-input-ionic-h{--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}.input-size-xlarge.sc-ion-input-ionic-h{--padding-start:var(--token-space-500, var(--token-scale-500, 20px));--padding-end:var(--token-space-500, var(--token-scale-500, 20px))}.input-size-medium.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic::before{min-height:var(--token-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic::before{min-height:var(--token-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic::before{min-height:var(--token-scale-1400, 56px)}.input-shape-soft.sc-ion-input-ionic-h{--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}.input-shape-round.sc-ion-input-ionic-h{--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}.input-shape-rectangular.sc-ion-input-ionic-h{--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}.input-size-medium.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1400, 56px)}.input-wrapper.sc-ion-input-ionic::after{grid-row:field;grid-column:field-start/field-end;align-self:stretch;content:"";cursor:text}.input-size-medium.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic::after{margin-top:calc((var(--token-scale-1000, 40px) - var(--token-scale-1200, 48px)) / 2);margin-bottom:calc((var(--token-scale-1000, 40px) - var(--token-scale-1200, 48px)) / 2);min-height:var(--token-scale-1200, 48px)}.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-s>[slot=end],.input-clear-icon.sc-ion-input-ionic{z-index:2}.sc-ion-input-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}.sc-ion-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);color:var(--token-primitives-neutral-1000, #3b3b3b)}.input-clear-icon.sc-ion-input-ionic:focus-visible{border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));opacity:1}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{font-size:var(--token-font-size-400, 1rem)}.sc-ion-input-ionic-h:not(:focus-within) .input-clear-icon.sc-ion-input-ionic:not(.input-clear-button-pressed){display:none}.label-text-wrapper.sc-ion-input-ionic{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;color:var(--token-primitives-neutral-1000, #3b3b3b)}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:none;transform:none}.input-bottom.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:0;font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}.has-focus.ion-valid.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px))}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--token-primitives-neutral-600, #8c8c8c)}}.input-disabled.sc-ion-input-ionic-h{--color:var(--token-primitives-neutral-500, #a2a2a2);--background:var(--token-primitives-neutral-100, #f3f3f3);--border-color:var(--token-primitives-neutral-300, #e0e0e0);--placeholder-color:var(--token-primitives-neutral-500, #a2a2a2);pointer-events:none}.input-disabled.sc-ion-input-ionic-h:not(.ion-valid) .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h{--border-color:rgba(var(--token-semantics-success-base-rgb, 27, 164, 51), 0.6)}.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:rgba(var(--token-semantics-danger-base-rgb, 229, 41, 41), 0.6)}.input-disabled.ion-color.sc-ion-input-ionic-h{--border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic{opacity:0.6}.input-readonly.sc-ion-input-ionic-h{--background:var(--token-primitives-neutral-100, #f3f3f3)}.has-focus.sc-ion-input-ionic-h{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}',ios:".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-ios-h,ion-item [slot=start].sc-ion-input-ios-h,ion-item[slot=end].sc-ion-input-ios-h,ion-item [slot=end].sc-ion-input-ios-h{width:auto}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.cloned-input.sc-ion-input-ios{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input.sc-ion-input-ios:disabled{opacity:1}.input-clear-icon.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{color:inherit}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.input-wrapper.sc-ion-input-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.input-control.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;width:100%;min-width:0}.native-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.input-start.sc-ion-input-ios,.input-end.sc-ion-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-ios-h,.ion-touched.ion-invalid.sc-ion-input-ios-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:none}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-ios{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.skip-label-transition.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transition:none;transition:none}.label-text.sc-ion-input-ios,.sc-ion-input-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ios,.input-outline-notch-hidden.sc-ion-input-ios{display:none}.input-wrapper.sc-ion-input-ios input.sc-ion-input-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ios-h .input-control.sc-ion-input-ios{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-ios-h .input-control.sc-ion-input-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-ios-h .label-text.sc-ion-input-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ios-h .input-control.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .input-control.sc-ion-input-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios,.has-value.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:1}.sc-ion-input-ios-h[disabled].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[disabled] .sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly] .sc-ion-input-ios-s>ion-input-password-toggle{visibility:hidden}.sc-ion-input-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--color:initial;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);min-height:44px;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:var(--ion-color-base)}.cloned-input.sc-ion-input-ios{top:0;bottom:0}.cloned-input.sc-ion-input-ios{inset-inline-start:0}.input-label-placement-floating.sc-ion-input-ios-h,.input-label-placement-stacked.sc-ion-input-ios-h{min-height:56px}.input-clear-icon.sc-ion-input-ios{width:30px;height:30px;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;font-size:0.75rem}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));-webkit-padding-start:16px;padding-inline-start:16px}.input-label-placement-start.sc-ion-input-ios-h .native-wrapper.sc-ion-input-ios,.input-label-placement-end.sc-ion-input-ios-h .native-wrapper.sc-ion-input-ios,.input-label-placement-fixed.sc-ion-input-ios-h .native-wrapper.sc-ion-input-ios{-ms-flex:1 1 0px;flex:1 1 0}.input-label-placement-start.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.label-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.label-text-wrapper.sc-ion-input-ios{min-width:0}.sc-ion-input-ios-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-ios-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px;font-size:inherit}.input-clear-icon.sc-ion-input-ios ion-icon.sc-ion-input-ios{font-size:18px}.input-disabled.sc-ion-input-ios-h{opacity:0.3}.sc-ion-input-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-ios-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}",md:".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-md-h,ion-item [slot=start].sc-ion-input-md-h,ion-item[slot=end].sc-ion-input-md-h,ion-item [slot=end].sc-ion-input-md-h{width:auto}.ion-color.sc-ion-input-md-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-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)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.cloned-input.sc-ion-input-md{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input.sc-ion-input-md:disabled{opacity:1}.input-clear-icon.sc-ion-input-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{color:inherit}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.input-wrapper.sc-ion-input-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.input-control.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;width:100%;min-width:0}.native-wrapper.sc-ion-input-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%}.input-start.sc-ion-input-md,.input-end.sc-ion-input-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:block}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:block}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:none}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-md-h input.sc-ion-input-md{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.skip-label-transition.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transition:none;transition:none}.label-text.sc-ion-input-md,.sc-ion-input-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-md,.input-outline-notch-hidden.sc-ion-input-md{display:none}.input-wrapper.sc-ion-input-md input.sc-ion-input-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-md-h .input-control.sc-ion-input-md{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-md-h .input-control.sc-ion-input-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-md-h .label-text.sc-ion-input-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-md-h .input-control.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .input-control.sc-ion-input-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md,.has-value.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:1}.sc-ion-input-md-h[disabled].sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[disabled] .sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[readonly].sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[readonly] .sc-ion-input-md-s>ion-input-password-toggle{visibility:hidden}.sc-ion-input-md-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--color:initial;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);min-height:44px;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}.ion-color.sc-ion-input-md-h{--highlight-color-focused:var(--ion-color-base)}.cloned-input.sc-ion-input-md{top:0;bottom:0}.cloned-input.sc-ion-input-md{inset-inline-start:0}.input-label-placement-floating.sc-ion-input-md-h,.input-label-placement-stacked.sc-ion-input-md-h{min-height:56px}.input-clear-icon.sc-ion-input-md{width:30px;height:30px;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;font-size:0.75rem}.input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));-webkit-padding-start:16px;padding-inline-start:16px}.input-label-placement-start.sc-ion-input-md-h .native-wrapper.sc-ion-input-md,.input-label-placement-end.sc-ion-input-md-h .native-wrapper.sc-ion-input-md,.input-label-placement-fixed.sc-ion-input-md-h .native-wrapper.sc-ion-input-md{-ms-flex:1 1 0px;flex:1 1 0}.input-label-placement-start.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.label-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.label-text-wrapper.sc-ion-input-md{min-width:0}.sc-ion-input-md-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-md-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.input-fill-solid.sc-ion-input-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.input-fill-solid.ion-valid.sc-ion-input-md-h,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-fill-solid.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}@media (any-hover: hover){.input-fill-solid.sc-ion-input-md-h:hover{--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-solid.has-focus.sc-ion-input-md-h{--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}.label-floating.input-fill-solid.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{max-width:calc(100% / 0.75)}.input-fill-outline.sc-ion-input-md-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;--internal-start-container-adjustment:0px;min-height:56px}.input-fill-outline.input-shape-round.sc-ion-input-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.input-fill-outline.ion-valid.sc-ion-input-md-h,.input-fill-outline.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.input-fill-outline.sc-ion-input-md-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-outline.has-focus.sc-ion-input-md-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.input-fill-outline.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}.input-fill-outline.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:none}.input-fill-outline.sc-ion-input-md-h:not(.label-floating) .input-control.sc-ion-input-md{position:relative}.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:100%}[dir=rtl].sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{position:relative}.label-floating.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translate(var(--internal-start-container-adjustment, 0px), -32%) scale(0.75);transform:translate(var(--internal-start-container-adjustment, 0px), -32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc( (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75 )}.input-fill-outline.sc-ion-input-md-h .input-outline-container.sc-ion-input-md{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{pointer-events:none}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.input-fill-outline.sc-ion-input-md-h .notch-spacer.sc-ion-input-md{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius);-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);width:calc(var(--padding-start) - 4px)}.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px;-ms-flex-positive:1;flex-grow:1}.label-floating.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{border-top:none}.sc-ion-input-md-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--highlight-height:2px;font-size:inherit}.input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md{font-size:22px}.input-disabled.sc-ion-input-md-h{opacity:0.38}.has-focus.ion-valid.sc-ion-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{letter-spacing:0.0333333333em}.input-label-placement-floating.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.has-focus.input-label-placement-floating.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.has-focus.input-label-placement-stacked.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.input-highlight.sc-ion-input-md{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.input-highlight.sc-ion-input-md{inset-inline-start:0}.has-focus.sc-ion-input-md-h .input-highlight.sc-ion-input-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{bottom:0}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{inset-inline-start:0}.input-shape-round.sc-ion-input-md-h{--border-radius:16px}.sc-ion-input-md-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-md-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}"}}},[294,"ion-input",{color:[513],autocapitalize:[1],autocomplete:[1],autocorrect:[4],autofocus:[4],clearInput:[4,"clear-input"],clearInputIcon:[1,"clear-input-icon"],clearOnEdit:[4,"clear-on-edit"],counter:[4],counterFormatter:[16],debounce:[2],disabled:[516],enterkeyhint:[1],errorText:[1,"error-text"],fill:[1],inputmode:[1],helperText:[1,"helper-text"],label:[1],labelPlacement:[1025,"label-placement"],max:[8],maxlength:[2],min:[8],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[516],required:[4],shape:[1],spellcheck:[4],step:[1],size:[1],type:[1],value:[1032],hasFocus:[32],isInvalid:[32],isClearButtonPressed:[32],setFocus:[64],getInputElement:[64]},[[2,"click","onClickCapture"]],{debounce:[{debounceChanged:0}],type:[{onTypeChange:0}],value:[{valueChanged:0}],dir:[{onDirChanged:0}]}]);let T=0;const j="stacked",E=I,F=function(){"undefined"!=typeof customElements&&["ion-input","ion-icon"].forEach((i=>{switch(i){case"ion-input":customElements.get(s(i))||customElements.define(s(i),I);break;case"ion-icon":customElements.get(s(i))||C()}}))};export{E as IonInput,F as defineCustomElement}
|
package/components/ion-item.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{I as o,d as s}from"./p-
|
|
4
|
+
import{I as o,d as s}from"./p-B9ibhQu1.js";const p=o,r=s;export{p as IonItem,r as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as o,H as t,c as e,h as n,d as i,t as r}from"./p-Bkk8447d.js";import{l as a}from"./p-Dhi5xtNS.js";import{i as s}from"./p-DwAij6DN.js";import{m as d}from"./p-ZxET9sbA.js";import{c,h as l}from"./p-BUF_V-Kg.js";import{n as p,o as h}from"./p-Cc3oC60a.js";import{b as g}from"./p-Uo-TYRpE.js";import{u as f}from"./p-DOoxQDxg.js";import{d as u}from"./p-CrNVENZG.js";import{d as b}from"./p-EayFnjkU.js";const m=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.inheritedAttributes={},this.visible=!1,this.disabled=!1,this.autoHide=!0,this.type="button",this.onClick=async()=>d.toggle(this.menu)}componentWillLoad(){this.inheritedAttributes=s(this.el)}componentDidLoad(){this.visibilityChanged()}async visibilityChanged(){this.visible=await f(this.menu)}get menuIcon(){const o=g(this),t={ios:h,ionic:a,md:p};return e.get("menuIcon",t[o]||t.md)}render(){const{color:o,disabled:t,inheritedAttributes:e,menuIcon:r}=this,a=g(this),s=this.autoHide&&!this.visible,d={type:this.type},p=e["aria-label"]||"menu";return n(i,{key:"2129cb866a1acc620f005264340f77311535a0c5",onClick:this.onClick,"aria-disabled":t?"true":null,"aria-hidden":s?"true":null,class:c(o,{[a]:!0,button:!0,"menu-button-hidden":s,"menu-button-disabled":t,"in-toolbar":l("ion-toolbar",this.el),"in-toolbar-color":l("ion-toolbar[color]",this.el),"ion-activatable":!0,"ion-focusable":!0})},n("button",{key:"0dc5a571945fc4da0cc639087c8fff7a989caf5d",...d,disabled:t,class:"button-native",part:"native","aria-label":p},n("span",{key:"e7393a7e22fb8ef73ac9a5899979501f114dabf0",class:"button-inner"},n("slot",{key:"78b6e51e63ae6d3525021000e94c7ec8ae06cc70"},n("ion-icon",{key:"2dccf089945d8938799afe970f728ee94acc0d37",part:"icon",icon:r,lazy:!1,"aria-hidden":"true"}))),"md"===a&&n("ion-ripple-effect",{key:"d39348251d4106aabbee9cd9bc4f176a64a090d3",type:"unbounded"})))}get el(){return this}static get style(){return{ionic:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--border-radius:initial;--color:initial;--padding-start:0;--padding-end:0;position:relative;width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px);font-size:var(--token-font-size-600, 1.5rem)}',ios:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}',md:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}'}}},[289,"ion-menu-button",{color:[513],disabled:[4],menu:[1],autoHide:[4,"auto-hide"],type:[1],visible:[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]),v=m,x=function(){"undefined"!=typeof customElements&&["ion-menu-button","ion-icon","ion-ripple-effect"].forEach((o=>{switch(o){case"ion-menu-button":customElements.get(r(o))||customElements.define(r(o),m);break;case"ion-icon":customElements.get(r(o))||u();break;case"ion-ripple-effect":customElements.get(r(o))||b()}}))};export{v as IonMenuButton,x as defineCustomElement}
|
|
4
|
+
import{p as o,H as e,c as t,h as n,d as i,t as r}from"./p-Bkk8447d.js";import{i as a}from"./p-DwAij6DN.js";import{m as s}from"./p-ZxET9sbA.js";import{c as d,h as c}from"./p-BUF_V-Kg.js";import{n as l,o as p}from"./p-0rXxxCTt.js";import{b as h}from"./p-Uo-TYRpE.js";import{u as g}from"./p-DOoxQDxg.js";import{d as f}from"./p-CrNVENZG.js";import{d as b}from"./p-EayFnjkU.js";const u=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.inheritedAttributes={},this.visible=!1,this.disabled=!1,this.autoHide=!0,this.type="button",this.onClick=async()=>s.toggle(this.menu)}componentWillLoad(){this.inheritedAttributes=a(this.el)}componentDidLoad(){this.visibilityChanged()}async visibilityChanged(){this.visible=await g(this.menu)}get menuIcon(){const o=h(this);return t.get("menuIcon","ios"===o?l:p)}render(){const{color:o,disabled:e,inheritedAttributes:t,menuIcon:r}=this,a=h(this),s=this.autoHide&&!this.visible,l={type:this.type},p=t["aria-label"]||"menu";return n(i,{key:"0593ed9f0867e28fbb9d79e381282eef93343df8",onClick:this.onClick,"aria-disabled":e?"true":null,"aria-hidden":s?"true":null,class:d(o,{[a]:!0,button:!0,"menu-button-hidden":s,"menu-button-disabled":e,"in-toolbar":c("ion-toolbar",this.el),"in-toolbar-color":c("ion-toolbar[color]",this.el),"ion-activatable":!0,"ion-focusable":!0})},n("button",{key:"e61f71642db9b719eaf9b71e813fc271ea3b7343",...l,disabled:e,class:"button-native",part:"native","aria-label":p},n("span",{key:"8e5bb04a8e56dd02c7c8b2d10166f095ac40e461",class:"button-inner"},n("slot",{key:"23d1bce767d0d389380fe30b3cd94e6f7c5c98f6"},n("ion-icon",{key:"abc88761fa11b5cfa853b58411e1ee8a4f632859",part:"icon",icon:r,lazy:!1,"aria-hidden":"true"}))),"md"===a&&n("ion-ripple-effect",{key:"77e328074a65be3b951cf7352aa7f9e82b7f1256",type:"unbounded"})))}get el(){return this}static get style(){return{ionic:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--border-radius:initial;--color:initial;--padding-start:0;--padding-end:0;position:relative;width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px);font-size:var(--token-font-size-600, 1.5rem)}',ios:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}',md:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);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;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host{--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}'}}},[289,"ion-menu-button",{color:[513],disabled:[4],menu:[1],autoHide:[4,"auto-hide"],type:[1],visible:[32]},[[16,"ionMenuChange","visibilityChanged"],[16,"ionSplitPaneVisible","visibilityChanged"]]]),m=u,v=function(){"undefined"!=typeof customElements&&["ion-menu-button","ion-icon","ion-ripple-effect"].forEach((o=>{switch(o){case"ion-menu-button":customElements.get(r(o))||customElements.define(r(o),u);break;case"ion-icon":customElements.get(r(o))||f();break;case"ion-ripple-effect":customElements.get(r(o))||b()}}))};export{m as IonMenuButton,v as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as e,H as
|
|
4
|
+
import{p as e,H as r,c as s,h as i,d as n,t}from"./p-Bkk8447d.js";import{E as c}from"./p-DWCzVL3Y.js";import{a}from"./p-ClnMyzlV.js";import{p as o,q as d}from"./p-0rXxxCTt.js";import{b as f}from"./p-Uo-TYRpE.js";import{e as l}from"./p-DgIAZUGe.js";import{S as h,d as p}from"./p-BQUTtt8S.js";import{d as u}from"./p-CrNVENZG.js";const m=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.customHTMLEnabled=s.get("innerHTMLTemplatesEnabled",c)}componentWillLoad(){const e=f(this);if(void 0===this.pullingIcon){const r=l();this.pullingIcon=s.get("refreshingIcon","ios"===e&&r?s.get("spinner",r?"lines":o):"circular")}void 0===this.refreshingSpinner&&(this.refreshingSpinner=s.get("refreshingSpinner",s.get("spinner","ios"===e?"lines":"circular")))}get refresherArrowIcon(){return s.get("refresherArrowIcon",d)}renderPullingText(){const{customHTMLEnabled:e,pullingText:r}=this;return e?i("div",{class:"refresher-pulling-text",innerHTML:a(r)}):i("div",{class:"refresher-pulling-text"},r)}renderRefreshingText(){const{customHTMLEnabled:e,refreshingText:r}=this;return e?i("div",{class:"refresher-refreshing-text",innerHTML:a(r)}):i("div",{class:"refresher-refreshing-text"},r)}render(){const e=this.pullingIcon,r=null!=e&&void 0!==h[e],s=f(this);return i(n,{key:"79641f5cfcbae77afd812b4758984ecb191dda29",class:{[s]:!0}},i("div",{key:"3d6dedbcd0ad04d0a1cc2563a130ac8c53a34891",class:"refresher-pulling"},this.pullingIcon&&r&&i("div",{key:"4dad78f16e6ee175bd55bd88e40ac33bbd492fc0",class:"refresher-pulling-icon"},i("div",{key:"9d9b9a6c8f371e92aee43eca9d25768fe80aff8f",class:"spinner-arrow-container"},i("ion-spinner",{key:"56c31feada2e1558f30b472a624e66cada7dd971",name:this.pullingIcon,paused:!0}),("md"===s||"ionic"===s)&&"circular"===this.pullingIcon&&i("div",{key:"ddb580acffb25ed3cf1c3e793594e4a7c93323bf",class:"arrow-container"},i("ion-icon",{key:"2ef17431b18d0475e645062b3b98435a1adc2d01",icon:this.refresherArrowIcon,"aria-hidden":"true"})))),this.pullingIcon&&!r&&i("div",{key:"d400ef684a1a3783709b1842f096b657950d7700",class:"refresher-pulling-icon"},i("ion-icon",{key:"82e1c30d5c7e94c4420518722a1ddca406739e69",icon:this.pullingIcon,lazy:!1,"aria-hidden":"true"})),void 0!==this.pullingText&&this.renderPullingText()),i("div",{key:"27a6e09db376a00d704d3880d4075580d8ea4fba",class:"refresher-refreshing"},this.refreshingSpinner&&i("div",{key:"712b68c41b714fb3cf3f6403db4250a16df570cd",class:"refresher-refreshing-icon"},i("ion-spinner",{key:"051829b30e40c8eed2a121f2b11cae2fa240a147",name:this.refreshingSpinner})),void 0!==this.refreshingText&&this.renderRefreshingText()))}get el(){return this}static get style(){return{ionic:"",ios:"",md:""}}},[32,"ion-refresher-content",{pullingIcon:[1025,"pulling-icon"],pullingText:[1,"pulling-text"],refreshingSpinner:[1025,"refreshing-spinner"],refreshingText:[1,"refreshing-text"]}]),b=m,g=function(){"undefined"!=typeof customElements&&["ion-refresher-content","ion-icon","ion-spinner"].forEach((e=>{switch(e){case"ion-refresher-content":customElements.get(t(e))||customElements.define(t(e),m);break;case"ion-icon":customElements.get(t(e))||u();break;case"ion-spinner":customElements.get(t(e))||p()}}))};export{b as IonRefresherContent,g as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as o,H as e,c as
|
|
4
|
+
import{p as o,H as e,c as n,h as i,d as r,t}from"./p-Bkk8447d.js";import{r as s,s as c}from"./p-0rXxxCTt.js";import{b as d}from"./p-Uo-TYRpE.js";import{d as a}from"./p-CrNVENZG.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}onClick(o){const e=this.el.closest("ion-reorder-group");o.preventDefault(),e&&e.disabled||o.stopImmediatePropagation()}get reorderHandleIcon(){const o=d(this);return n.get("reorderHandleIcon","ios"===o?s:c)}render(){const{reorderHandleIcon:o}=this,e=d(this);return i(r,{key:"ba25a7b0b5ece6693f2431f562d63738efe1f831",class:{[e]:!0}},i("slot",{key:"b5afb5131bfb9bfce01a01d6b36e0a7408e14ec5"},i("ion-icon",{key:"7e0d35640277a07b139d122939b0253a81dc785d",icon:o,lazy:!1,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return this}static get style(){return{ionic:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}",ios:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}",md:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}"}}},[289,"ion-reorder",void 0,[[2,"click","onClick"]]]),p=l,f=function(){"undefined"!=typeof customElements&&["ion-reorder","ion-icon"].forEach((o=>{switch(o){case"ion-reorder":customElements.get(t(o))||customElements.define(t(o),l);break;case"ion-icon":customElements.get(t(o))||a()}}))};export{p as IonReorder,f as defineCustomElement}
|