@ionic/core/dist/ionic/p-6d070558.entry.js

Base components for Ionic

/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import{r as i,h as t,d as o,g as n}from"./p-C8IsBmNU.js";import{b as e}from"./p-CTfR9YZG.js";import{c as r}from"./p-DiVJyqlX.js";import{b as a}from"./p-BFvmZNyx.js";const l=class{constructor(t){i(this,t),this.pickerColumn=null,this.ariaLabel=null,this.disabled=!1,this.color="primary"}onAriaLabelChange(i){this.ariaLabel=i}componentWillLoad(){const i=e(this.el,["aria-label"]);this.ariaLabel=i["aria-label"]||null}connectedCallback(){this.pickerColumn=this.el.closest("ion-picker-column")}disconnectedCallback(){this.pickerColumn=null}componentDidLoad(){const{pickerColumn:i}=this;null!==i&&i.scrollActiveItemIntoView()}onClick(){const{pickerColumn:i}=this;null!==i&&i.setValue(this.value)}render(){const{color:i,disabled:n,ariaLabel:e}=this,l=a(this);return t(o,{key:"f816729941aabcb31ddfdce3ffe2e2139030d715",class:r(i,{[l]:!0,"option-disabled":n})},t("div",{key:"d942de84fd14d7dc06b1e5cf4f7920d1dc3c6371",class:"picker-column-option-button",role:"button","aria-label":e,onClick:()=>this.onClick()},t("slot",{key:"b0df5717b42209e649097209a01476e1a66f5c5c"})))}get el(){return n(this)}static get watchers(){return{"aria-label":["onAriaLabelChange"]}}};l.style={ios:".picker-column-option-button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) .picker-column-option-button{cursor:default}",md:".picker-column-option-button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}:host(.option-disabled){opacity:0.4}:host(.option-disabled) .picker-column-option-button{cursor:default}:host(.option-active){color:var(--ion-color-base)}"};export{l as ion_picker_column_option}