@ionic/core/components/p-r59A3wQk.js

Base components for Ionic

/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import{d as o,H as t,h as i,f as n,t as e}from"./p-Ct2aBEue.js";import{j as a}from"./p-B4IBdPVJ.js";import{c as r}from"./p-byZM6qHV.js";import{b as l}from"./p-HthJZjZ6.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.pickerColumn=null,this.ariaLabel=null,this.disabled=!1}onAriaLabelChange(o){this.ariaLabel=o}componentWillLoad(){const o=a(this.el,["aria-label"]);this.ariaLabel=o["aria-label"]||null}connectedCallback(){this.pickerColumn=this.el.closest("ion-picker-column")}disconnectedCallback(){this.pickerColumn=null}componentDidLoad(){const{pickerColumn:o}=this;null!==o&&o.scrollActiveItemIntoView()}onClick(){const{pickerColumn:o}=this;null!==o&&o.setValue(this.value)}render(){const{color:o,disabled:t,ariaLabel:e}=this,a=l(this);return i(n,{key:"81f1938e0114392a6e035442b8bc9fcdf73fda84",class:r(o,{[a]:!0,"option-disabled":t})},i("div",{key:"b0bb84fd39ea38ea3037ad43c6be8e8dfca2e7d1",class:"picker-column-option-button",role:"button","aria-label":e,onClick:()=>this.onClick()},i("slot",{key:"e0305b721618aef05823032ccd58214b0f184ca9"})))}get el(){return this}static get watchers(){return{"aria-label":[{onAriaLabelChange:0}]}}static get style(){return{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),:host([part~=active]){color:var(--ion-color-primary, #0054e9)}:host(.ion-color.option-active),:host(.ion-color[part~=active]){color:var(--ion-color-base)}"}}},[289,"ion-picker-column-option",{disabled:[4],value:[8],color:[513],ariaLabel:[32]},void 0,{"aria-label":[{onAriaLabelChange:0}]}]);function c(){"undefined"!=typeof customElements&&["ion-picker-column-option"].forEach((o=>{"ion-picker-column-option"===o&&(customElements.get(e(o))||customElements.define(e(o),s))}))}export{s as P,c as d}