@ionic/core 8.8.14-dev.11783706459.1d5a7aae → 8.8.14-dev.11783984044.10eaba06
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.
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-column.js +1 -1
- package/components/p-BjfgFSSR.js +4 -0
- package/components/p-BsPelv04.js +4 -0
- package/dist/cjs/ion-datetime-button.cjs.entry.js +10 -4
- package/dist/cjs/ion-datetime.cjs.entry.js +17 -11
- package/dist/cjs/ion-img.cjs.entry.js +3 -1
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +9 -3
- package/dist/cjs/ion-picker-column.cjs.entry.js +10 -4
- package/dist/collection/components/datetime/datetime.ios.css +2 -42
- package/dist/collection/components/datetime/datetime.js +17 -10
- package/dist/collection/components/datetime/datetime.md.css +1 -42
- package/dist/collection/components/datetime-button/datetime-button.ios.css +0 -5
- package/dist/collection/components/datetime-button/datetime-button.js +10 -3
- package/dist/collection/components/datetime-button/datetime-button.md.css +0 -5
- package/dist/collection/components/img/img.js +6 -1
- package/dist/collection/components/picker-column/picker-column.css +0 -3
- package/dist/collection/components/picker-column/picker-column.js +11 -4
- package/dist/collection/components/picker-column-option/picker-column-option.js +10 -3
- package/dist/collection/components/picker-column-option/picker-column-option.md.css +1 -6
- package/dist/docs.json +34 -6
- package/dist/esm/ion-datetime-button.entry.js +10 -4
- package/dist/esm/ion-datetime.entry.js +17 -11
- package/dist/esm/ion-img.entry.js +4 -2
- package/dist/esm/ion-picker-column-option.entry.js +9 -3
- package/dist/esm/ion-picker-column.entry.js +10 -4
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-06c232a4.entry.js +4 -0
- package/dist/ionic/p-700795f6.entry.js +4 -0
- package/dist/ionic/p-c0fb8edd.entry.js +4 -0
- package/dist/ionic/p-c38b648e.entry.js +4 -0
- package/dist/ionic/p-f718fccb.entry.js +4 -0
- package/dist/types/components/img/img.d.ts +2 -0
- package/dist/types/components.d.ts +20 -0
- package/hydrate/index.js +51 -23
- package/hydrate/index.mjs +51 -23
- package/package.json +1 -1
- package/components/p-B7KXos3u.js +0 -4
- package/components/p-BimUi1zU.js +0 -4
- package/dist/ionic/p-17827b13.entry.js +0 -4
- package/dist/ionic/p-1ebe2739.entry.js +0 -4
- package/dist/ionic/p-50e1194a.entry.js +0 -4
- package/dist/ionic/p-8b3a64a5.entry.js +0 -4
- package/dist/ionic/p-93a7e5a1.entry.js +0 -4
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as i,c as t,h as e,d as s,g as o}from"./p-tcQvqkiX.js";import{d as n}from"./p-ZjP4CjeZ.js";import{r as a}from"./p-DIuEbVLu.js";import{b as r,a as l,h as c}from"./p-CKvCXMs9.js";import{a as d,b as h}from"./p-Nqf6uvGh.js";import{c as p}from"./p-DiVJyqlX.js";import"./p-CIGNaXM1.js";const u=class{constructor(e){i(this,e),this.ionChange=t(this,"ionChange",7),this.isScrolling=!1,this.isColumnVisible=!1,this.canExitInputMode=!0,this.updateValueTextOnScroll=!1,this.ariaLabel=null,this.isActive=!1,this.disabled=!1,this.numericInput=!1,this.centerPickerItemInView=(i,t=!0,e=!0)=>{const{isColumnVisible:s,scrollEl:o}=this;if(s&&o){const s=i.offsetTop-3*i.clientHeight+i.clientHeight/2;o.scrollTop!==s&&(this.canExitInputMode=e,this.updateValueTextOnScroll=!1,o.scroll({top:s,left:0,behavior:t?"smooth":void 0}))}},this.setPickerItemActiveState=(i,t)=>{t?i.classList.add(f):i.classList.remove(f)},this.inputModeChange=i=>{if(!this.numericInput)return;const{useInputMode:t,inputModeColumn:e}=i.detail;this.setInputModeActive(!(!t||void 0!==e&&e!==this.el))},this.setInputModeActive=i=>{this.isScrolling?this.scrollEndCallback=()=>{this.isActive=i}:this.isActive=i},this.initializeScrollListener=()=>{const i=d("ios"),{el:t,scrollEl:e}=this;let s,o=this.activeItem;const h=()=>{a((()=>{var a;if(!e)return;s&&(clearTimeout(s),s=void 0),this.isScrolling||(i&&r(),this.isScrolling=!0);const d=e.getBoundingClientRect(),h=d.x+d.width/2,p=d.y+d.height/2,u=t.getRootNode(),f=u instanceof ShadowRoot?u:n;if(void 0===f)return;let m=f.elementsFromPoint(h,p).find((i=>"ION-PICKER-COLUMN-OPTION"===i.tagName));if(void 0===m){const i=f.elementFromPoint(h,p);"ION-PICKER-COLUMN-OPTION"===(null==i?void 0:i.tagName)&&(m=i)}void 0!==o&&this.setPickerItemActiveState(o,!1),void 0===m||m.disabled||(m!==o&&(i&&l(),this.canExitInputMode&&this.exitInputMode()),o=m,this.setPickerItemActiveState(m,!0),this.updateValueTextOnScroll&&(null===(a=this.assistiveFocusable)||void 0===a||a.setAttribute("aria-valuetext",this.getOptionValueText(m))),s=setTimeout((()=>{this.isScrolling=!1,this.updateValueTextOnScroll=!0,i&&c();const{scrollEndCallback:t}=this;t&&(t(),this.scrollEndCallback=void 0),this.canExitInputMode=!0,this.setValue(m.value)}),250))}))};a((()=>{e&&(e.addEventListener("scroll",h),this.destroyScrollListener=()=>{e.removeEventListener("scroll",h)})}))},this.exitInputMode=()=>{const{parentEl:i}=this;null!=i&&(i.exitInputMode(),this.el.classList.remove("picker-column-active"))},this.findNextOption=(i=1)=>{const{activeItem:t}=this;if(!t)return null;let e=t,s=t.nextElementSibling;for(;null!=s;){if(i>0&&i--,"ION-PICKER-COLUMN-OPTION"===s.tagName&&!s.disabled&&0===i)return s;e=s,s=s.nextElementSibling}return e},this.findPreviousOption=(i=1)=>{const{activeItem:t}=this;if(!t)return null;let e=t,s=t.previousElementSibling;for(;null!=s;){if(i>0&&i--,"ION-PICKER-COLUMN-OPTION"===s.tagName&&!s.disabled&&0===i)return s;e=s,s=s.previousElementSibling}return e},this.onKeyDown=i=>{const t=d("mobile");let e=null;switch(i.key){case"ArrowDown":e=t?this.findPreviousOption():this.findNextOption();break;case"ArrowUp":e=t?this.findNextOption():this.findPreviousOption();break;case"PageUp":e=t?this.findNextOption(5):this.findPreviousOption(5);break;case"PageDown":e=t?this.findPreviousOption(5):this.findNextOption(5);break;case"Home":e=this.el.querySelector("ion-picker-column-option:first-of-type");break;case"End":e=this.el.querySelector("ion-picker-column-option:last-of-type")}null!==e&&(this.setValue(e.value),i.preventDefault())},this.getOptionValueText=i=>{var t;return i?null!==(t=i.getAttribute("aria-label"))&&void 0!==t?t:i.innerText:""}}ariaLabelChanged(i){this.ariaLabel=i}valueChange(){this.isColumnVisible&&this.scrollActiveItemIntoView(!0)}componentWillLoad(){const i=this.parentEl=this.el.closest("ion-picker");new IntersectionObserver((i=>{if(i[i.length-1].isIntersecting){const{activeItem:i,el:t}=this;this.isColumnVisible=!0;const e=t.querySelector(`.${f}`);e&&this.setPickerItemActiveState(e,!1),this.scrollActiveItemIntoView(),i&&this.setPickerItemActiveState(i,!0),this.initializeScrollListener()}else this.isColumnVisible=!1,this.destroyScrollListener&&(this.destroyScrollListener(),this.destroyScrollListener=void 0)}),{threshold:.001,root:this.parentEl}).observe(this.el),null!==i&&i.addEventListener("ionInputModeChange",(i=>this.inputModeChange(i)))}componentDidRender(){const{el:i,activeItem:t,isColumnVisible:e,value:s}=this;if(e&&!t){const t=i.querySelector("ion-picker-column-option");null!==t&&t.value!==s&&this.setValue(t.value)}}async scrollActiveItemIntoView(i=!1){const t=this.activeItem;t&&this.centerPickerItemInView(t,i,!1)}async setValue(i){!0!==this.disabled&&this.value!==i&&(this.value=i,this.ionChange.emit({value:i}))}async setFocus(){this.assistiveFocusable&&this.assistiveFocusable.focus()}connectedCallback(){var i;this.ariaLabel=null!==(i=this.el.getAttribute("aria-label"))&&void 0!==i?i:"Select a value"}get activeItem(){const{value:i}=this;return Array.from(this.el.querySelectorAll("ion-picker-column-option")).find((t=>!(!this.disabled&&t.disabled)&&t.value===i))}render(){const{color:i,disabled:t,isActive:o,numericInput:n}=this,a=h(this);return e(s,{key:"78b46ad10d88ea1bb43ca8c36748767912f03224",class:p(i,{[a]:!0,"picker-column-active":o,"picker-column-numeric-input":n,"picker-column-disabled":t})},e("slot",{key:"761e501df77f7de896ffb3ebb99ebf88c5c3bf70",name:"prefix"}),e("div",{key:"9f4caaeef8ab704522a85f30876d371712f47c5c",class:"picker-opts",ref:i=>{this.scrollEl=i},role:"slider",tabindex:this.disabled?void 0:0,"aria-label":this.ariaLabel,"aria-valuemin":0,"aria-valuemax":0,"aria-valuenow":0,"aria-valuetext":this.getOptionValueText(this.activeItem),"aria-orientation":"vertical",onKeyDown:i=>this.onKeyDown(i)},e("div",{key:"9d3533436aba6c61c93f65f84a077fba832194a0",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"3f18d3a47361f06f55321b65fdf5742a61722b26",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"eac0d20ab8c533ef829875e323e93e1ee2067d6d",class:"picker-item-empty","aria-hidden":"true"}," "),e("slot",{key:"92e25989ef41cf6f910c73238e1a0a5ac03f1c1f"}),e("div",{key:"33a84644ebdc84108b44a8e3a129b54e824939c8",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"128ad61a3a68c7ff2d2e44a6e968424fcc608a15",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"6e4d59a4f75befcbbf47279a263f28a69b12dbbd",class:"picker-item-empty","aria-hidden":"true"}," ")),e("slot",{key:"3c6621b64438792a3024c90e3d9916a0a3614506",name:"suffix"}))}get el(){return o(this)}static get watchers(){return{"aria-label":[{ariaLabelChanged:0}],value:[{valueChange:0}]}}},f="option-active";u.style=":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;height:200px;font-size:22px;text-align:center}.assistive-focusable{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1;pointer-events:none}.assistive-focusable:focus{outline:none}.picker-opts{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;min-width:26px;max-height:200px;outline:none;text-align:inherit;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.picker-item-empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;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;overflow:hidden}.picker-opts::-webkit-scrollbar{display:none}::slotted(ion-picker-column-option){display:block;scroll-snap-align:center}.picker-item-empty,:host(:not([disabled])) ::slotted(ion-picker-column-option.option-disabled){scroll-snap-align:none}::slotted([slot=prefix]),::slotted([slot=suffix]){max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::slotted([slot=prefix]){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-ms-flex-pack:end;justify-content:end}::slotted([slot=suffix]){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-ms-flex-pack:start;justify-content:start}:host(.picker-column-disabled) .picker-opts{overflow-y:hidden}:host(.picker-column-disabled) ::slotted(ion-picker-column-option){cursor:default;opacity:0.4;pointer-events:none}@media (any-hover: hover){:host(:focus) .picker-opts{outline:none;background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2)}:host(.ion-color:focus) .picker-opts{background:rgba(var(--ion-color-base-rgb), 0.2)}}";export{u as ion_picker_column}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as i,h as s,d as e,g as o}from"./p-tcQvqkiX.js";import{b as r}from"./p-DIuEbVLu.js";import{b as n}from"./p-Nqf6uvGh.js";const h=class{constructor(s){t(this,s),this.ionImgWillLoad=i(this,"ionImgWillLoad",7),this.ionImgDidLoad=i(this,"ionImgDidLoad",7),this.ionError=i(this,"ionError",7),this.inheritedAttributes={},this.onLoad=()=>{this.ionImgDidLoad.emit()},this.onError=()=>{this.ionError.emit()}}srcChanged(){this.addIO()}componentWillLoad(){this.inheritedAttributes=r(this.el,["draggable"])}componentDidLoad(){this.addIO()}disconnectedCallback(){this.loadTimeout&&clearTimeout(this.loadTimeout)}addIO(){this.loadTimeout&&(clearTimeout(this.loadTimeout),this.loadTimeout=void 0),void 0!==this.src&&("undefined"!=typeof window&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((t=>{t[t.length-1].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.el)):this.loadTimeout=setTimeout((()=>this.load()),200))}load(){this.loadError=this.onError,this.loadSrc=this.src,this.ionImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){const{loadSrc:t,alt:i,onLoad:o,loadError:r,inheritedAttributes:h}=this,{draggable:c}=h;return s(e,{key:"9bfaa659b0680189fd29f3acb2fdce7f70be6060",class:n(this)},s("img",{key:"d484beae0d5cbe0406958bfad40cdd6c05625340",decoding:"async",src:t,alt:i,onLoad:o,onError:r,part:"image",draggable:a(c)}))}get el(){return o(this)}static get watchers(){return{src:[{srcChanged:0}]}}},a=t=>{switch(t){case"true":return!0;case"false":return!1;default:return}};h.style=":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";export{h as ion_img}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,j as e,h as i,d as a,g as o}from"./p-tcQvqkiX.js";import{f as n,c as s}from"./p-DIuEbVLu.js";import{c as r}from"./p-DiVJyqlX.js";import{b as d}from"./p-Nqf6uvGh.js";import{D as c,d as l,P as m,O as p}from"./p-C0eMdTCW.js";const b=class{constructor(i){t(this,i),this.datetimeEl=null,this.overlayEl=null,this.datetimePresentation="date-time",this.datetimeActive=!1,this.disabled=!1,this.getParsedDateValues=t=>null==t?[]:Array.isArray(t)?t:[t],this.setDateTimeText=async()=>{var t,i,a,o,n;const{datetimeEl:s,datetimePresentation:r}=this;if(!s)return;const{value:d,locale:b,formatOptions:h,hourCycle:u,preferWheel:f,multiple:v,titleSelectedDatesFormatter:x}=s,y=this.getParsedDateValues(d),g=y.length>0?c(y):[await s.getDefaultPart()];if(!g)return;const k=g[0],w=l(b,u);switch(this.dateText=this.timeText=void 0,r){case"date-time":case"time-date":const s=m(b,k,null!==(t=null==h?void 0:h.date)&&void 0!==t?t:{month:"short",day:"numeric",year:"numeric"}),r=p(b,k,w,null==h?void 0:h.time);f?this.dateText=`${s} ${r}`:(this.dateText=s,this.timeText=r);break;case"date":if(v&&1!==y.length){let t=`${y.length} days`;if(void 0!==x)try{t=x(y)}catch(t){e("[ion-datetime-button] - Exception in provided `titleSelectedDatesFormatter`:",t)}this.dateText=t}else this.dateText=m(b,k,null!==(i=null==h?void 0:h.date)&&void 0!==i?i:{month:"short",day:"numeric",year:"numeric"});break;case"time":this.timeText=p(b,k,w,null==h?void 0:h.time);break;case"month-year":this.dateText=m(b,k,null!==(a=null==h?void 0:h.date)&&void 0!==a?a:{month:"long",year:"numeric"});break;case"month":this.dateText=m(b,k,null!==(o=null==h?void 0:h.time)&&void 0!==o?o:{month:"long"});break;case"year":this.dateText=m(b,k,null!==(n=null==h?void 0:h.time)&&void 0!==n?n:{year:"numeric"})}},this.waitForDatetimeChanges=async()=>{const{datetimeEl:t}=this;return t?new Promise((e=>{n(t,"ionRender",e,{once:!0})})):Promise.resolve()},this.handleDateClick=async t=>{const{datetimeEl:e,datetimePresentation:i}=this;if(!e)return;let a=!1;switch(i){case"date-time":case"time-date":!e.preferWheel&&"date"!==e.presentation&&(e.presentation="date",a=!0)}this.selectedButton="date",this.presentOverlay(t,a,this.dateTargetEl)},this.handleTimeClick=t=>{const{datetimeEl:e,datetimePresentation:i}=this;if(!e)return;let a=!1;switch(i){case"date-time":case"time-date":"time"!==e.presentation&&(e.presentation="time",a=!0)}this.selectedButton="time",this.presentOverlay(t,a,this.timeTargetEl)},this.presentOverlay=async(t,e,i)=>{const{overlayEl:a}=this;a&&("ION-POPOVER"===a.tagName?(e&&await this.waitForDatetimeChanges(),a.present(Object.assign(Object.assign({},t),{detail:{ionShadowTarget:i}}))):a.present())}}async componentWillLoad(){const{datetime:t}=this;if(!t)return void e("[ion-datetime-button] - An ID associated with an ion-datetime instance is required to function properly.",this.el);const i=this.datetimeEl=document.getElementById(t);if(!i)return void e(`[ion-datetime-button] - No ion-datetime instance found for ID '${t}'.`,this.el);if("ION-DATETIME"!==i.tagName)return void e(`[ion-datetime-button] - Expected an ion-datetime instance for ID '${t}' but received '${i.tagName.toLowerCase()}' instead.`,i);new IntersectionObserver((t=>{this.datetimeActive=t[0].isIntersecting}),{threshold:.01}).observe(i);const a=this.overlayEl=i.closest("ion-modal, ion-popover");a&&a.classList.add("ion-datetime-button-overlay"),s(i,(()=>{const t=this.datetimePresentation=i.presentation||"date-time";switch(this.setDateTimeText(),n(i,"ionValueChange",this.setDateTimeText),t){case"date-time":case"date":case"month-year":case"month":case"year":this.selectedButton="date";break;case"time-date":case"time":this.selectedButton="time"}}))}render(){const{color:t,dateText:e,timeText:o,selectedButton:n,datetimeActive:s,disabled:c}=this,l=d(this);return i(a,{key:"2aaa284fe9b53b6347fcb5a1d325fbab1a6f38bd",class:r(t,{[l]:!0,[`${n}-active`]:s,"datetime-button-disabled":c})},e&&i("button",{key:"d9698471fa5d5c834ca73db57f9ed98dfc705b4c",class:"ion-activatable",id:"date-button","aria-expanded":s?"true":"false",onClick:this.handleDateClick,disabled:c,part:"native",ref:t=>this.dateTargetEl=t},i("slot",{key:"c8761a7f25ae5b93c953b3486dd6335f5ad4fd53",name:"date-target"},e),"md"===l&&i("ion-ripple-effect",{key:"3dd5e97af8d35a2b008de4ab01f690b3c2223135"})),o&&i("button",{key:"1107ca2382940b642b551f885f7ca763012c236c",class:"ion-activatable",id:"time-button","aria-expanded":s?"true":"false",onClick:this.handleTimeClick,disabled:c,part:"native",ref:t=>this.timeTargetEl=t},i("slot",{key:"5cff53e486923b03715b9ab4dc0947e26f4ea1d9",name:"time-target"},o),"md"===l&&i("ion-ripple-effect",{key:"5aac1facb6fc7457307c4f59a241e3a5b31facc8"})))}get el(){return o(this)}};b.style={ios:":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-primary, #0054e9)}:host(.ion-color.time-active) #time-button,:host(.ion-color.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:7px;padding-bottom:7px}:host button.ion-activated{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}",md:":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-primary, #0054e9)}:host(.ion-color.time-active) #time-button,:host(.ion-color.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}"};export{b as ion_datetime_button}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
import{r as o,h as i,d as t,g as n}from"./p-tcQvqkiX.js";import{b as e}from"./p-DIuEbVLu.js";import{c as r}from"./p-DiVJyqlX.js";import{b as a}from"./p-Nqf6uvGh.js";const l=class{constructor(i){o(this,i),this.pickerColumn=null,this.ariaLabel=null,this.disabled=!1}onAriaLabelChange(o){this.ariaLabel=o}componentWillLoad(){const o=e(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:n,ariaLabel:e}=this,l=a(this);return i(t,{key:"98109dc9aeced749a3e879394d9a24de24204433",class:r(o,{[l]:!0,"option-disabled":n})},i("div",{key:"42cb75738ea6925a7780b3ec9c1ff6823e340a24",class:"picker-column-option-button",role:"button","aria-label":e,onClick:()=>this.onClick()},i("slot",{key:"1f1b3862cdfb2b432016014e2e56330c0247d0b5"})))}get el(){return n(this)}static get watchers(){return{"aria-label":[{onAriaLabelChange:0}]}}};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),:host([part~=active]){color:var(--ion-color-primary, #0054e9)}:host(.ion-color.option-active),:host(.ion-color[part~=active]){color:var(--ion-color-base)}"};export{l as ion_picker_column_option}
|