https://buildersacademynz.web.app/chunk-AVSODCZC.js

1import{c as w,d as C,e as S}from"./chunk-BXGZEXDX.js";import"./chunk-FPOZYJOD.js";import{b as E}from"./chunk-PT3YUHTI.js";import{a as m,b as y}from"./chunk-PTASOGFN.js";import{h as x,i as f}from"./chunk-4K53T7NJ.js";import{b as I}from"./chunk-CKP3SGE2.js";import{i as A,m as a,n as O,q as P,r as N}from"./chunk-RFGOEN6H.js";import{g as p}from"./chunk-NMDLJX5Q.js";var L=":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-base-rgb), 0.2)}}",V=class{constructor(s){A(this,s),this.ionChange=N(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.color="primary",this.numericInput=!1,this.centerPickerItemInView=(e,t=!0,n=!0)=>{let{isColumnVisible:i,scrollEl:o}=this;if(i&&o){let c=e.offsetTop-3*e.clientHeight+e.clientHeight/2;o.scrollTop!==c&&(this.canExitInputMode=n,this.updateValueTextOnScroll=!1,o.scroll({top:c,left:0,behavior:t?"smooth":void 0}))}},this.setPickerItemActiveState=(e,t)=>{t?e.classList.add(b):e.classList.remove(b)},this.inputModeChange=e=>{if(!this.numericInput)return;let{useInputMode:t,inputModeColumn:n}=e.detail,i=n===void 0||n===this.el;if(!t||!i){this.setInputModeActive(!1);return}this.setInputModeActive(!0)},this.setInputModeActive=e=>{if(this.isScrolling){this.scrollEndCallback=()=>{this.isActive=e};return}this.isActive=e},this.initializeScrollListener=()=>{let e=m("ios"),{el:t,scrollEl:n}=this,i,o=this.activeItem,c=()=>{f(()=>{var u;if(!n)return;i&&(clearTimeout(i),i=void 0),this.isScrolling||(e&&w(),this.isScrolling=!0);let d=n.getBoundingClientRect(),v=d.x+d.width/2,g=d.y+d.height/2,k=t.getRootNode(),h=k instanceof ShadowRoot?k:I;if(h===void 0)return;let l=h.elementsFromPoint(v,g).find(r=>r.tagName==="ION-PICKER-COLUMN-OPTION");if(l===void 0){let r=h.elementFromPoint(v,g);r?.tagName==="ION-PICKER-COLUMN-OPTION"&&(l=r)}o!==void 0&&this.setPickerItemActiveState(o,!1),!(l===void 0||l.disabled)&&(l!==o&&(e&&C(),this.canExitInputMode&&this.exitInputMode()),o=l,this.setPickerItemActiveState(l,!0),this.updateV

1alueTextOnScroll&&((u=this.assistiveFocusable)===null||u===void 0||u.setAttribute("aria-valuetext",this.getOptionValueText(l))),i=setTimeout(()=>{this.isScrolling=!1,this.updateValueTextOnScroll=!0,e&&S();let{scrollEndCallback:r}=this;r&&(r(),this.scrollEndCallback=void 0),this.canExitInputMode=!0,this.setValue(l.value)},250))})};f(()=>{n&&(n.addEventListener("scroll",c),this.destroyScrollListener=()=>{n.removeEventListener("scroll",c)})})},this.exitInputMode=()=>{let{parentEl:e}=this;e!=null&&(e.exitInputMode(),this.el.classList.remove("picker-column-active"))},this.findNextOption=(e=1)=>{let{activeItem:t}=this;if(!t)return null;let n=t,i=t.nextElementSibling;for(;i!=null;){if(e>0&&e--,i.tagName==="ION-PICKER-COLUMN-OPTION"&&!i.disabled&&e===0)return i;n=i,i=i.nextElementSibling}return n},this.findPreviousOption=(e=1)=>{let{activeItem:t}=this;if(!t)return null;let n=t,i=t.previousElementSibling;for(;i!=null;){if(e>0&&e--,i.tagName==="ION-PICKER-COLUMN-OPTION"&&!i.disabled&&e===0)return i;n=i,i=i.previousElementSibling}return n},this.onKeyDown=e=>{let t=m("mobile"),n=null;switch(e.key){case"ArrowDown":n=t?this.findPreviousOption():this.findNextOption();break;case"ArrowUp":n=t?this.findNextOption():this.findPreviousOption();break;case"PageUp":n=t?this.findNextOption(5):this.findPreviousOption(5);break;case"PageDown":n=t?this.findPreviousOption(5):this.findNextOption(5);break;case"Home":n=this.el.querySelector("ion-picker-column-option:first-of-type");break;case"End":n=this.el.querySelector("ion-picker-column-option:last-of-type");break}n!==null&&(this.setValue(n.value),e.preventDefault())},this.getOptionValueText=e=>{var t;return e?(t=e.getAttribute("aria-label"))!==null&&t!==void 0?t:e.innerText:""}}ariaLabelChanged(s){this.ariaLabel=s}valueChange(){this.isColumnVisible&&this.scrollActiveItemIntoView(!0)}componentWillLoad(){let s=this.parentEl=this.el.closest("ion-picker"),e=t=>{if(t[t.length-1].isIntersecting){let{activeItem:i,el:o}=this;this.isColumnVisible=!0;let c=x(o).querySelector(`.${b}`);c&&this.setPickerItemActiveState(c,!1),this.scrollActiveItemIntoView(),i&&this.setPickerItemActiveState(i,!0),this.initializeScrollListener()}else this.isColumnVisible=!1,this.destroyScrollListener&&(this.destroyScrollListener(),this.destroyScrollListener=void 0)};new IntersectionObserver(e,{threshold:.001,root:this.parentEl}).observe(this.el),s!==null&&s.addEventListener("ionInputModeChange",t=>this.inputModeChange(t))}componentDidRender(){let{el:s,activeItem:e,isColumnVisible:t,value:n}=this;if(t&&!e){let i=s.querySelector("ion-picker-column-option");i!==null&&i.value!==n&&this.setValue(i.value)}}scrollActiveItemIntoView(s=!1){return p(this,null,function*(){let e=this.activeItem;e&&this.centerPickerItemInView(e,s,!1)})}setValue(s){return p(this,null,function*(){this.disabled===!0||this.value===s||(this.value=s,this.ionChange.emit({value:s}))})}setFocus(){return p(this,null,function*(){this.assistiveFocusable&&this.assistiveFocusable.focus()})}connectedCallback(){var s;this.ariaLabel=(s=this.el.getAttribute("aria-label"))!==null&&s!==void 0?s:"Select a value"}get activeItem(){let{value:s}=this;return Array.from(this.el.querySelectorAll("ion-picker-column-option")).find(t=>!this.disabled&&t.disabled?!1:t.value===s)}render(){let{color:s,disabled:e,isActive:t,numericInput:n}=this,i=y(this);return a(O,{key:"db903fd415f8a2d91994dececca481c1af8ba6a9",class:E(s,{[i]:!0,"picker-column-active":t,"picker-column-numeric-input":n,"picker-column-disabled":e})},a("slot",{key:"02ce9e1dd7df91afcd50b06416552bcffb5dec98",name:"prefix"}),a("div",{key:"6dfd7d2429bec19244a6b1afb4448121963a031b",class:"picker-opts",ref:o=>{this.scrollEl=o},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:o=>this.onKeyDown(o)},a("div",{key:"e30ce0b9cefbfe4d4441fa33acf595da31855c3f",class:"picker-item-empty","aria-hidden":"true"},"\xA0"),a("div",{key:"8be2bd293c12c6ba720d9b31d0d561a96f42e97d",class:"picker-item-empty","aria-hidden":"true"},"\xA0"),a("div",{key:"8afdcddddabbf646fbb55cb0ba4448309a2c1dd9",class:"picker-item-empty","aria-hidden":"true"}

1,"\xA0"),a("slot",{key:"6aa0dacc34d6848575ad5b122b9046982308ca43"}),a("div",{key:"92ec8a357414c1b779b11d1dd18fb87a7ee63982",class:"picker-item-empty","aria-hidden":"true"},"\xA0"),a("div",{key:"b89457cb74b5907c25594ff6720ac54ca537e933",class:"picker-item-empty","aria-hidden":"true"},"\xA0"),a("div",{key:"5bbc92e6bc24de08e39873bf08c5b668373ac0f8",class:"picker-item-empty","aria-hidden":"true"},"\xA0")),a("slot",{key:"d7bf2b519214f0f3576a4ca79844ad97827dd97f",name:"suffix"}))}get el(){return P(this)}static get watchers(){return{"aria-label":["ariaLabelChanged"],value:["valueChange"]}}},b="option-active";V.style=L;export{V as ion_picker_column};