@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790016799.1e269b7a

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{r as e,e as o,h as t,i,d as n,g as l}from"./p-jsOqXOKf.js";import{c,b as s}from"./p-CyXL8sF6.js";import{a,g as d}from"./p-CODBQrPj.js";import{s as r}from"./p-CRbXZpID.js";import{r as m}from"./p-CE00jiiW.js";import{h as p,g as h}from"./p-BUF_V-Kg.js";import{z as b,h as x}from"./p-BkJpfpXI.js";import"./p-8NLG9fne.js";import"./p-vXpMhGrs.js";import"./p-Dojwmvde.js";import"./p-DAFzmzMJ.js";import"./p-B_gJaBk0.js";import"./p-BUvFnCVr.js";const g=class{constructor(o){e(this,o),this.pendingEnterTarget=null,this.cancelText="Close",this.cancelIcon=!1,this.options=[]}closeModal(){const e=this.el.closest("ion-modal");e&&e.dismiss()}findOptionFromEvent(e){const{options:o}=this;return o.find((o=>o.value===e.target.value))}getValues(e){const{multiple:o,options:t}=this;if(o)return t.filter((e=>e.checked)).map((e=>e.value));const i=e?this.findOptionFromEvent(e):null;return i?i.value:void 0}callOptionHandler(e){const o=this.findOptionFromEvent(e),t=this.getValues(e);o?.handler&&r(o.handler,t)}setChecked(e){const{multiple:o}=this,t=this.findOptionFromEvent(e);o&&t&&(t.checked=e.detail.checked)}get selectModalCancelIcon(){const e=c(this);return o.get("selectModalCancelIcon","ios"===e?b:x)}getModalContextClasses(){const e=this.el;return{"in-modal-default":p("ion-modal.modal-default",e),"in-modal-sheet":p("ion-modal.modal-sheet",e)}}renderRadioOptions(){const e=c(this),o=this.options.filter((e=>e.checked)).map((e=>e.value))[0];return t("ion-radio-group",{value:o,onIonChange:e=>this.callOptionHandler(e)},this.options.map(((i,n)=>{const l=i,c=!!l.startContent||!!l.endContent||!!l.description,s={id:`modal-option-${n}`,label:l.text,startContent:l.startContent,endContent:l.endContent,description:l.description},r=a(e,"radio","modal"),p=d(e,"radio","modal");return t("ion-item",{lines:"none","data-focus-ignore":!0,disabled:i.disabled,class:{"item-radio-checked":i.value===o,...h(i.cssClass)}},t("ion-radio",{class:{"select-option-has-rich-content":c},value:i.value,disabled:i.disabled,justify:l.justify??p,labelPlacement:l.labelPlacement??r,onClick:()=>this.closeModal(),onKeyDown:e=>{"Enter"!==e.key||e.repeat||(this.pendingEnterTarget=e.currentTarget)},onKeyUp:e=>{if(" "===e.key)this.closeModal();else if("Enter"===e.key){const o=this.pendingEnterTarget===e.currentTarget;this.pendingEnterTarget=null,o&&this.closeModal()}}},m(s,"select-option-label")))})))}renderCheckboxOptions(){const e=c(this);return this.options.map(((o,n)=>{const l=o,c=!!l.startContent||!!l.endContent||!!l.description,s={id:`modal-option-${n}`,label:l.text,startContent:l.startContent,endContent:l.endContent,description:l.description},r=a(e,"checkbox","modal"),p=d(e,"checkbox","modal");return t("ion-item",{"data-focus-ignore":!0,disabled:o.disabled,class:{"item-checkbox-checked":o.checked,...h(o.cssClass)}},t("ion-checkbox",{class:{"select-option-has-rich-content":c},value:o.value,disabled:o.disabled,checked:o.checked,justify:l.justify??p,labelPlacement:l.labelPlacement??r,onIonChange:e=>{this.setChecked(e),this.callOptionHandler(e),i(this)}},m(s,"select-option-label")))}))}render(){return t(n,{key:"4f80b69495a5fdcc4d99f72aa035264e1d283012",class:{[s(this)]:!0,...this.getModalContextClasses()}},t("ion-header",{key:"59fd93f200eeed35e411bc12d1355747d6d3b003"},t("ion-toolbar",{key:"d443f633558101e8623c3d7aeab62b5a8dbaaea5"},void 0!==this.header&&t("ion-title",{key:"5038f4d67ec9ce335c9a543e209dc1e5e669f802"},this.header),t("ion-buttons",{key:"047fd2497d20324433ca175441d60cf17095dadb",slot:"end"},t("ion-button",{key:"0058eee326e1540c969decd9b8a9baa5b307dfde","aria-label":this.cancelIcon?this.cancelText:void 0,"data-focus-order":"2",onClick:()=>this.closeModal()},this.cancelIcon?t("ion-icon",{"aria-hidden":"true",slot:"icon-only",icon:this.selectModalCancelIcon}):this.cancelText)))),t("ion-content",{key:"1cde46ff794118bf086735289b83d6354ee4bc99"},t("ion-list",{key:"19e238faabd981565590723323fa8442a77eb8b4"},!0===this.multiple?this.renderCheckboxOptions():this.renderRadioOptions())))}get el(){return l(this)}};g.style={ionic:'.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ionic,.alert-radio-label-has-rich-content.sc-ion-select-modal-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ionic,.select-option-label-has-rich-content.sc-ion-select-modal-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-select-modal-ionic,.alert-checkbox-label-text.sc-ion-select-modal-ionic,.alert-radio-label-text.sc-ion-select-modal-ionic,.select-option-label-text.sc-ion-select-modal-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-select-modal-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-modal-ionic,.select-option-end.sc-ion-select-modal-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-select-modal-ionic>ion-avatar.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>ion-img.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>ion-thumbnail.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>img.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>svg.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-avatar.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-img.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-thumbnail.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>img.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>svg.sc-ion-select-modal-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-select-modal-ionic>ion-icon.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-icon.sc-ion-select-modal-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ionic,.alert-radio-label-has-rich-content.sc-ion-select-modal-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ionic,.select-option-label-has-rich-content.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ionic,.alert-radio-label-has-rich-content.sc-ion-select-modal-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ionic,.select-option-content.sc-ion-select-modal-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-modal-ionic,.alert-checkbox-label-text.sc-ion-select-modal-ionic,.alert-radio-label-text.sc-ion-select-modal-ionic,.select-option-label-text.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-modal-ionic{display:block}.select-option-label.sc-ion-select-modal-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-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-modal-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-modal-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ionic [part~="label"],.select-option-content.sc-ion-select-modal-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-modal-ionic-h{height:100%}.in-modal-default.sc-ion-select-modal-ionic-h ion-content.sc-ion-select-modal-ionic::part(scroll),.in-modal-default.sc-ion-select-modal-ionic-h ion-content.sc-ion-select-modal-ionic [part~="scroll"]{--padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}ion-item.sc-ion-select-modal-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;--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}ion-toolbar.sc-ion-select-modal-ionic{font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(container),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic [part~="container"]{display:none}ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(label),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-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-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(label),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic [part~="label"],ion-list.sc-ion-select-modal-ionic ion-checkbox.sc-ion-select-modal-ionic::part(label),ion-list.sc-ion-select-modal-ionic ion-checkbox.sc-ion-select-modal-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-modal-ionic,.item-checkbox-checked.sc-ion-select-modal-ionic{--background:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)))}ion-content.sc-ion-select-modal-ionic{--padding-start:var(--token-space-400, var(--token-scale-400, 16px)) !important;--padding-end:var(--token-space-400, var(--token-scale-400, 16px)) !important;--padding-bottom:var(--token-space-1200, var(--token-scale-1200, 48px)) !important}',ios:'.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ios,.alert-radio-label-has-rich-content.sc-ion-select-modal-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ios,.select-option-label-has-rich-content.sc-ion-select-modal-ios{gap:16px}.action-sheet-button-label-text.sc-ion-select-modal-ios,.alert-checkbox-label-text.sc-ion-select-modal-ios,.alert-radio-label-text.sc-ion-select-modal-ios,.select-option-label-text.sc-ion-select-modal-ios{gap:12px}.select-option-start.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios{gap:8px}.select-option-description.sc-ion-select-modal-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-modal-ios>ion-avatar.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>ion-img.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>ion-thumbnail.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>img.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>svg.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-avatar.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-img.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-thumbnail.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>img.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>svg.sc-ion-select-modal-ios{width:44px;height:44px}.select-option-start.sc-ion-select-modal-ios>ion-icon.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-icon.sc-ion-select-modal-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-select-modal-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-select-modal-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ios,.alert-radio-label-has-rich-content.sc-ion-select-modal-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ios,.select-option-label-has-rich-content.sc-ion-select-modal-ios{gap:16px}.action-sheet-button-label-text.sc-ion-select-modal-ios,.alert-checkbox-label-text.sc-ion-select-modal-ios,.alert-radio-label-text.sc-ion-select-modal-ios,.select-option-label-text.sc-ion-select-modal-ios{gap:12px}.select-option-start.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios{gap:8px}.select-option-description.sc-ion-select-modal-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-modal-ios,.alert-radio-label-has-rich-content.sc-ion-select-modal-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ios,.select-option-label-has-rich-content.sc-ion-select-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ios,.alert-radio-label-has-rich-content.sc-ion-select-modal-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ios,.select-option-content.sc-ion-select-modal-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-modal-ios,.alert-checkbox-label-text.sc-ion-select-modal-ios,.alert-radio-label-text.sc-ion-select-modal-ios,.select-option-label-text.sc-ion-select-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-modal-ios{display:block}.select-option-label.sc-ion-select-modal-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-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-modal-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-modal-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ios [part~="label"],.select-option-content.sc-ion-select-modal-ios{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-modal-ios-h{height:100%}ion-item.sc-ion-select-modal-ios{--inner-padding-end:0}ion-radio.sc-ion-select-modal-ios::after{bottom:0;position:absolute;width:calc(100% - 0.9375rem - 16px);border-width:0px 0px 0.55px 0px;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));content:""}ion-radio.sc-ion-select-modal-ios::after{inset-inline-start:calc(0.9375rem + 16px)}',md:'.action-sheet-button-label-has-rich-content.sc-ion-select-modal-md,.alert-radio-label-has-rich-content.sc-ion-select-modal-md,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-md,.select-option-label-has-rich-content.sc-ion-select-modal-md{gap:16px}.action-sheet-button-label-text.sc-ion-select-modal-md,.alert-checkbox-label-text.sc-ion-select-modal-md,.alert-radio-label-text.sc-ion-select-modal-md,.select-option-label-text.sc-ion-select-modal-md{gap:12px}.select-option-start.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md{gap:8px}.select-option-description.sc-ion-select-modal-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-modal-md>ion-avatar.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-avatar.sc-ion-select-modal-md{width:40px;height:40px}.select-option-start.sc-ion-select-modal-md>ion-icon.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-icon.sc-ion-select-modal-md{font-size:24px}.select-option-start.sc-ion-select-modal-md>ion-img.sc-ion-select-modal-md,.select-option-start.sc-ion-select-modal-md>img.sc-ion-select-modal-md,.select-option-start.sc-ion-select-modal-md>svg.sc-ion-select-modal-md,.select-option-start.sc-ion-select-modal-md>ion-thumbnail.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-img.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>img.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>svg.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-thumbnail.sc-ion-select-modal-md{width:56px;height:56px}.select-option-start.sc-ion-select-modal-md>video.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>video.sc-ion-select-modal-md{width:114px;height:56px}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-md,.alert-radio-label-has-rich-content.sc-ion-select-modal-md,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-md,.select-option-label-has-rich-content.sc-ion-select-modal-md{gap:16px}.action-sheet-button-label-text.sc-ion-select-modal-md,.alert-checkbox-label-text.sc-ion-select-modal-md,.alert-radio-label-text.sc-ion-select-modal-md,.select-option-label-text.sc-ion-select-modal-md{gap:12px}.select-option-start.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md{gap:8px}.select-option-description.sc-ion-select-modal-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-modal-md,.alert-radio-label-has-rich-content.sc-ion-select-modal-md,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-md,.select-option-label-has-rich-content.sc-ion-select-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-md,.alert-radio-label-has-rich-content.sc-ion-select-modal-md,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-md,.select-option-content.sc-ion-select-modal-md{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-modal-md,.alert-checkbox-label-text.sc-ion-select-modal-md,.alert-radio-label-text.sc-ion-select-modal-md,.select-option-label-text.sc-ion-select-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-select-modal-md{display:block}.select-option-label.sc-ion-select-modal-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-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-modal-md::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-modal-md [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-md::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-md [part~="label"],.select-option-content.sc-ion-select-modal-md{-ms-flex:1;flex:1;white-space:normal}.sc-ion-select-modal-md-h{height:100%}ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md::part(container),ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md [part~="container"]{display:none}ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md::part(label),ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-modal-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-modal-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-modal-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{g as ion_select_modal}

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

@@ -80,7 +80,13 @@ export declare class Accordion implements ComponentInterface {
     private setItemDefaults;
     private getSlottedHeaderIonItem;
     private setAria;
-    get accordionToggleIcon(): any;
+    /**
+     * Get the icon to use for the toggle icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get accordionToggleIcon(): string;
     private slotToggleIcon;
     private expandAccordion;
     private collapseAccordion;

package/dist/types/components/back-button/back-button.d.ts

@@ -45,9 +45,15 @@ export declare class BackButton implements ComponentInterface, ButtonInterface {
      */
     routerAnimation: AnimationBuilder | undefined;
     componentWillLoad(): void;
-    get backButtonIcon(): any;
+    /**
+     * Get the icon to use for the back button icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get backButtonIcon(): string;
     get backButtonText(): any;
-    get hasIconOnly(): any;
+    get hasIconOnly(): boolean;
     get rippleType(): "bounded" | "unbounded";
     private onClick;
     render(): any;

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

@@ -93,8 +93,18 @@ export declare class Breadcrumb implements ComponentInterface {
      */
     collapsedClick: EventEmitter<BreadcrumbCollapsedClickEventDetail>;
     componentWillLoad(): void;
-    get breadcrumbCollapsedIcon(): any;
-    get breadcrumbSeparatorIcon(): any;
+    /**
+     * Get the icon to use for the collapsed icon.
+     * Use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get breadcrumbCollapsedIcon(): string;
+    /**
+     * Get the icon to use for the separator icon.
+     * Use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get breadcrumbSeparatorIcon(): string;
     private isClickable;
     private onFocus;
     private onBlur;

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

@@ -9,7 +9,8 @@ import type { CheckboxChangeEventDetail } from './checkbox-interface';
  *
  * @part container - The container for the checkbox mark.
  * @part label - The label text describing the checkbox.
- * @part mark - The checkmark used to indicate the checked state.
+ * @part icon - The icon that displays the checked or indeterminate mark.
+ * @part mark - The mark used to indicate the checked or indeterminate state. Only applies when no icon is set in the config.
  * @part supporting-text - Supporting text displayed beneath the checkbox label.
  * @part helper-text - Supporting text displayed beneath the checkbox label when the checkbox is valid.
  * @part error-text - Supporting text displayed beneath the checkbox label when the checkbox is invalid and touched.
@@ -144,6 +145,16 @@ export declare class Checkbox implements ComponentInterface {
      * otherwise, two clicks will be triggered.
      */
     private onDivLabelClick;
+    /**
+     * Get the icon to use for the checked icon.
+     * Use the icon set in the config.
+     */
+    get checkboxCheckedIcon(): string | undefined;
+    /**
+     * Get the icon to use for the indeterminate icon.
+     * Use the icon set in the config.
+     */
+    get checkboxIndeterminateIcon(): string | undefined;
     private getHintTextId;
     /**
      * Responsible for rendering helper text and error text.

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

@@ -501,25 +501,25 @@ export declare class Datetime implements ComponentInterface {
     private renderDatetime;
     /**
      * Get the icon to use for the next icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get datetimeNextIcon(): string;
     /**
      * Get the icon to use for the previous icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get datetimePreviousIcon(): string;
     /**
      * Get the icon to use for the show month and year icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get datetimeCollapsedIcon(): string | undefined;
     /**
      * Get the icon to use for the hide month and year icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get datetimeExpandedIcon(): string | undefined;

package/dist/types/components/fab-button/fab-button.d.ts

@@ -112,6 +112,12 @@ export declare class FabButton implements ComponentInterface, AnchorInterface, B
     private findForm;
     private submitForm;
     componentWillLoad(): void;
-    get fabButtonCloseIcon(): any;
+    /**
+     * Get the icon to use for the close icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get fabButtonCloseIcon(): string;
     render(): any;
 }

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

@@ -384,18 +384,15 @@ export declare class Input implements ComponentInterface {
     private renderOutlineContainer;
     private renderNativeInput;
     private renderClearButton;
-    /**
-     * The ionic theme keeps the label above a field box that wraps the slots and
-     * the input, so the label can size independently of the slotted content.
-     */
-    private renderIonicField;
-    /**
-     * The ios and md themes nest the label alongside the input so a floating
-     * label can escape the control and clear the start and end slots.
-     */
     private renderStartContainer;
     private renderEndContainer;
-    private renderNativeField;
+    /**
+     * Every theme renders the same label and control structure, aside from the md
+     * outline container below. The label is nested alongside the input so the ios
+     * and md floating label can escape the control and clear the start and end
+     * slots. The ionic theme lifts it above the field with grid instead.
+     */
+    private renderField;
     /**
      * Get the icon to use for the clear icon.
      * If an icon is set on the component, use that.

package/dist/types/components/input-password-toggle/input-password-toggle.d.ts

@@ -33,7 +33,19 @@ export declare class InputPasswordToggle implements ComponentInterface {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private togglePasswordVisibility;
-    get inputPasswordHideIcon(): any;
-    get inputPasswordShowIcon(): any;
+    /**
+     * Get the icon to use for the hide icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get inputPasswordHideIcon(): string;
+    /**
+     * Get the icon to use for the show icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get inputPasswordShowIcon(): string;
     render(): any;
 }

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

@@ -122,7 +122,13 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
     private isFocusable;
     private hasStartEl;
     private getFirstInteractive;
-    get itemDetailIcon(): any;
+    /**
+     * Get the icon to use for the detail icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get itemDetailIcon(): string;
     /**
      * The icon should be flipped when the app is RTL and
      * the icon is a variation of chevron.

package/dist/types/components/menu-button/menu-button.d.ts

@@ -37,7 +37,12 @@ export declare class MenuButton implements ComponentInterface, ButtonInterface {
     componentWillLoad(): void;
     componentDidLoad(): void;
     visibilityChanged(): Promise<void>;
-    get menuIcon(): any;
+    /**
+     * Get the icon to use for the menu icon.
+     * Use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get menuIcon(): string;
     private onClick;
     render(): any;
 }

package/dist/types/components/refresher-content/refresher-content.d.ts

@@ -47,6 +47,12 @@ export declare class RefresherContent implements ComponentInterface {
      */
     refreshingText?: string | IonicSafeString;
     componentWillLoad(): void;
+    /**
+     * Get the icon to use for the arrow icon.
+     * Use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get refresherArrowIcon(): string;
     private renderPullingText;
     private renderRefreshingText;
     render(): any;

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

@@ -10,7 +10,7 @@ export declare class Reorder implements ComponentInterface {
     onClick(ev: Event): void;
     /**
      * Get the icon to use for the handle icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get reorderHandleIcon(): string;

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

@@ -20,9 +20,8 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part bottom - The container element for helper text, error text, and counter.
  * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, selected values or placeholder, and toggle icons).
  * @part start - The wrapper element for the content in the start slot.
- * @part control - The wrapper element containing the native select control. In the `"ios"` and `"md"` themes it also contains the label, and the dropdown icon when the label is not floating or stacked.
- * @part end - The wrapper element for the content in the end slot. In the `"ios"` and `"md"` themes it also contains the dropdown icon when the label is floating or stacked.
- * @part inner - The wrapper element containing the start, control and end wrappers and the dropdown icon. Only rendered in the `"ionic"` theme.
+ * @part control - The wrapper element containing the label, the native select control, and the dropdown icon when the label is not floating or stacked. The `"ionic"` theme flattens this wrapper, so it cannot be given a box of its own there.
+ * @part end - The wrapper element for the content in the end slot. It also contains the dropdown icon when the label is floating or stacked.
  */
 export declare class Select implements ComponentInterface {
     private inputId;
@@ -305,17 +304,13 @@ export declare class Select implements ComponentInterface {
      */
     private renderOutlineContainer;
     private renderStartContainer;
-    private renderNativeWrapper;
     /**
-     * The ionic theme keeps the label above a field box that wraps the slots and
-     * the control, so the label can size independently of the slotted content.
+     * Every theme renders the same label and control structure, aside from the md
+     * outline container below. The label is nested alongside the control so the
+     * ios and md floating label can escape it and clear the start and end slots.
+     * The ionic theme lifts it outside the field with grid instead.
      */
-    private renderIonicField;
-    /**
-     * The ios and md themes nest the label alongside the control so a floating
-     * label can escape it and clear the start and end slots.
-     */
-    private renderNativeField;
+    private renderField;
     /**
      * Wraps text nodes in the select text with span elements
      * so spacing can be added between elements without

package/dist/types/components/select-modal/select-modal.d.ts

@@ -21,7 +21,12 @@ export declare class SelectModal implements ComponentInterface {
     private getValues;
     private callOptionHandler;
     private setChecked;
-    private get cancelButtonIcon();
+    /**
+     * Get the icon to use for the cancel icon.
+     * Use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    private get selectModalCancelIcon();
     private getModalContextClasses;
     private renderRadioOptions;
     private renderCheckboxOptions;

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

@@ -18,6 +18,9 @@ import type { TextareaChangeEventDetail, TextareaInputEventDetail } from './text
  * @part error-text - Supporting text displayed beneath the textarea label when the textarea is invalid and touched.
  * @part counter - The character counter displayed when the counter property is set.
  * @part bottom - The container element for helper text, error text, and counter.
+ * @part start - The wrapper element for the content in the start slot.
+ * @part control - The wrapper element containing the label and the native textarea. The `"ionic"` theme flattens this wrapper, so it cannot be given a box of its own there.
+ * @part end - The wrapper element for the content in the end slot.
  */
 export declare class Textarea implements ComponentInterface {
     private nativeInput?;
@@ -351,18 +354,15 @@ export declare class Textarea implements ComponentInterface {
      */
     private renderOutlineContainer;
     private renderNativeTextarea;
-    /**
-     * The ionic theme keeps the label above a field box that wraps the slots and
-     * the textarea, so the label can size independently of the slotted content.
-     */
     private renderStartContainer;
     private renderEndContainer;
-    private renderIonicField;
     /**
-     * The ios and md themes nest the label alongside the textarea so a floating
-     * label can escape the control and clear the start and end slots.
+     * Every theme renders the same label and control structure, aside from the md
+     * outline container below. The label is nested alongside the textarea so the
+     * ios and md floating label can escape the control and clear the start and
+     * end slots. The ionic theme lifts it outside the field with grid instead.
      */
-    private renderNativeField;
+    private renderField;
     /**
      * Renders the helper text or error text values
      */

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

@@ -139,16 +139,19 @@ export declare class Toggle implements ComponentInterface {
     private onFocus;
     private onBlur;
     private getSwitchLabelIcon;
+    /**
+     * Get the default icon to use for the checked icon based on the theme.
+     */
     get toggleDefaultCheckedIcon(): string;
     /**
      * Get the icon to use for the checked icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get toggleCheckedIcon(): string;
     /**
      * Get the icon to use for the unchecked icon.
-     * Otherwise, use the icon set in the config.
+     * Use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get toggleUncheckedIcon(): string;

package/dist/types/utils/config.d.ts

@@ -79,13 +79,20 @@ export interface IonicConfig {
      */
     loadingSpinner?: SpinnerTypes | null;
     /**
-     * Overrides the default icon in all `<ion-refresh-content>` components.
+     * Overrides the default icon in all `<ion-refresher-content>` components.
      */
     refreshingIcon?: string;
     /**
-     * Overrides the default spinner type in all `<ion-refresh-content>` components.
+     * Overrides the default spinner type in all `<ion-refresher-content>`
+     * components.
      */
     refreshingSpinner?: SpinnerTypes | null;
+    /**
+     * Overrides the arrow icon shown on the circular pulling spinner
+     * in all `<ion-refresher-content>` components, only when the theme
+     * is `md` or `ionic`.
+     */
+    refresherArrowIcon?: string;
     /**
      * Overrides the default spinner type in all `<ion-infinite-scroll-content>` components.
      */
@@ -123,6 +130,14 @@ export interface IonicConfig {
      * Overrides the collapsed icon for all `ion-breadcrumb` components.
      */
     breadcrumbCollapsedIcon?: string;
+    /**
+     * Overrides the checkmark icon for all `ion-checkbox` components.
+     */
+    checkboxCheckedIcon?: string;
+    /**
+     * Overrides the indeterminate icon for all `ion-checkbox` components.
+     */
+    checkboxIndeterminateIcon?: string;
     /**
      * Overrides the next icon for all `ion-datetime` components.
      */
@@ -184,6 +199,11 @@ export interface IonicConfig {
      * Overrides the collapsed icon for all `ion-select` components.
      */
     selectCollapsedIcon?: string;
+    /**
+     * Overrides the cancel icon for all `ion-select-modal` components,
+     * only when the cancel button is set to display an icon.
+     */
+    selectModalCancelIcon?: string;
     /**
      * Overrides the checked icon for all `ion-toggle` components.
      */

package/dist/types/utils/test/playwright/field-geometry.d.ts

@@ -0,0 +1,13 @@
+import type { Locator } from '@playwright/test';
+/**
+ * Asserts that a form field's start slot, control and end slot occupy one row,
+ * in inline order.
+ *
+ * The ionic theme lays these out as grid columns. An invalid column template is
+ * dropped silently, and the cells then auto-place into a row each, so checking
+ * that they share a row is what catches it.
+ *
+ * @param host The form field element.
+ * @param prefix The component's cell-class prefix: `input`, `select` or `textarea`.
+ */
+export declare const expectFieldCellsShareARow: (host: Locator, prefix: string) => Promise<void>;

package/dist/types/utils/test/playwright/index.d.ts

@@ -8,3 +8,4 @@ export * from './matchers';
 export * from './viewports';
 export * from './generator';
 export * from './detach-reattach';
+export * from './field-geometry';