@ionic/core/dist/esm-es5/ion-picker-column-option.entry.js

Base components for Ionic

/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import{r as registerInstance,h,e as Host,f as getElement}from"./index-527b9e34.js";import{h as inheritAttributes}from"./helpers-78efeec3.js";import{c as createColorClasses}from"./theme-01f3f29c.js";import{b as getIonMode}from"./ionic-global-ca86cf32.js";var pickerColumnOptionIosCss="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) button{cursor:default}";var IonPickerColumnOptionIosStyle0=pickerColumnOptionIosCss;var pickerColumnOptionMdCss="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) button{cursor:default}:host(.option-active){color:var(--ion-color-base)}";var IonPickerColumnOptionMdStyle0=pickerColumnOptionMdCss;var PickerColumnOption=function(){function t(t){registerInstance(this,t);this.pickerColumn=null;this.ariaLabel=null;this.disabled=false;this.value=undefined;this.color="primary"}t.prototype.onAriaLabelChange=function(t){this.ariaLabel=t};t.prototype.componentWillLoad=function(){var t=inheritAttributes(this.el,["aria-label"]);this.ariaLabel=t["aria-label"]||null};t.prototype.connectedCallback=function(){this.pickerColumn=this.el.closest("ion-picker-column")};t.prototype.disconnectedCallback=function(){this.pickerColumn=null};t.prototype.componentDidLoad=function(){var t=this.pickerColumn;if(t!==null){t.scrollActiveItemIntoView()}};t.prototype.onClick=function(){var t=this.pickerColumn;if(t!==null){t.setValue(this.value)}};t.prototype.render=function(){var t;var i=this;var e=this,n=e.color,o=e.disabled,r=e.ariaLabel;var a=getIonMode(this);return h(Host,{key:"c1353e99c2aa19c0e3ddbe433557ed18e72e1c66",class:createColorClasses(n,(t={},t[a]=true,t["option-disabled"]=o,t))},h("button",{key:"b4ee62ecf7458a07a56e8aa494485766a87a3fcb",tabindex:"-1","aria-label":r,disabled:o,onClick:function(){return i.onClick()}},h("slot",{key:"9ab1e4700c27103b676670a4b3521c183c6ab83d"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{"aria-label":["onAriaLabelChange"]}},enumerable:false,configurable:true});return t}();PickerColumnOption.style={ios:IonPickerColumnOptionIosStyle0,md:IonPickerColumnOptionMdStyle0};export{PickerColumnOption as ion_picker_column_option};