@ionic/core 9.0.3-dev.11788449150.16022b1e → 9.0.3-dev.11788456135.1ab1d6cd

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.
Files changed (23) hide show
  1. package/components/ion-input.js +1 -1
  2. package/components/ion-select.js +1 -1
  3. package/components/ion-textarea.js +1 -1
  4. package/dist/cjs/ion-input.cjs.entry.js +7 -7
  5. package/dist/cjs/ion-select_3.cjs.entry.js +7 -7
  6. package/dist/cjs/ion-textarea.cjs.entry.js +7 -7
  7. package/dist/collection/components/input/input.js +7 -7
  8. package/dist/collection/components/select/select.js +7 -7
  9. package/dist/collection/components/textarea/textarea.js +7 -7
  10. package/dist/docs.json +1 -1
  11. package/dist/esm/ion-input.entry.js +7 -7
  12. package/dist/esm/ion-select_3.entry.js +7 -7
  13. package/dist/esm/ion-textarea.entry.js +7 -7
  14. package/dist/ionic/ionic.esm.js +1 -1
  15. package/dist/ionic/p-83d13d56.entry.js +4 -0
  16. package/dist/ionic/p-cd4791d5.entry.js +4 -0
  17. package/dist/ionic/p-e9480e7f.entry.js +4 -0
  18. package/hydrate/index.js +21 -21
  19. package/hydrate/index.mjs +21 -21
  20. package/package.json +1 -1
  21. package/dist/ionic/p-32829ef8.entry.js +0 -4
  22. package/dist/ionic/p-4eec50dd.entry.js +0 -4
  23. package/dist/ionic/p-e53980b0.entry.js +0 -4
package/dist/ionic/p-83d13d56.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Ionic http://ionicframework.com - MIT License
3
+ */
4
+ import{r as e,c as t,e as o,f as i,h as s,d as n,g as r,i as l}from"./p-jsOqXOKf.js";import{c as a}from"./p-D1t981Ih.js";import{E as c}from"./p-DWCzVL3Y.js";import{c as p,a as d,b as h}from"./p-DpE9LgN6.js";import{c as b,i as m}from"./p-sObYyvOy.js";import{c as v}from"./p-NcQUGze-.js";import{b as x,a as g,s as f}from"./p-8NLG9fne.js";import{p as u,b as k,a as w,m as y,s as z}from"./p-CRbXZpID.js";import{i as j}from"./p-Dojwmvde.js";import{r as C,a as I,b as $}from"./p-BUvFnCVr.js";import{h as A,c as T,g as O}from"./p-BUF_V-Kg.js";import{w as P}from"./p-Dtdm8lKC.js";import{d as N,w as E}from"./p-BqQ15K9a.js";import{c as S}from"./p-CyXL8sF6.js";import{a as B,g as F}from"./p-CODBQrPj.js";import{r as L}from"./p-CE00jiiW.js";import"./p-vXpMhGrs.js";import"./p-DAFzmzMJ.js";import"./p-B_gJaBk0.js";const D=class{constructor(i){e(this,i),this.ionChange=t(this,"ionChange",7),this.ionCancel=t(this,"ionCancel",7),this.ionDismiss=t(this,"ionDismiss",7),this.ionFocus=t(this,"ionFocus",7),this.ionBlur=t(this,"ionBlur",7),this.ionStyle=t(this,"ionStyle",7),this.inputId="ion-sel-"+G++,this.helperTextId=`${this.inputId}-helper-text`,this.errorTextId=`${this.inputId}-error-text`,this.inheritedAttributes={},this.customHTMLEnabled=o.get("innerHTMLTemplatesEnabled",c),this.isExpanded=!1,this.hasFocus=!1,this.isInvalid=!1,this.cancelText="Cancel",this.cancelIcon=!1,this.disabled=!1,this.interface="alert",this.interfaceOptions={},this.labelPlacement="start",this.multiple=!1,this.name=this.inputId,this.okText="OK",this.required=!1,this.onClick=e=>{const t=e.target,o=t.closest('[slot="start"], [slot="end"]');t===this.el||null===o?(this.setFocus(),this.open(e)):e.preventDefault()},this.onFocus=()=>{this.hasFocus=!0,this.ionFocus.emit()},this.onBlur=()=>{this.hasFocus=!1,this.ionBlur.emit()},this.onLabelClick=e=>{e.target===this.focusEl&&this.isExpanded&&e.stopPropagation()}}styleChanged(){this.emitStyle()}setValue(e){this.isValueEqual(this.value,e)||(this.value=e,this.ionChange.emit({value:e}))}isValueEqual(e,t){if(this.multiple){const o=Array.isArray(e)?e:[],i=Array.isArray(t)?t:[];if(o.length!==i.length)return!1;const s=o.slice();return i.every((e=>{const t=s.findIndex((t=>b(t,e,this.compareWith)));return-1!==t&&(s.splice(t,1),!0)}))}return null==e&&null==t||null!=e&&null!=t&&b(e,t,this.compareWith)}async connectedCallback(){const{el:e}=this;this.slotMutationController=p(e,["label","start","end"],(()=>{this.startContainerController?.calculateStartContainerWidth(),l(this)})),this.notchController=d(e,(()=>this.notchSpacerEl),(()=>this.labelSlot)),this.startContainerController=h(e,(()=>this.startContainerEl),(()=>"md"===S(this)&&"outline"===this.fill)),this.startContainerController.calculateStartContainerWidth(),this.updateOverlayOptions(),this.emitStyle(),this.mutationO=P(this.el,"ion-select-option",(async()=>{this.updateOverlayOptions(),l(this)})),"undefined"!=typeof MutationObserver&&(this.validationObserver=new MutationObserver((()=>{const e=v(this.el);this.isInvalid!==e&&(this.isInvalid=e,Promise.resolve().then((()=>{this.hintTextId=this.getHintTextId()})))})),this.validationObserver.observe(e,{attributes:!0,attributeFilter:["class"]})),this.isInvalid=v(this.el)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label"]),this.hintTextId=this.getHintTextId()}componentDidLoad(){this.emitStyle()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),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 open(e){if(this.disabled||this.isExpanded)return;this.isExpanded=!0;const t=this.overlay=await this.createOverlay(e),o=()=>{const e=this.childOpts.findIndex((e=>e.value===this.value));let o=null;if(e>-1){const i=t.querySelector(`.select-interface-option:nth-of-type(${e+1})`);if(i){const e=i.querySelector("ion-radio, ion-checkbox");e&&i.scrollIntoView({block:"nearest"}),o=e??i}}else o=t.querySelector("ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)");o&&(o.matches("ion-radio, ion-checkbox")?o.setFocus():o.focus(),"alert"===this.interface&&f())};if("modal"===this.interface)t.addEventListener("ionModalWillPresent",o,{once:!0});else if("popover"===this.interface)t.addEventListener("ionPopoverWillPresent",o,{once:!0});else{const e=()=>{requestAnimationFrame((()=>{o()}))};"alert"===this.interface?t.addEventListener("ionAlertWillPresent",e,{once:!0}):"action-sheet"===this.interface&&t.addEventListener("ionActionSheetWillPresent",e,{once:!0})}return t.onDidDismiss().then((()=>{this.overlay=void 0,this.isExpanded=!1,this.ionDismiss.emit(),this.setFocus()})),await t.present(),t}createOverlay(e){let t=this.interface;return"action-sheet"===t&&this.multiple&&(i(`[ion-select] - Interface cannot be "${t}" with a multi-value select. Using the "alert" interface instead.`),t="alert"),"popover"!==t||e||(i(`[ion-select] - Interface cannot be a "${t}" without passing an event. Using the "alert" interface instead.`),t="alert"),"action-sheet"===t?this.openActionSheet():"popover"===t?this.openPopover(e):"modal"===t?this.openModal():this.openAlert()}updateOverlayOptions(){const e=this.overlay;if(!e)return;const t=this.childOpts,o=this.value;switch(this.interface){case"action-sheet":e.buttons=this.createActionSheetButtons(t,o);break;case"popover":const i=e.querySelector("ion-select-popover");i&&(i.options=this.createOverlaySelectOptions(t,o));break;case"modal":const s=e.querySelector("ion-select-modal");s&&(s.options=this.createOverlaySelectOptions(t,o));break;case"alert":e.inputs=this.createAlertInputs(t,this.multiple?"checkbox":"radio",o)}}createActionSheetButtons(e,t){const o=e.map((e=>{const o=Y(e),i=Array.from(e.classList).filter((e=>"hydrated"!==e)).join(" "),s=`${Q} ${i}`,n=m(t,o,this.compareWith),{content:r,startContent:l,endContent:a}=X(e,this.customHTMLEnabled);return{text:r??"",cssClass:s,disabled:e.disabled,handler:()=>{this.setValue(o)},htmlAttributes:{"aria-checked":n?"true":"false",role:"radio"},startContent:l,endContent:a,description:e.description}}));return o.push({text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}}),o}createAlertInputs(e,t,o){return e.map((e=>{const i=Y(e),s=Array.from(e.classList).filter((e=>"hydrated"!==e)).join(" "),n=`${Q} ${s}`,{content:r,startContent:l,endContent:a}=X(e,this.customHTMLEnabled);return{type:t,cssClass:n,label:r??"",value:i,checked:m(o,i,this.compareWith),disabled:e.disabled,startContent:l,endContent:a,description:e.description,labelPlacement:e.labelPlacement,justify:e.justify}}))}createOverlaySelectOptions(e,t){return e.map((e=>{const o=Y(e),i=Array.from(e.classList).filter((e=>"hydrated"!==e)).join(" "),s=`${Q} ${i}`,{content:n,startContent:r,endContent:l}=X(e,this.customHTMLEnabled);return{text:n??"",cssClass:s,value:o,checked:m(t,o,this.compareWith),disabled:e.disabled,handler:e=>{this.setValue(e),this.multiple||this.close()},startContent:r,endContent:l,description:e.description,labelPlacement:e.labelPlacement,justify:e.justify}}))}async openPopover(e){const{fill:t,labelPlacement:o}=this,i=this.interfaceOptions,s=S(this),n="md"!==s,r=this.multiple,l=this.value;let a=e,c="auto";"floating"===o||"stacked"===o||"md"===s&&void 0!==t?c="cover":a={...e,detail:{ionShadowTarget:this.nativeWrapperEl}};const p=this.createOverlaySelectOptions(this.childOpts,l),d=p.some((e=>Boolean(e.startContent)||Boolean(e.endContent)||Boolean(e.description))),h={theme:s,event:a,alignment:"center",size:c,showBackdrop:n,...i,component:"ion-select-popover",cssClass:["select-popover",d?"select-popover-rich-content":void 0,i.cssClass],componentProps:{header:i.header,subHeader:i.subHeader,message:i.message,multiple:r,value:l,options:p}};return u.create(h)}async openActionSheet(){const e=S(this),t=this.interfaceOptions,o={theme:e,...t,buttons:this.createActionSheetButtons(this.childOpts,this.value),cssClass:["select-action-sheet",t.cssClass]};return k.create(o)}async openAlert(){const e=this.interfaceOptions,t=this.multiple?"checkbox":"radio",o={theme:S(this),...e,header:e.header?e.header:this.labelText,inputs:this.createAlertInputs(this.childOpts,t,this.value),buttons:[{text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}},{text:this.okText,handler:e=>{this.setValue(e)}}],cssClass:["select-alert",e.cssClass,this.multiple?"multiple-select-alert":"single-select-alert"]};return w.create(o)}openModal(){const{multiple:e,value:t,interfaceOptions:o}=this,i=S(this),s={...o,mode:i,cssClass:["select-modal",o.cssClass],component:"ion-select-modal",componentProps:{header:o.header,cancelText:this.cancelText,cancelIcon:this.cancelIcon,multiple:e,value:t,options:this.createOverlaySelectOptions(this.childOpts,t)}};return y.create(s)}close(){return this.overlay?this.overlay.dismiss():Promise.resolve(!1)}hasValue(){return""!==this.getText()}get childOpts(){return Array.from(this.el.querySelectorAll("ion-select-option"))}get labelText(){const{label:e}=this;if(void 0!==e)return e;const{labelSlot:t}=this;return null!==t?t.textContent:void 0}getText(e=!1){const t=this.selectedText;return null!=t&&""!==t?t:H(this.childOpts,this.value,this.compareWith,e)}setFocus(){this.focusEl&&this.focusEl.focus()}emitStyle(){const{disabled:e}=this;this.ionStyle.emit({"interactive-disabled":e})}getSize(){const e=S(this),{size:t}=this;if("ionic"===e)return void 0===t?"medium":t}renderLabel(){const{label:e}=this;return s("div",{class:{"label-text-wrapper":!0,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},void 0===e?s("slot",{name:"label"}):s("div",{class:"label-text"},e))}componentDidRender(){this.notchController?.calculateNotchWidth(),this.startContainerController?.calculateStartContainerWidth()}get labelSlot(){return this.el.querySelector('[slot="label"]')}get hasLabel(){return void 0!==this.label||null!==this.labelSlot}renderOutlineContainer(){return s("div",{key:"outline",class:"select-outline-container"},s("div",{class:"select-outline-start"}),s("div",{class:{"select-outline-notch":!0,"select-outline-notch-hidden":!this.hasLabel}},s("div",{class:"notch-spacer","aria-hidden":"true",ref:e=>this.notchSpacerEl=e},this.label)),s("div",{class:"select-outline-end"}))}renderStartContainer(){return s("div",{key:"start",class:"select-start",part:"start",ref:e=>this.startContainerEl=e},s("slot",{name:"start"}))}renderNativeWrapper(){return s("div",{class:"native-wrapper",ref:e=>this.nativeWrapperEl=e,part:"container"},this.renderSelectText(),this.renderListbox())}renderIonicField(){return[this.renderLabel(),s("div",{key:"inner",class:"select-wrapper-inner",part:"inner"},"outline"===this.fill&&s("div",{key:"outline",class:"select-outline"}),this.renderStartContainer(),s("div",{key:"control",class:"select-control",part:"control"},this.renderNativeWrapper()),s("div",{key:"end",class:"select-end",part:"end"},s("slot",{name:"end"})),this.renderSelectIcon())]}renderNativeField(){const{fill:e,labelPlacement:t}=this,o="floating"===t||"stacked"===t;return["md"===S(this)&&"outline"===e&&this.renderOutlineContainer(),this.renderStartContainer(),s("div",{key:"control",class:"select-control",part:"control"},this.renderLabel(),s("div",{class:"native-wrapper",ref:e=>this.nativeWrapperEl=e,part:"container"},this.renderSelectText(),this.renderListbox(),!o&&this.renderSelectIcon())),s("div",{key:"end",class:"select-end",part:"end"},o&&this.renderSelectIcon(),s("slot",{name:"end"}))]}wrapSelectTextNodes(e){const t=document.createElement("div");return t.innerHTML=e,Array.from(t.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE))?(Array.from(t.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent?.trim()){const t=e.textContent.match(/^(,\s*)(.*)/);if(t){const o=document.createTextNode(t[1]),i=document.createElement("span");return i.textContent=t[2],e.parentNode?.replaceChild(i,e),void i.parentNode?.insertBefore(o,i)}const o=document.createElement("span");e.parentNode?.replaceChild(o,e),o.appendChild(e)}})),t.innerHTML):e}renderSelectText(){const{placeholder:e}=this;let t=!1,o=this.getText(!0);""===o&&void 0!==e&&(o=e,t=!0);const i={"select-text":!0,"select-placeholder":t},n=t?"placeholder":"text";if(this.customHTMLEnabled){const e=this.wrapSelectTextNodes(o);return s("div",{"aria-hidden":"true",class:i,part:n,innerHTML:e})}return s("div",{"aria-hidden":"true",class:i,part:n},o)}renderSelectIcon(){const{isExpanded:e,selectExpandedIcon:t,selectCollapsedIcon:o}=this;let i=o;return e&&(i=t),s("ion-icon",{class:"select-icon",part:"icon","aria-hidden":"true",icon:i})}get ariaLabel(){const{placeholder:e,inheritedAttributes:t}=this,o=this.getText(),i=t["aria-label"]??this.labelText;let s=o;return""===s&&void 0!==e&&(s=e),void 0!==i&&(s=""===s?i:`${i}, ${s}`),s}renderListbox(){const{disabled:e,inputId:t,isExpanded:o,required:i}=this;return s("button",{disabled:e,id:t,"aria-label":this.ariaLabel,"aria-haspopup":"dialog","aria-expanded":`${o}`,"aria-describedby":this.hintTextId,"aria-invalid":this.isInvalid?"true":void 0,"aria-required":`${i}`,onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusEl=e})}getShape(){const e=S(this),{shape:t}=this;return"ionic"===e&&void 0===t?"round":t}get selectExpandedIcon(){if(null!=this.expandedIcon)return this.expandedIcon;if(null!=this.toggleIcon)return this.toggleIcon;const e=S(this),t={ios:E,ionic:a,md:N};return o.get("selectExpandedIcon",t[e]||t.md)}get selectCollapsedIcon(){if(this.toggleIcon)return this.toggleIcon;const e=S(this),t={ios:E,ionic:a,md:N};return o.get("selectCollapsedIcon",t[e]||t.md)}getHintTextId(){const{helperText:e,errorText:t,helperTextId:o,errorTextId:i,isInvalid:s}=this;return s&&t?i:e?o:void 0}renderHintText(){const{helperText:e,errorText:t,helperTextId:o,errorTextId:i,isInvalid:n}=this;return[s("div",{id:o,class:"helper-text",part:"supporting-text helper-text","aria-live":"polite"},n?null:e),s("div",{id:i,class:"error-text",part:"supporting-text error-text",role:"alert"},n?t:null)]}renderBottomContent(){const{helperText:e,errorText:t}=this;if(e||t)return s("div",{class:"select-bottom",part:"bottom"},this.renderHintText())}render(){const{disabled:e,el:t,isExpanded:o,expandedIcon:i,labelPlacement:r,justify:l,placeholder:a,fill:c,name:p,value:d,hasFocus:h}=this,b=S(this),m=this.getShape(),v=!("floating"===r||"stacked"===r)&&void 0!==l,x=j(t)?"rtl":"ltr",f=A("ion-item",this.el),u=this.getSize(),k="md"===b&&"outline"!==c&&!f,w=this.hasValue();g(!0,t,p,M(d),e);const y="stacked"===r||"floating"===r&&(w||h||o);return s(n,{key:"1169073985fabca41a2c0a15f07d155a19fd1197",onClick:this.onClick,class:T(this.color,{[b]:!0,"in-item":f,"in-item-color":A("ion-item.ion-color",t),"select-disabled":e,"select-expanded":o,"has-expanded-icon":void 0!==i,"has-value":w,"label-floating":y,"has-placeholder":void 0!==a,"has-focus":h,"ion-focusable":!0,[`select-${x}`]:!0,[`select-fill-${c}`]:void 0!==c,[`select-justify-${l}`]:v,[`select-shape-${m}`]:void 0!==m,[`select-label-placement-${r}`]:!0,[`select-size-${u}`]:void 0!==u})},s("label",{key:"b384d441d2dcaff191d978ce7ee1fb2a4dd74545",class:"select-wrapper",id:"select-label",onClick:this.onLabelClick,part:"wrapper"},"ionic"===b?this.renderIonicField():this.renderNativeField(),k&&s("div",{key:"114d10e8e1aaa6fda0b9a6b35de52b37afe79b25",class:"select-highlight"})),this.renderBottomContent())}get el(){return r(this)}static get watchers(){return{disabled:[{styleChanged:0}],isExpanded:[{styleChanged:0}],placeholder:[{styleChanged:0}],value:[{styleChanged:0}]}}},Y=e=>{const t=e.value;return void 0===t?e.textContent||"":t},M=e=>{if(null!=e)return Array.isArray(e)?e.join(","):e.toString()},H=(e,t,o,i=!1)=>void 0===t?"":Array.isArray(t)?t.map((t=>W(e,t,o,i))).filter((e=>null!==e)).join(", "):W(e,t,o,i)||"",W=(e,t,i,s=!1)=>{const n=e.find((e=>b(t,Y(e),i))),r=o.get("innerHTMLTemplatesEnabled",c);return n?r&&s?V(n,void 0,!0):U(n)||null:null},K=e=>{e.childNodes.forEach((e=>{e.nodeType===Node.TEXT_NODE?e.textContent=e.textContent?.trim()||"":e.nodeType===Node.ELEMENT_NODE&&K(e)}))},V=(e,t,o=!1)=>{let i;if(i=t?Array.from(e.children).filter((e=>e.getAttribute("slot")===t)):(_(e)||[]).filter((e=>e.nodeType!==Node.TEXT_NODE||0!==e.textContent?.trim().length)),0===i.length)return null;if(!t&&i.every((e=>e.nodeType===Node.TEXT_NODE)))return U(e)||null;i.forEach((e=>{e.nodeType===Node.ELEMENT_NODE&&C(e)}));const s=document.createElement("div");return i.forEach((e=>{const t=e.cloneNode(!0);t.nodeType===Node.TEXT_NODE?t.textContent=t.textContent?.trim()||"":K(t),s.appendChild(t)})),I(s),o?s.innerHTML.trim()||null:s},_=e=>{const t=Array.from(e.childNodes).filter((e=>e.nodeType===Node.ELEMENT_NODE?!e.hasAttribute("slot"):e.nodeType===Node.TEXT_NODE));return 0===t.length?null:t},q=e=>e.nodeType===Node.TEXT_NODE?e.textContent??"":e.nodeType!==Node.ELEMENT_NODE||$.includes(e.tagName.toLowerCase())?"":Array.from(e.childNodes).map((e=>q(e))).join(""),U=e=>(_(e)??[]).map((e=>q(e))).join("").replace(/[ \t\n\r\f]+/g," ").replace(/^[ \t\n\r\f]+|[ \t\n\r\f]+$/g,""),X=(e,t)=>t?{content:V(e),startContent:V(e,"start")??void 0,endContent:V(e,"end")??void 0}:{content:U(e),startContent:void 0,endContent:void 0};let G=0;const Q="select-interface-option";D.style={ionic:":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:ion-color(primary, base);--highlight-color-valid:ion-color(success, base);--highlight-color-invalid:ion-color(danger, base);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:current-color(base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-control{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:inherit;justify-content:inherit;min-width:0}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{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}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{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}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-control,:host(.select-label-placement-floating) .select-control{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.label-floating.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:var(--placeholder-opacity)}.select-start,.select-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host(.ion-color){--border-color:var(--ion-color-base)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .label-text-wrapper{position:relative}:host(.select-fill-outline) .select-wrapper-inner{border-radius:var(--border-radius);-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);background:var(--background)}:host(.select-fill-outline) .select-outline{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);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-focused.select-fill-outline){--border-color:var(--highlight-color)}:host(.ion-focused.select-fill-outline:not(.ion-invalid):not(.ion-valid)){--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;--highlight-color-focused:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--highlight-color-valid:var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));--highlight-color-invalid:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));--select-text-gap:var(--token-space-300, var(--token-scale-300, 12px));min-height:var(--token-scale-1100, 44px)}.select-bottom{padding-top:var(--token-space-100, var(--token-scale-100, 4px));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}.select-bottom .helper-text{color:var(--token-primitives-neutral-800, #626262)}.select-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.select-text{min-width:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.has-value) .select-text{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.label-text-wrapper{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;max-width:var(--token-scale-5000, 200px);-webkit-transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-primitives-neutral-1000, #3b3b3b)}:host(.select-label-placement-start) .label-text-wrapper,:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-end:var(--token-space-100, var(--token-scale-100, 4px));margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));min-width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));max-width:var(--token-scale-5000, 200px)}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.select-wrapper{-ms-flex-align:center;align-items:center;min-width:var(--token-scale-5000, 200px);background:transparent}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.select-wrapper .select-placeholder{-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}.select-wrapper-inner{border-radius:var(--border-radius);-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;background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:100%}.native-wrapper{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;-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - var(--token-scale-400, 16px) - var(--token-space-200, var(--token-scale-200, 8px)))}::slotted([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))}::slotted([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))}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));aspect-ratio:1}.select-icon,::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}.select-icon{-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;-webkit-transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.has-value) .select-icon{color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-fill-solid){--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}:host(.select-disabled){--background:var(--token-primitives-neutral-100, #f3f3f3);--border-color:var(--token-primitives-neutral-300, #e0e0e0)}:host(.select-disabled) .label-text-wrapper,:host(.select-disabled) .select-text,:host(.select-disabled) .select-icon{color:var(--token-primitives-neutral-500, #a2a2a2)}:host(.select-shape-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.select-shape-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.select-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-size-small) .select-wrapper-inner{height:var(--token-scale-1000, 40px)}:host(.select-size-medium) .select-wrapper-inner{height:var(--token-scale-1200, 48px)}:host(.select-size-large) .select-wrapper-inner{height:var(--token-scale-1400, 56px)}",ios:":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-control{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:inherit;justify-content:inherit;min-width:0}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{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}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{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}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-control,:host(.select-label-placement-floating) .select-control{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.label-floating.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:var(--placeholder-opacity)}.select-start,.select-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--select-text-gap:12px;min-height:44px;font-family:var(--ion-font-family, inherit);z-index:2}:host(.has-focus) button{border:2px solid #5e9ed6}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}.select-wrapper{-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)}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-bottom{-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}.select-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.select-text{min-width:16px}.label-text-wrapper{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)}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}.label-text-wrapper{min-width:0}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px}.native-wrapper{-ms-flex-negative:100000;flex-shrink:100000;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host{--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}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, var(--ion-text-color-step-350, #595959))}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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:":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-control{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:inherit;justify-content:inherit;min-width:0}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{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}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{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}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-control,:host(.select-label-placement-floating) .select-control{-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.label-floating.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:var(--placeholder-opacity)}.select-start,.select-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--select-text-gap:12px;min-height:44px;font-family:var(--ion-font-family, inherit);z-index:2}:host(.has-focus) button{border:2px solid #5e9ed6}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}.select-wrapper{-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)}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-bottom{-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}.select-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.select-text{min-width:16px}.label-text-wrapper{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)}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}.label-text-wrapper{min-width:0}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px}.native-wrapper{-ms-flex-negative:100000;flex-shrink:100000;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-fill-solid){--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}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.select-expanded.select-fill-solid.ion-valid),:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid: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))}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.has-focus){--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.in-item.select-expanded.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-fill-outline){--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}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.has-focus){--border-width:var(--highlight-height);--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:100%}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.select-fill-outline:not(.label-floating)) .select-control{position:relative}:host(.label-floating.select-fill-outline) .label-text-wrapper{-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 )}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius);width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-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}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host(.in-item.select-expanded.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon{color:var(--highlight-color)}:host{--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}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.has-focus) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.has-focus) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{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)}.select-highlight{inset-inline-start:0}:host(.select-expanded) .select-highlight,:host(.has-focus) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}:host(.in-item) .select-highlight{inset-inline-start:0}.select-icon{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.in-item.select-expanded) .select-wrapper .select-icon,:host(.in-item.has-focus) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid) .select-wrapper .select-icon{color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.has-focus) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-shape-round){--border-radius:16px}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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}"};const R=class{constructor(t){e(this,t),this.inputId="ion-selopt-"+J++,this.disabled=!1}render(){const e=S(this);return s(n,{key:"18cb08ee4a117209590b5a77ac74a05b93800897",class:{[e]:!0},role:"option",id:this.inputId})}get el(){return r(this)}};let J=0;R.style=":host{display:none}";const Z=class{constructor(t){e(this,t),this.pendingEnterTarget=null,this.options=[]}findOptionFromEvent(e){const{options:t}=this;return t.find((t=>t.value===e.target.value))}callOptionHandler(e){const t=this.findOptionFromEvent(e),o=this.getValues(e);t?.handler&&z(t.handler,o)}dismissParentPopover(){const e=this.el.closest("ion-popover");e&&e.dismiss()}setChecked(e){const{multiple:t}=this,o=this.findOptionFromEvent(e);t&&o&&(o.checked=e.detail.checked)}getValues(e){const{multiple:t,options:o}=this;if(t)return o.filter((e=>e.checked)).map((e=>e.value));const i=this.findOptionFromEvent(e);return i?i.value:void 0}renderOptions(e){const{multiple:t}=this;return!0===t?this.renderCheckboxOptions(e):this.renderRadioOptions(e)}renderCheckboxOptions(e){const t=S(this);return e.map(((e,o)=>{const i=e,n=!!i.startContent||!!i.endContent||!!i.description,r={id:`popover-option-${o}`,label:i.text,startContent:i.startContent,endContent:i.endContent,description:i.description},a=B(t,"checkbox"),c=F(t,"checkbox");return s("ion-item",{disabled:e.disabled,class:{"item-checkbox-checked":e.checked,...O(e.cssClass)}},s("ion-checkbox",{class:{"select-option-has-rich-content":n},value:e.value,disabled:e.disabled,checked:e.checked,justify:i.justify??c,labelPlacement:i.labelPlacement??a,onIonChange:e=>{this.setChecked(e),this.callOptionHandler(e),l(this)}},L(r,"select-option-label")))}))}renderRadioOptions(e){const t=S(this),o=e.filter((e=>e.checked)).map((e=>e.value))[0];return s("ion-radio-group",{value:o,onIonChange:e=>this.callOptionHandler(e)},e.map(((e,i)=>{const n=e,r=!!n.startContent||!!n.endContent||!!n.description,l={id:`popover-option-${i}`,label:n.text,startContent:n.startContent,endContent:n.endContent,description:n.description};return s("ion-item",{disabled:e.disabled,class:{"item-radio-checked":e.value===o,...O(e.cssClass)}},s("ion-radio",{class:{"select-option-has-rich-content":r},value:e.value,disabled:e.disabled,justify:n.justify??F(t,"radio"),labelPlacement:n.labelPlacement??B(t,"radio"),onClick:()=>this.dismissParentPopover(),onKeyDown:e=>{"Enter"!==e.key||e.repeat||(this.pendingEnterTarget=e.currentTarget)},onKeyUp:e=>{if(" "===e.key)this.dismissParentPopover();else if("Enter"===e.key){const t=this.pendingEnterTarget===e.currentTarget;this.pendingEnterTarget=null,t&&this.dismissParentPopover()}}},L(l,"select-option-label")))})))}render(){const{header:e,message:t,options:o,subHeader:i}=this,r=void 0!==i||void 0!==t,l=S(this);return s(n,{key:"5c2fa9bfc1041fc034741182bf1beb57a51454be",class:{[l]:!0}},s("ion-list",{key:"8433b6e6628750f461dde919818a4aa77c3bdea7"},void 0!==e&&s("ion-list-header",{key:"907e8b7c35fb083c4311e2f781e808b9fb0f955b"},e),r&&s("ion-item",{key:"94862a5fcb2f8373cccef9acd97b675999a0246f"},s("ion-label",{key:"0e7fe0f1bbcb4526e599d51583a0ce2a35645cd2",class:"ion-text-wrap"},void 0!==i&&s("h3",{key:"d28e66dee997780896b7b2ab4350e4475c6407dc"},i),void 0!==t&&s("p",{key:"aeb82906a1cb2729e969b4148ffe63d386babbd6"},t))),this.renderOptions(o)))}get el(){return r(this)}};Z.style={ionic:'.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ionic,.alert-radio-label-has-rich-content.sc-ion-select-popover-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ionic,.select-option-label-has-rich-content.sc-ion-select-popover-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-select-popover-ionic,.alert-checkbox-label-text.sc-ion-select-popover-ionic,.alert-radio-label-text.sc-ion-select-popover-ionic,.select-option-label-text.sc-ion-select-popover-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-select-popover-ionic{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;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-select-popover-ionic>ion-avatar.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>ion-img.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>ion-thumbnail.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>img.sc-ion-select-popover-ionic,.select-option-start.sc-ion-select-popover-ionic>svg.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-avatar.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-img.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-thumbnail.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>img.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>svg.sc-ion-select-popover-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-select-popover-ionic>ion-icon.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic>ion-icon.sc-ion-select-popover-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ionic,.alert-radio-label-has-rich-content.sc-ion-select-popover-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ionic,.select-option-label-has-rich-content.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ionic,.alert-radio-label-has-rich-content.sc-ion-select-popover-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ionic,.select-option-content.sc-ion-select-popover-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-ionic,.alert-checkbox-label-text.sc-ion-select-popover-ionic,.alert-radio-label-text.sc-ion-select-popover-ionic,.select-option-label-text.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-popover-ionic,.select-option-end.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-popover-ionic{display:block}.select-option-label.sc-ion-select-popover-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ionic [part~="label"],.select-option-content.sc-ion-select-popover-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-popover-ionic-h ion-list.sc-ion-select-popover-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ionic,ion-label.sc-ion-select-popover-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ionic-h{overflow-y:auto}ion-item.sc-ion-select-popover-ionic{--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--background-focused:transparent;--background-focused-opacity:1;--background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--background-hover-opacity:1;--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--background-activated-opacity:1}ion-item.ion-focused.item-checkbox-checked.sc-ion-select-popover-ionic,ion-item.ion-focused.item-radio-checked.sc-ion-select-popover-ionic{--background-focused:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));--background-focused-opacity:1}ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic::part(container),ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic [part~="container"]{display:none}ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic::part(label),ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic [part~="label"]{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-end:var(--token-space-0, var(--token-scale-0, 0px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px))}ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic::part(label),ion-list.sc-ion-select-popover-ionic ion-radio.sc-ion-select-popover-ionic [part~="label"],ion-list.sc-ion-select-popover-ionic ion-checkbox.sc-ion-select-popover-ionic::part(label),ion-list.sc-ion-select-popover-ionic ion-checkbox.sc-ion-select-popover-ionic [part~="label"]{font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);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}.item-radio-checked.sc-ion-select-popover-ionic,.item-checkbox-checked.sc-ion-select-popover-ionic{--background:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)))}',ios:'.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{gap:12px}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{gap:8px}.select-option-description.sc-ion-select-popover-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-select-popover-ios>ion-avatar.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>ion-img.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>ion-thumbnail.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>img.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>svg.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-avatar.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-img.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-thumbnail.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>img.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>svg.sc-ion-select-popover-ios{width:44px;height:44px}.select-option-start.sc-ion-select-popover-ios>ion-icon.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-icon.sc-ion-select-popover-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-select-popover-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-select-popover-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{gap:12px}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{gap:8px}.select-option-description.sc-ion-select-popover-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-content.sc-ion-select-popover-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-popover-ios{display:block}.select-option-label.sc-ion-select-popover-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ios [part~="label"],.select-option-content.sc-ion-select-popover-ios{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}',md:'.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{gap:12px}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{gap:8px}.select-option-description.sc-ion-select-popover-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-select-popover-md>ion-avatar.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-avatar.sc-ion-select-popover-md{width:40px;height:40px}.select-option-start.sc-ion-select-popover-md>ion-icon.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-icon.sc-ion-select-popover-md{font-size:24px}.select-option-start.sc-ion-select-popover-md>ion-img.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>img.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>svg.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>ion-thumbnail.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-img.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>img.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>svg.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-thumbnail.sc-ion-select-popover-md{width:56px;height:56px}.select-option-start.sc-ion-select-popover-md>video.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>video.sc-ion-select-popover-md{width:114px;height:56px}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{gap:16px}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{gap:12px}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{gap:8px}.select-option-description.sc-ion-select-popover-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-content.sc-ion-select-popover-md{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-popover-md{display:block}.select-option-label.sc-ion-select-popover-md:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-md::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-md [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-md::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-md [part~="label"],.select-option-content.sc-ion-select-popover-md{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="container"]{display:none}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(label),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);--background-focused:var(--ion-color-primary, #0054e9);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #0054e9);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #0054e9)}'};export{D as ion_select,R as ion_select_option,Z as ion_select_popover}
package/dist/ionic/p-cd4791d5.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Ionic http://ionicframework.com - MIT License
3
+ */
4
+ import{r as t,c as e,i as a,w as r,h as i,d as o,g as n}from"./p-jsOqXOKf.js";import{c as l,a as s,b as d}from"./p-DpE9LgN6.js";import{c as p,r as h}from"./p-NcQUGze-.js";import{d as c,b as g,i as b,c as x}from"./p-8NLG9fne.js";import{h as m,c as v}from"./p-BUF_V-Kg.js";import{c as f}from"./p-CyXL8sF6.js";import{g as u}from"./p-DFZcZ5hU.js";import"./p-Dojwmvde.js";import"./p-vXpMhGrs.js";const w=class{constructor(a){t(this,a),this.ionChange=e(this,"ionChange",7),this.ionInput=e(this,"ionInput",7),this.ionBlur=e(this,"ionBlur",7),this.ionFocus=e(this,"ionFocus",7),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.inputId="ion-textarea-"+k++,this.helperTextId=`${this.inputId}-helper-text`,this.errorTextId=`${this.inputId}-error-text`,this.didTextareaClearOnEdit=!1,this.inheritedAttributes={},this.hasFocus=!1,this.isInvalid=!1,this.autocapitalize="none",this.autofocus=!1,this.clearOnEdit=!1,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.autoGrow=!1,this.value="",this.counter=!1,this.labelPlacement="start",this.size="medium",this.onInput=t=>{const e=t.target;e&&(this.value=e.value||""),this.emitInputChange(t)},this.onChange=t=>{this.emitValueChange(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusedValue=this.value,this.ionFocus.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(t),this.didTextareaClearOnEdit=!1,this.ionBlur.emit(t)},this.onKeyDown=t=>{this.checkClearOnEdit(t)},this.clickReachedConsumer=!1,this.onLabelPointerDown=()=>{this.clickReachedConsumer=!1},this.onLabelClick=t=>{const e=t.target;if(e===this.nativeInput)return this.clickReachedConsumer&&t.stopPropagation(),void(this.clickReachedConsumer=!1);const a=e.closest('[slot="start"], [slot="end"]'),r=null!==a&&a!==this.el&&this.el.contains(a);this.clickReachedConsumer=r,r||t.stopPropagation()}}debounceChanged(){const{ionInput:t,debounce:e,originalIonInput:a}=this;this.ionInput=void 0===e?a??t:c(t,e)}disabledChanged(){this.updateElementInternals()}valueChanged(){const t=this.nativeInput,e=this.getValue();t&&t.value!==e&&(t.value=e),this.updateElementInternals(),this.runAutoGrow()}requiredChanged(){this.nativeInput&&(this.nativeInput.required=this.required),this.updateElementInternals()}onDirChanged(t){this.inheritedAttributes={...this.inheritedAttributes,dir:t},a(this)}onClickCapture(t){const e=this.nativeInput;e&&t.target===e&&(t.stopPropagation(),this.el.click())}connectedCallback(){const{el:t}=this;this.slotMutationController=l(t,["label","start","end"],(()=>{this.startContainerController?.calculateStartContainerWidth(),a(this)})),this.notchController=s(t,(()=>this.notchSpacerEl),(()=>this.labelSlot)),this.startContainerController=d(t,(()=>this.startContainerEl),(()=>"md"===f(this)&&"outline"===this.fill)),this.startContainerController.calculateStartContainerWidth(),"undefined"!=typeof MutationObserver&&(this.validationObserver=new MutationObserver((()=>{const t=p(this.el);this.isInvalid!==t&&(this.isInvalid=t,a(this))})),this.validationObserver.observe(t,{attributes:!0,attributeFilter:["class"]})),this.isInvalid=p(this.el),this.debounceChanged(),document.dispatchEvent(new CustomEvent("ionInputDidLoad",{detail:t}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("ionInputDidUnload",{detail:this.el})),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)}componentWillLoad(){this.inheritedAttributes={...b(this.el),...g(this.el,["data-form-type","title","tabindex","dir"])}}componentDidLoad(){this.originalIonInput=this.ionInput,this.updateElementInternals(),this.runAutoGrow(),this.el.focus=()=>{this.setFocus()}}componentDidRender(){this.notchController?.calculateNotchWidth(),this.startContainerController?.calculateStartContainerWidth()}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async getInputElement(){return this.nativeInput||await new Promise((t=>x(this.el,t))),Promise.resolve(this.nativeInput)}emitValueChange(t){const{value:e}=this,a=null==e?e:e.toString();this.focusedValue=a,this.ionChange.emit({value:a,event:t})}emitInputChange(t){const{value:e}=this;this.ionInput.emit({value:e,event:t})}runAutoGrow(){this.nativeInput&&this.autoGrow&&r((()=>{this.textareaWrapper&&(this.textareaWrapper.dataset.replicatedValue=this.value??"")}))}checkClearOnEdit(t){if(!this.clearOnEdit)return;const e=["Tab","Shift","Meta","Alt","Control"].includes(t.key);this.didTextareaClearOnEdit||!this.hasValue()||e||(this.value="",this.emitInputChange(t)),e||(this.didTextareaClearOnEdit=!0)}hasValue(){return""!==this.getValue()}getValue(){return this.value||""}formStateRestoreCallback(t){this.value=t}formResetCallback(){this.value=""}updateElementInternals(){const t=this.disabled?null:this.getValue();"function"==typeof this.internals.setFormValue&&this.internals.setFormValue(t),h(this.nativeInput,this.internals)}renderLabel(){const{label:t}=this;return i("div",{class:{"label-text-wrapper":!0,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},void 0===t?i("slot",{name:"label"}):i("div",{class:"label-text"},t))}get labelSlot(){return this.el.querySelector('[slot="label"]')}get hasLabel(){return void 0!==this.label||null!==this.labelSlot}getFill(){const t=f(this),{fill:e}=this;return"ionic"===t&&void 0===e?"outline":e}getShape(){const t=f(this),{shape:e}=this;return"ionic"===t&&void 0===e?"round":e}renderOutlineContainer(){return i("div",{key:"outline",class:"textarea-outline-container"},i("div",{class:"textarea-outline-start"}),i("div",{class:{"textarea-outline-notch":!0,"textarea-outline-notch-hidden":!this.hasLabel}},i("div",{class:"notch-spacer","aria-hidden":"true",ref:t=>this.notchSpacerEl=t},this.label)),i("div",{class:"textarea-outline-end"}))}renderNativeTextarea(){const{inputId:t,disabled:e}=this;return i("textarea",{class:"native-textarea",part:"native",ref:t=>this.nativeInput=t,id:t,disabled:e,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,minLength:this.minlength,maxLength:this.maxlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown,"aria-describedby":this.getHintTextID(),"aria-invalid":this.isInvalid?"true":void 0,...this.inheritedAttributes},this.getValue())}renderStartContainer(){return i("div",{key:"start",class:"textarea-start",ref:t=>this.startContainerEl=t},i("slot",{name:"start"}))}renderEndContainer(){return i("div",{key:"end",class:"textarea-end"},i("slot",{name:"end"}))}renderIonicField(){return[this.renderLabel(),i("div",{key:"inner",class:"textarea-wrapper-inner"},"outline"===this.getFill()&&i("div",{key:"outline",class:"textarea-outline"}),this.renderStartContainer(),i("div",{key:"control",class:"textarea-control"},i("div",{class:"native-wrapper",ref:t=>this.textareaWrapper=t,part:"container"},this.renderNativeTextarea())),this.renderEndContainer())]}renderNativeField(){return["md"===f(this)&&"outline"===this.getFill()&&this.renderOutlineContainer(),this.renderStartContainer(),i("div",{key:"control",class:"textarea-control"},this.renderLabel(),i("div",{class:"native-wrapper",ref:t=>this.textareaWrapper=t,part:"container"},this.renderNativeTextarea())),this.renderEndContainer()]}renderHintText(){const{helperText:t,errorText:e,helperTextId:a,errorTextId:r,isInvalid:o}=this;return[i("div",{id:a,class:"helper-text",part:"supporting-text helper-text","aria-live":"polite"},o?null:t),i("div",{id:r,class:"error-text",part:"supporting-text error-text",role:"alert"},o?e:null)]}getHintTextID(){const{isInvalid:t,helperText:e,errorText:a,helperTextId:r,errorTextId:i}=this;return t&&a?i:e?r:void 0}renderCounter(){const{counter:t,maxlength:e,counterFormatter:a,value:r}=this;if(!0===t&&void 0!==e)return i("div",{class:"counter",part:"counter"},u(r,e,a))}renderBottomContent(){const{counter:t,helperText:e,errorText:a,maxlength:r}=this;if(e||a||!0===t&&void 0!==r)return i("div",{class:"textarea-bottom",part:"bottom"},this.renderHintText(),this.renderCounter())}render(){const{inputId:t,disabled:e,readonly:a,size:r,labelPlacement:n,hasFocus:l}=this,s=f(this),d=this.getFill(),p=this.getShape(),h=m("ion-item",this.el),c="md"===s&&"outline"!==d&&!h,g=this.hasValue(),b="stacked"===n||"floating"===n&&(g||l);return i(o,{key:"d577d18d209f4e9cee1c2addb78ab0c2e57effdf",class:v(this.color,{[s]:!0,"has-value":g,"has-focus":l,"label-floating":b,[`textarea-fill-${d}`]:void 0!==d,[`textarea-shape-${p}`]:void 0!==p,[`textarea-size-${r}`]:!0,[`textarea-label-placement-${n}`]:!0,"in-item":h,"textarea-disabled":e,"textarea-readonly":a})},i("label",{key:"188cff345aec306354bd7a9fabc1411d607139e3",class:"textarea-wrapper",htmlFor:t,onMouseDown:this.onLabelPointerDown,onClick:this.onLabelClick,part:"wrapper"},"ionic"===s?this.renderIonicField():this.renderNativeField(),c&&i("div",{key:"13ef56def9848498f77c3c388be4abe0ea2aa38c",class:"textarea-highlight"})),this.renderBottomContent())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{debounce:[{debounceChanged:0}],disabled:[{disabledChanged:0}],value:[{valueChanged:0}],required:[{requiredChanged:0}],dir:[{onDirChanged:0}]}}};let k=0;w.style={ionic:':host{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0;--padding-end:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}:host([cols]:not([auto-grow])){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.ion-color){background:initial}:host(.in-item){-ms-flex-item-align:baseline;align-self:baseline}:host(.in-item[slot=start]),:host(.in-item[slot=end]){width:auto}.native-textarea{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea{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;grid-area:1/1/2/2;word-break:break-word}.cloned-input{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input:disabled{opacity:1}:host([auto-grow]) .cloned-input{height:100%}:host([auto-grow]) .native-textarea{overflow:hidden}.textarea-wrapper{-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:0;padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.textarea-control{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start;-ms-flex-item-align:stretch;align-self:stretch;width:100%;min-width:0}.native-wrapper{position:relative;width:100%;height:100%}:host(.has-focus) textarea{caret-color:var(--highlight-color)}.native-wrapper{display:grid;min-width:inherit;max-width:inherit;grid-auto-rows:100%}.native-wrapper::after{white-space:pre-wrap;content:attr(data-replicated-value) " ";visibility:hidden}.native-wrapper::after{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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;grid-area:1/1/2/2;word-break:break-word}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.textarea-bottom{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}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.textarea-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.textarea-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .textarea-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .textarea-bottom .helper-text{display:none}.textarea-bottom .counter{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.label-text-wrapper{pointer-events:none}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.textarea-outline{-webkit-box-sizing:border-box;box-sizing:border-box}.label-text-wrapper-hidden,.textarea-outline-notch-hidden{display:none}:host(.textarea-label-placement-start) .textarea-control{-ms-flex-direction:row;flex-direction:row}:host(.textarea-label-placement-end) .textarea-control{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.textarea-label-placement-stacked) .textarea-control,:host(.textarea-label-placement-floating) .textarea-control{padding-top:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.textarea-label-placement-stacked) .label-text-wrapper,:host(.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;max-width:100%;z-index:2}:host-context([dir=rtl]):host(.textarea-label-placement-stacked) .label-text-wrapper,:host-context([dir=rtl]).textarea-label-placement-stacked .label-text-wrapper,:host-context([dir=rtl]):host(.textarea-label-placement-floating) .label-text-wrapper,:host-context([dir=rtl]).textarea-label-placement-floating .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.textarea-label-placement-stacked:dir(rtl)) .label-text-wrapper,:host(.textarea-label-placement-floating:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.textarea-label-placement-floating) textarea{opacity:0}:host(.has-focus.textarea-label-placement-floating) textarea,:host(.has-value.textarea-label-placement-floating) textarea{opacity:1}.textarea-start,.textarea-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}:host(.textarea-fill-outline){--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c))}:host(.textarea-fill-outline) .textarea-wrapper{background:initial}:host(.textarea-fill-outline) .textarea-wrapper-inner{position:relative}:host(.textarea-fill-outline) .textarea-outline{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);background:var(--background)}:host(.textarea-fill-outline) .textarea-bottom{border-top:none}:host(.textarea-fill-outline.has-focus.ion-valid),:host(.textarea-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.textarea-fill-outline.textarea-readonly){--border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));--border-width:var(--token-border-size-025, var(--token-scale-025, 1px))}:host(.textarea-fill-solid){--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));--border-width:var(--token-border-size-050, var(--token-scale-050, 2px));--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}:host(.textarea-fill-solid) .textarea-wrapper{border-bottom:none;background:none}:host(.textarea-fill-solid) .textarea-wrapper-inner{border-radius:var(--border-radius);position:relative;border:var(--border-width) var(--border-style) var(--border-color);background:var(--background)}:host(.textarea-fill-solid) .textarea-bottom{--border-width:var(--token-scale-0, 0px)}:host(.textarea-fill-solid.has-focus){--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}:host(.textarea-fill-solid.has-focus.ion-valid),:host(.textarea-fill-solid.ion-touched.ion-invalid){--border-width:var(--token-border-size-050, var(--token-scale-050, 2px));--border-color:var(--highlight-color)}:host(.textarea-fill-solid.textarea-readonly){--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))}:host(.textarea-fill-solid.textarea-readonly.ion-invalid){--border-color:rgba(var(--token-semantics-danger-base-rgb, 229, 41, 41), 0.6)}:host(.textarea-fill-solid.textarea-disabled){--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));--border-color:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0))}:host{--border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--highlight-color-valid:var(--token-text-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));--highlight-color-invalid:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));--highlight-color-focused:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--placeholder-color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));--placeholder-opacity:1;--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));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}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.textarea-size-small) .textarea-wrapper-inner{--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-300, var(--token-scale-300, 12px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-300, var(--token-scale-300, 12px))}:host(.textarea-size-medium) .textarea-wrapper-inner{--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px))}:host(.textarea-size-large) .textarea-wrapper-inner{--padding-top:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-500, var(--token-scale-500, 20px));--padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));--padding-start:var(--token-space-500, var(--token-scale-500, 20px))}:host .native-wrapper::after{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.textarea-shape-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.textarea-shape-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.textarea-shape-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host([auto-grow]) .textarea-wrapper-inner{height:auto}:host([auto-grow]) .native-wrapper{min-height:inherit;max-height:inherit}.textarea-wrapper{gap:var(--token-space-100, var(--token-scale-100, 4px))}:host(.textarea-label-placement-start) .textarea-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.textarea-label-placement-end) .textarea-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.textarea-label-placement-stacked) .textarea-wrapper,:host(.textarea-label-placement-floating) .textarea-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-wrapper-inner{-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;width:100%;min-height:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host([rows]:not([auto-grow])) .textarea-wrapper-inner{-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:0;padding-bottom:0}:host([rows]:not([auto-grow])) .textarea-wrapper-inner .native-textarea{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-width:var(--token-border-size-025, var(--token-scale-025, 1px))}.textarea-highlight{bottom:-1px;position:absolute;width:100%;height:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform var(--token-transition-time-200, 200ms);transition:-webkit-transform var(--token-transition-time-200, 200ms);transition:transform var(--token-transition-time-200, 200ms);transition:transform var(--token-transition-time-200, 200ms), -webkit-transform var(--token-transition-time-200, 200ms);background:var(--border-color)}.textarea-highlight{inset-inline-start:0}.textarea-bottom{-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(--token-space-100, var(--token-scale-100, 4px));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}.textarea-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.textarea-bottom .helper-text,.textarea-bottom .counter{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.has-focus.ion-valid) .helper-text{color:var(--highlight-color-valid)}.label-text-wrapper{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;padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:var(--token-scale-5000, 200px);-webkit-transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b))}:host(.label-floating) .label-text-wrapper{-webkit-transform:none;transform:none}:host(.label-floating) .label-text-wrapper{max-width:calc(100% / 0.75)}.textarea-wrapper textarea{-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}:host(.textarea-label-placement-fixed) .label-text{-ms-flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));min-width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));max-width:var(--token-scale-5000, 200px)}ion-icon{--color:globals.$ion-icon-subtlest;font-size:var(--token-scale-400, 16px)}.textarea-start,.textarea-end{margin-top:var(--token-space-050, var(--token-scale-050, 2px))}:host([rows]:not([auto-grow])) .textarea-start,:host([rows]:not([auto-grow])) .textarea-end{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.textarea-control{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.has-focus){--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))}:host(.has-focus) .textarea-highlight{-webkit-transform:scale(1);transform:scale(1)}@media (any-hover: hover){:host(:hover){--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}}:host(.textarea-disabled){--color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));--background:var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));--border-color:var(--token-border-disabled, var(--token-primitives-neutral-300, #e0e0e0));--placeholder-color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}:host(.textarea-disabled:not(.ion-valid)) .textarea-bottom .helper-text,:host(.textarea-disabled) .textarea-bottom .counter,:host(.textarea-disabled) .label-text-wrapper{color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}:host(.textarea-disabled.has-focus.ion-valid){--border-color:rgba(var(--token-semantics-success-base-rgb, 27, 164, 51), 0.6)}:host(.textarea-disabled.ion-touched.ion-invalid){--border-color:rgba(var(--token-semantics-danger-base-rgb, 229, 41, 41), 0.6)}:host(.textarea-disabled.ion-color){--border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.textarea-disabled.has-focus.ion-valid) .textarea-bottom .helper-text,:host(.textarea-disabled.ion-touched.ion-invalid) .error-text{opacity:0.6}:host(.textarea-readonly){--background:var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f3f3f3))}',ios:':host{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0;--padding-end:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}:host([cols]:not([auto-grow])){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.ion-color){background:initial}:host(.in-item){-ms-flex-item-align:baseline;align-self:baseline}:host(.in-item[slot=start]),:host(.in-item[slot=end]){width:auto}.native-textarea{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea{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;grid-area:1/1/2/2;word-break:break-word}.cloned-input{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input:disabled{opacity:1}:host([auto-grow]) .cloned-input{height:100%}:host([auto-grow]) .native-textarea{overflow:hidden}.textarea-wrapper{-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:0;padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.textarea-control{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start;-ms-flex-item-align:stretch;align-self:stretch;width:100%;min-width:0}.native-wrapper{position:relative;width:100%;height:100%}:host(.has-focus) textarea{caret-color:var(--highlight-color)}.native-wrapper{display:grid;min-width:inherit;max-width:inherit;grid-auto-rows:100%}.native-wrapper::after{white-space:pre-wrap;content:attr(data-replicated-value) " ";visibility:hidden}.native-wrapper::after{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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;grid-area:1/1/2/2;word-break:break-word}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.textarea-bottom{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}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.textarea-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.textarea-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .textarea-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .textarea-bottom .helper-text{display:none}.textarea-bottom .counter{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.label-text-wrapper{pointer-events:none}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.textarea-outline{-webkit-box-sizing:border-box;box-sizing:border-box}.label-text-wrapper-hidden,.textarea-outline-notch-hidden{display:none}:host(.textarea-label-placement-start) .textarea-control{-ms-flex-direction:row;flex-direction:row}:host(.textarea-label-placement-end) .textarea-control{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.textarea-label-placement-stacked) .textarea-control,:host(.textarea-label-placement-floating) .textarea-control{padding-top:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.textarea-label-placement-stacked) .label-text-wrapper,:host(.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;max-width:100%;z-index:2}:host-context([dir=rtl]):host(.textarea-label-placement-stacked) .label-text-wrapper,:host-context([dir=rtl]).textarea-label-placement-stacked .label-text-wrapper,:host-context([dir=rtl]):host(.textarea-label-placement-floating) .label-text-wrapper,:host-context([dir=rtl]).textarea-label-placement-floating .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.textarea-label-placement-stacked:dir(rtl)) .label-text-wrapper,:host(.textarea-label-placement-floating:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.textarea-label-placement-floating) textarea{opacity:0}:host(.has-focus.textarea-label-placement-floating) textarea,:host(.has-value.textarea-label-placement-floating) textarea{opacity:1}.textarea-start,.textarea-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-bottom:8px;--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;font-family:var(--ion-font-family, inherit);z-index:2}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.textarea-label-placement-floating),:host(.textarea-label-placement-stacked){--padding-top:20px;--padding-bottom:6px;min-height:56px}.native-wrapper{min-height:inherit;max-height:inherit}.textarea-bottom{-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}.textarea-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.textarea-bottom .counter{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));-webkit-padding-start:16px;padding-inline-start:16px}:host(.textarea-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.textarea-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.textarea-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.textarea-label-placement-stacked) textarea,:host(.textarea-label-placement-floating) textarea,:host(.textarea-label-placement-stacked[auto-grow]) .native-wrapper::after,:host(.textarea-label-placement-floating[auto-grow]) .native-wrapper::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}:host(.textarea-label-placement-start) .native-wrapper,:host(.textarea-label-placement-end) .native-wrapper,:host(.textarea-label-placement-fixed) .native-wrapper{-ms-flex:1 1 0px;flex:1 1 0}.label-text-wrapper{min-width:0}::slotted([slot=start]),::slotted([slot=end]){margin-top:var(--padding-top)}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.label-text-wrapper{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)}.textarea-wrapper textarea{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.textarea-label-placement-fixed) .label-text{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host{--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))));--padding-top:10px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;--highlight-height:0px;font-size:inherit}:host(.textarea-label-placement-floating),:host(.textarea-label-placement-stacked){min-height:56px}:host(.textarea-disabled){opacity:0.3}::slotted(ion-button[slot=start]),::slotted(ion-button[slot=end]){margin-top:2px}:host(.textarea-label-placement-floating) ::slotted(ion-button[slot=start]),:host(.textarea-label-placement-floating) ::slotted(ion-button[slot=end]),:host(.textarea-label-placement-stacked) ::slotted(ion-button[slot=start]),:host(.textarea-label-placement-stacked) ::slotted(ion-button[slot=end]){margin-top:10px}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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:':host{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0;--padding-end:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}:host([cols]:not([auto-grow])){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.ion-color){background:initial}:host(.in-item){-ms-flex-item-align:baseline;align-self:baseline}:host(.in-item[slot=start]),:host(.in-item[slot=end]){width:auto}.native-textarea{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea{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;grid-area:1/1/2/2;word-break:break-word}.cloned-input{position:absolute;top:0;bottom:0;height:auto;max-height:none;pointer-events:none}.cloned-input:disabled{opacity:1}:host([auto-grow]) .cloned-input{height:100%}:host([auto-grow]) .native-textarea{overflow:hidden}.textarea-wrapper{-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:0;padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.textarea-control{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:start;-ms-flex-item-align:stretch;align-self:stretch;width:100%;min-width:0}.native-wrapper{position:relative;width:100%;height:100%}:host(.has-focus) textarea{caret-color:var(--highlight-color)}.native-wrapper{display:grid;min-width:inherit;max-width:inherit;grid-auto-rows:100%}.native-wrapper::after{white-space:pre-wrap;content:attr(data-replicated-value) " ";visibility:hidden}.native-wrapper::after{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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;grid-area:1/1/2/2;word-break:break-word}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.textarea-bottom{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}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.textarea-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.textarea-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .textarea-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .textarea-bottom .helper-text{display:none}.textarea-bottom .counter{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.label-text-wrapper{pointer-events:none}:host(.skip-label-transition) .label-text-wrapper{-webkit-transition:none;transition:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.textarea-outline{-webkit-box-sizing:border-box;box-sizing:border-box}.label-text-wrapper-hidden,.textarea-outline-notch-hidden{display:none}:host(.textarea-label-placement-start) .textarea-control{-ms-flex-direction:row;flex-direction:row}:host(.textarea-label-placement-end) .textarea-control{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.textarea-label-placement-stacked) .textarea-control,:host(.textarea-label-placement-floating) .textarea-control{padding-top:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.textarea-label-placement-stacked) .label-text-wrapper,:host(.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;max-width:100%;z-index:2}:host-context([dir=rtl]):host(.textarea-label-placement-stacked) .label-text-wrapper,:host-context([dir=rtl]).textarea-label-placement-stacked .label-text-wrapper,:host-context([dir=rtl]):host(.textarea-label-placement-floating) .label-text-wrapper,:host-context([dir=rtl]).textarea-label-placement-floating .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.textarea-label-placement-stacked:dir(rtl)) .label-text-wrapper,:host(.textarea-label-placement-floating:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.textarea-label-placement-floating) textarea{opacity:0}:host(.has-focus.textarea-label-placement-floating) textarea,:host(.has-value.textarea-label-placement-floating) textarea{opacity:1}.textarea-start,.textarea-end{display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-bottom:8px;--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;font-family:var(--ion-font-family, inherit);z-index:2}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.textarea-label-placement-floating),:host(.textarea-label-placement-stacked){--padding-top:20px;--padding-bottom:6px;min-height:56px}.native-wrapper{min-height:inherit;max-height:inherit}.textarea-bottom{-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}.textarea-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.textarea-bottom .counter{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));-webkit-padding-start:16px;padding-inline-start:16px}:host(.textarea-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.textarea-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.textarea-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.textarea-label-placement-stacked) textarea,:host(.textarea-label-placement-floating) textarea,:host(.textarea-label-placement-stacked[auto-grow]) .native-wrapper::after,:host(.textarea-label-placement-floating[auto-grow]) .native-wrapper::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}:host(.textarea-label-placement-start) .native-wrapper,:host(.textarea-label-placement-end) .native-wrapper,:host(.textarea-label-placement-fixed) .native-wrapper{-ms-flex:1 1 0px;flex:1 1 0}.label-text-wrapper{min-width:0}::slotted([slot=start]),::slotted([slot=end]){margin-top:var(--padding-top)}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.label-text-wrapper{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)}.textarea-wrapper textarea{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.textarea-label-placement-fixed) .label-text{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.textarea-fill-solid){--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}:host(.textarea-fill-solid) .textarea-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.textarea-fill-solid.ion-valid),:host(.textarea-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.textarea-fill-solid) .textarea-bottom{border-top:none}@media (any-hover: hover){:host(.textarea-fill-solid: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))}}:host(.textarea-fill-solid.has-focus){--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))}:host(.textarea-fill-solid) .textarea-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.textarea-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.textarea-fill-outline){--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}:host(.textarea-fill-outline.textarea-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.textarea-fill-outline.ion-valid),:host(.textarea-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.textarea-fill-outline:hover){--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.textarea-fill-outline.has-focus){--border-width:var(--highlight-height);--border-color:var(--highlight-color)}:host(.textarea-fill-outline) .textarea-bottom{border-top:none}:host(.textarea-fill-outline) .textarea-wrapper{border-bottom:none}:host(.textarea-fill-outline:not(.label-floating)) .textarea-control{position:relative}:host(.textarea-fill-outline.textarea-label-placement-stacked) .label-text-wrapper,:host(.textarea-fill-outline.textarea-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:100%}:host-context([dir=rtl]):host(.textarea-fill-outline.textarea-label-placement-stacked) .label-text-wrapper,:host-context([dir=rtl]).textarea-fill-outline.textarea-label-placement-stacked .label-text-wrapper,:host-context([dir=rtl]):host(.textarea-fill-outline.textarea-label-placement-floating) .label-text-wrapper,:host-context([dir=rtl]).textarea-fill-outline.textarea-label-placement-floating .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.textarea-fill-outline.textarea-label-placement-stacked:dir(rtl)) .label-text-wrapper,:host(.textarea-fill-outline.textarea-label-placement-floating:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.textarea-fill-outline) .label-text-wrapper{position:relative}:host(.label-floating.textarea-fill-outline) .label-text-wrapper{-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 )}:host(.textarea-fill-outline.textarea-label-placement-stacked) textarea,:host(.textarea-fill-outline.textarea-label-placement-floating) textarea,:host(.textarea-fill-outline.textarea-label-placement-stacked[auto-grow]) .native-wrapper::after,:host(.textarea-fill-outline.textarea-label-placement-floating[auto-grow]) .native-wrapper::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:19px;margin-bottom:0px}:host(.textarea-fill-outline) .textarea-outline-container{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.textarea-fill-outline) .textarea-outline-start,:host(.textarea-fill-outline) .textarea-outline-end{pointer-events:none}:host(.textarea-fill-outline) .textarea-outline-start,:host(.textarea-fill-outline) .textarea-outline-notch,:host(.textarea-fill-outline) .textarea-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.textarea-fill-outline) .textarea-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.textarea-fill-outline) .notch-spacer{-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}:host(.textarea-fill-outline) .textarea-outline-start{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)}:host(.textarea-fill-outline) .textarea-outline-end{-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}:host(.label-floating.textarea-fill-outline) .textarea-outline-notch{border-top:none}:host{--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)))));--padding-top:18px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;--highlight-height:2px;min-height:72px;font-size:inherit}.textarea-bottom .counter{letter-spacing:0.0333333333em}:host(.textarea-label-placement-floating.has-focus) .label-text-wrapper,:host(.textarea-label-placement-stacked.has-focus) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.textarea-label-placement-floating.ion-valid) .label-text-wrapper,:host(.textarea-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.textarea-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.textarea-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}:host(.textarea-disabled){opacity:0.38}.textarea-highlight{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)}.textarea-highlight{inset-inline-start:0}:host(.has-focus) .textarea-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .textarea-highlight{bottom:0}:host(.in-item) .textarea-highlight{inset-inline-start:0}:host(.textarea-shape-round){--border-radius:16px}::slotted(ion-button[slot=start]),::slotted(ion-button[slot=end]){margin-top:7px}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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}'};export{w as ion_textarea}
package/dist/ionic/p-e9480e7f.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * (C) Ionic http://ionicframework.com - MIT License
3
+ */
4
+ import{r as i,c as t,i as n,f as o,h as e,e as r,d as a,g as s}from"./p-jsOqXOKf.js";import{x as l}from"./p-BDqjX7Z_.js";import{c as p,a as c,b as d}from"./p-DpE9LgN6.js";import{c as u}from"./p-NcQUGze-.js";import{c as h}from"./p-psKsVoNI.js";import{d as m,b,i as g,c as f}from"./p-8NLG9fne.js";import{h as v,c as x}from"./p-BUF_V-Kg.js";import{g as w,h as k}from"./p-BqQ15K9a.js";import{c as y}from"./p-CyXL8sF6.js";import{g as z}from"./p-DFZcZ5hU.js";import"./p-Dojwmvde.js";import"./p-vXpMhGrs.js";const C=class{constructor(n){i(this,n),this.ionInput=t(this,"ionInput",7),this.ionChange=t(this,"ionChange",7),this.ionBlur=t(this,"ionBlur",7),this.ionFocus=t(this,"ionFocus",7),this.inputId="ion-input-"+j++,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},n(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)?I:"start")}connectedCallback(){const{el:i}=this;this.slotMutationController=p(i,["label","start","end"],(()=>{this.startContainerController?.calculateStartContainerWidth(),this.setSlottedLabelId(),n(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,n(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.toString();this.focusedValue=n,this.ionChange.emit({value:n,event:i})}emitInputChange(i){const{value:t}=this,n=null==t?t:t.toString();this.ionInput.emit({value:n,event:i})}shouldClearOnEdit(){const{type:i,clearOnEdit:t}=this;return void 0===t?"password"===i:t}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}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?(o(`The "${n}" label placement is not supported in the ${i} theme. The default value of "${I}" will be used instead.`,t),I):n}getSize(){const i=y(this),{size:t}=this;return"ionic"===i||"large"!==t&&"xlarge"!==t?t:(o(`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)o(`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:r}=this;return[e("div",{id:n,class:"helper-text","aria-live":"polite"},r?null:i),e("div",{id:o,class:"error-text",role:"alert"},r?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 e("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 e("div",{class:"input-bottom"},this.renderHintText(),this.renderCounter())}renderLabel(){const{label:i,labelTextId:t}=this;return e("div",{class:{"label-text-wrapper":!0,"label-text-wrapper-hidden":!this.hasLabel},"aria-hidden":this.hasLabel?"true":null},void 0===i?e("slot",{name:"label"}):e("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 e("div",{key:"outline",class:"input-outline-container"},e("div",{class:"input-outline-start"}),e("div",{class:{"input-outline-notch":!0,"input-outline-notch-hidden":!this.hasLabel}},e("div",{class:"notch-spacer","aria-hidden":"true",ref:i=>this.notchSpacerEl=i},this.label)),e("div",{class:"input-outline-end"}))}renderNativeInput(){const{disabled:i,readonly:t,inputId:n}=this;return e("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 e("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},e("ion-icon",{"aria-hidden":"true",icon:this.inputClearIcon}))}renderIonicField(){return[this.renderLabel(),e("div",{key:"inner",class:"input-wrapper-inner"},e("div",{key:"outline",class:"input-outline"}),this.renderStartContainer(),e("div",{key:"control",class:"input-control"},e("div",{class:"native-wrapper",onClick:this.onLabelClick},this.renderNativeInput())),this.renderEndContainer())]}renderStartContainer(){return e("div",{key:"start",class:"input-start",ref:i=>this.startContainerEl=i},e("slot",{name:"start"}))}renderEndContainer(){return e("div",{key:"end",class:"input-end"},this.renderClearButton(),e("slot",{name:"end"}))}renderNativeField(){return["md"===y(this)&&"outline"===this.getFill()&&this.renderOutlineContainer(),this.renderStartContainer(),e("div",{key:"control",class:"input-control"},this.renderLabel(),e("div",{class:"native-wrapper",onClick:this.onLabelClick},this.renderNativeInput())),this.renderEndContainer()]}get inputClearIcon(){if(null!=this.clearInputIcon)return this.clearInputIcon;const i=y(this),t={ios:k,ionic:l,md:w};return r.get("inputClearIcon",t[i]||t.md)}render(){const{disabled:i,readonly:t,inputId:n,hasFocus:o}=this,r=y(this),s=this.getFill(),l=this.getSize(),p=this.getShape(),c=v("ion-item",this.el),d="md"===r&&"outline"!==s&&!c,u=this.getLabelPlacement(),h=this.hasValue(),m="stacked"===u||"floating"===u&&(h||o);return e(a,{key:"5f43fb688b16cf37221db78eeedbf4b337a51d65",class:x(this.color,{[r]:!0,"has-value":h,"has-focus":o,"label-floating":m,[`input-fill-${s}`]:void 0!==s,[`input-shape-${p}`]:void 0!==p,[`input-size-${l}`]:!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})},e("label",{key:"211acead7fe50527b472ebddddca5ecc72ce1ec9",class:"input-wrapper",htmlFor:n,onClick:this.onLabelClick},"ionic"===r?this.renderIonicField():this.renderNativeField(),d&&e("div",{key:"b47126f58c61d673ec1c970f1d166284e45b5a9b",class:"input-highlight"})),this.renderBottomContent())}get el(){return s(this)}static get watchers(){return{debounce:[{debounceChanged:0}],type:[{onTypeChange:0}],value:[{valueChanged:0}],dir:[{onDirChanged:0}]}}};let j=0;const I="stacked";C.style={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}"};export{C as ion_input}