https://www.svenskhockey.tv/build/p-e28bcff7.entry.js

1import{r as t,c as i,h as e,m as o,a as n,q as r,n as s}from"./p-BfiO-GnF.js";import{g as a,e as c,n as l}from"./p-D39i3sJ-.js";import{d as h}from"./p-ZjP4CjeZ.js";import{c as d,a as p,b}from"./p-uNLxk6wO.js";import{c as u}from"./p-byZM6qHV.js";import"./p-Dojwmvde.js";import"./p-D2NxOvQ8.js";const g=class{constructor(e){t(this,e),this.ionInputModeChange=i(this,"ionInputModeChange",7),this.useInputMode=!1,this.isInHighlightBounds=t=>{const{highlightEl:i}=this;if(!i)return!1;const e=i.getBoundingClientRect();return!(t.clientX<e.left||t.clientX>e.right||t.clientY<e.top||t.clientY>e.bottom)},this.onFocusOut=t=>{const{relatedTarget:i}=t;(!i||"ION-PICKER-COLUMN"!==i.tagName&&i!==this.inputEl)&&this.exitInputMode()},this.onFocusIn=t=>{const{target:i}=t;"ION-PICKER-COLUMN"!==i.tagName||this.actionOnClick||(i.numericInput?this.enterInputMode(i,!1):this.exitInputMode())},this.onClick=()=>{const{actionOnClick:t}=this;t&&(t(),this.actionOnClick=void 0)},this.onPointerDown=t=>{const{useInputMode:i,inputModeColumn:e,el:o}=this;if(this.isInHighlightBounds(t))if(i)this.actionOnClick="ION-PICKER-COLUMN"===t.target.tagName?e&&e===t.target?()=>{this.enterInputMode()}:()=>{this.enterInputMode(t.target)}:()=>{this.exitInputMode()};else{const i=1===o.querySelectorAll("ion-picker-column.picker-column-numeric-input").length?t.target:void 0;this.actionOnClick=()=>{this.enterInputMode(i)}}else this.actionOnClick=()=>{this.exitInputMode()}},this.enterInputMode=(t,i=!0)=>{const{inputEl:e,el:o}=this;e&&o.querySelector("ion-picker-column.picker-column-numeric-input")&&(this.useInputMode=!0,this.inputModeColumn=t,i?(this.destroyKeypressListener&&(this.destroyKeypressListener(),this.destroyKeypressListener=void 0),e.focus()):(o.addEventListener("keypress",this.onKeyPress),this.destroyKeypressListener=()=>{o.removeEventListener("keypress",this.onKeyPress)}),this.emitInputModeChange())},this.onKeyPress=t=>{const{inputEl:i}=this;if(!i)return;const e=parseInt(t.key,10);Number.isNaN(e)||(i.value+=t.key,this.onInputChange())},this.selectSingleColumn=()=>{const{inputEl:t,inputModeColumn:i,singleColumnSearchTimeout:e}=this;if(!t||!i)return;const o=Array.from(i.querySelectorAll("ion-picker-column-option")).filter((t=>!0!==t.disabled));if(e&&clearTimeout(e),this.singleColumnSearchTimeout=setTimeout((()=>{t.value="",this.singleColumnSearchTimeout=void 0}),1e3),t.value.length>=3){const i=t.value.substring(t.value.length-2);return t.value=i,void this.selectSingleColumn()}const n=o.find((({textContent:i})=>i.replace(/^0+(?=[1-9])|0+(?=0$)/,"")===t.value));if(n)i.setValue(n.value);else if(2===t.value.length){const i=t.value.substring(t.value.length-1);t.value=i,this.selectSingleColumn()}},this.searchColumn=(t,i,e="start")=>{if(!i)return!1;const o="start"===e?/^0+/:/0$/;i=i.replace(o,"");const n=Array.from(t.querySelectorAll("ion-picker-column-option")).find((t=>!0!==t.disabled&&t.textContent.replace(o,"")===i));return n&&t.setValue(n.value),!!n},this.multiColumnSearch=(t,i,e)=>{if(0===e.length)return;const o=e.split(""),n=o.slice(0,2).join(""),r=this.searchColumn(t,n);if(o.length>2&&r){const t=o.slice(2,4).join("");this.searchColumn(i,t)}else if(!r&&o.length>=1){let e=o[0],n=this.searchColumn(t,e);if(n||(o.shift(),e=o[0],n=this.searchColumn(t,e)),n&&o.length>1){const t=o.slice(1,3).join("");this.searchColumn(i,t)}}},this.selectMultiColumn=()=>{const{inputEl:t,el:i}=this;if(!t)return;const e=Array.from(i.querySelectorAll("ion-picker-column")).filter((t=>t.numericInput)),o=e[0],n=e[1];let r=t.value;if(r.length>4){const i=t.value.substring(t.value.length-4);t.value=i,r=i}this.multiColumnSearch(o,n,r)},this.onInputChange=()=>{const{useInputMode:t,inputEl:i,inputModeColumn:e}=this;t&&i&&(e?this.selectSingleColumn():this.selectMultiColumn())},this.emitInputModeChange=()=>{const{useInputMode:t,inputModeColumn:i}=this;this.ionInputModeChange.emit({useInputMode:t,inputModeColumn:i})}}preventTouchStartPropagation(t){t.stopPropagation()}componentWillLoad(){a(this.el).addEventListener("focusin",this.onFocusIn),a(this.el).addEventListener("focusout",this.onFocusOut)}async exitInputMode(){const{inputEl:t,useInputMode:i}=this;i&&t&&(this.useInputMode=!1,this.inputModeColumn=void 0,t.blur(),t.value="",this.destroyKeypressListener&&(this.destroyKeypressListener(),this.destroyKeypressListener=void 0),this.emitInputModeChange())}render(){return e(o,{key:"28f81e4ed44a633178561757c5199c2c98f94b74",onPointerDown:t=>this.onPointerDown(t),onClick:()=>this.onClick()},e("input",{key:"abb3d1ad25ef63856af7804111175a4d50008bc0","aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",onKeyDown:t=>{var i;"Enter"===t.key&&(null===(i=this.inputEl)||void 0===i||i.blur())},ref:t=>this.inputEl=t,onInput:()=>this.onInputChange(),onBlur:()=>this.exitInputMode()}

1),e("div",{key:"334a5abdc02e6b127c57177f626d7e4ff5526183",class:"picker-before"}),e("div",{key:"ffd6271931129e88fc7c820e919d684899e420c5",class:"picker-after"}),e("div",{key:"78d1d95fd09e04f154ea59f24a1cece72c47ed7b",class:"picker-highlight",ref:t=>this.highlightEl=t}),e("slot",{key:"0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5"}))}get el(){return n(this)}};g.style={ios:":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--highlight-background, var(--ion-color-step-150, var(--ion-background-color-step-150, #eeeeef)))}",md:":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}:host .picker-before{inset-inline-start:0}:host .picker-after{top:116px;height:84px}:host .picker-after{inset-inline-start:0}:host .picker-highlight{border-radius:var(--highlight-border-radius, 8px);left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0

1)));background:linear-gradient(to bottom, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));background:linear-gradient(to top, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}"};const f=class{constructor(e){t(this,e),this.ionChange=i(this,"ionChange",7),this.isScrolling=!1,this.isColumnVisible=!1,this.canExitInputMode=!0,this.updateValueTextOnScroll=!1,this.isUserScroll=!1,this.enableHaptics=!1,this.ariaLabel=null,this.isActive=!1,this.disabled=!1,this.numericInput=!1,this.centerPickerItemInView=(t,i=!0,e=!0)=>{const{isColumnVisible:o,scrollEl:n}=this;if(o&&n){const o=t.offsetTop-3*t.clientHeight+t.clientHeight/2;n.scrollTop!==o&&(this.canExitInputMode=e,this.updateValueTextOnScroll=!1,this.isUserScroll=!1,this.stopWatchingForOutsidePress(),n.scroll({top:o,left:0,behavior:i?"smooth":void 0}))}},this.setPickerItemActiveState=(t,i)=>{i?t.classList.add(k):t.classList.remove(k)},this.inputModeChange=t=>{if(!this.numericInput)return;const{useInputMode:i,inputModeColumn:e}=t.detail;this.setInputModeActive(!(!i||void 0!==e&&e!==this.el))},this.setInputModeActive=t=>{this.isScrolling?this.scrollEndCallback=()=>{this.isActive=t}:this.isActive=t},this.clearScrollEndTimeout=()=>{this.scrollEndTimeout&&(clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=void 0)},this.resetScrollEndTimeout=()=>{this.clearScrollEndTimeout(),this.scrollEndTimeout=setTimeout(this.settle,m)},this.watchForOutsidePress=()=>{null==h||h.addEventListener("pointerdown",this.onPointerDownOutside,{capture:!0})},this.stopWatchingForOutsidePress=()=>{null==h||h.removeEventListener("pointerdown",this.onPointerDownOutside,{capture:!0})},this.discardScroll=()=>{this.stopWatchingForOutsidePress(),this.clearScrollEndTimeout(),this.scrollEndCallback=void 0,this.centeredOption=void 0,this.haltedAtScrollTop=void 0,this.isScrolling=!1,this.isUserScroll=!1,this.canExitInputMode=!0},this.settle=()=>{const{centeredOption:t}=this;this.clearScrollEndTimeout(),this.stopWatchingForOutsidePress(),this.isUserScroll=!1,this.isScrolling=!1,this.updateValueTextOnScroll=!0,this.enableHaptics&&d();const{scrollEndCallback:i}=this;i&&(i(),this.scrollEndCallback=void 0),this.canExitInputMode=!0,void 0!==t&&(this.centeredOption=void 0,t.isConnected&&this.setValue(t.value))},this.onPointerDownOutside=t=>{const{centeredOption:i,parentEl:e,scrollEl:o}=this;if(!this.isScrolling)return;const n=t.composedPath();n.includes(this.el)||null!=e&&n.includes(e)||(void 0!==i&&i.isConnected&&(this.centerPickerItemInView(i,!1,!1),this.haltedAtScrollTop=null==o?void 0:o.scrollTop),this.settle())},this.initializeScrollListener=()=>{this.enableHaptics=r("ios");const{el:t,scrollEl:i}=this;let e=this.activeItem;const o=()=>{c((()=>{var o;if(!this.el.isConnected||!this.isColumnVisible||!i)return;const{haltedAtScrollTop:n}=this;if(void 0!==n){if(Math.abs(i.scrollTop-n)<=v)return;this.haltedAtScrollTop=void 0}this.resetScrollEndTimeout(),this.isScrolling||(this.enableHaptics&&p(),this.isScrolling=!0),this.isUserScroll&&this.watchForOutsidePress();const r=i.getBoundingClientRect(),s=r.x+r.width/2,a=r.y+r.height/2,c=t.getRootNode(),l=c instanceof ShadowRoot?c:h;if(void 0===l)return;let d=l.elementsFromPoint(s,a).find((t=>"ION-PICKER-COLUMN-OPTION"===t.tagName));if(void 0===d){const t=l.elementFromPoint(s,a);"ION-PICKER-COLUMN-OPTION"===(null==t?void 0:t.tagName)&&(d=t)}void 0===d||d.disabled||(void 0!==e&&this.setPickerItemActiveState(e,!1),d!==e&&(this.enableHaptics&&b(),this.canExitInputMode&&this.exitInputMode()),e=d,this.setPickerItemActiveState(d,!0),this.updateV

1alueTextOnScroll&&(null===(o=this.assistiveFocusable)||void 0===o||o.setAttribute("aria-valuetext",this.getOptionValueText(d))),this.centeredOption=d)}))},n=()=>{this.isUserScroll=!0,this.haltedAtScrollTop=void 0};c((()=>{i&&(i.addEventListener("scroll",o),i.addEventListener("pointerdown",n),i.addEventListener("wheel",n,{passive:!0}),i.addEventListener("touchmove",n,{passive:!0}),this.destroyScrollListener=()=>{i.removeEventListener("scroll",o),i.removeEventListener("pointerdown",n),i.removeEventListener("wheel",n),i.removeEventListener("touchmove",n)})}))},this.exitInputMode=()=>{const{parentEl:t}=this;null!=t&&(t.exitInputMode(),this.el.classList.remove("picker-column-active"))},this.findNextOption=(t=1)=>{const{activeItem:i}=this;if(!i)return null;let e=i,o=i.nextElementSibling;for(;null!=o;){if(t>0&&t--,"ION-PICKER-COLUMN-OPTION"===o.tagName&&!o.disabled&&0===t)return o;e=o,o=o.nextElementSibling}return e},this.findPreviousOption=(t=1)=>{const{activeItem:i}=this;if(!i)return null;let e=i,o=i.previousElementSibling;for(;null!=o;){if(t>0&&t--,"ION-PICKER-COLUMN-OPTION"===o.tagName&&!o.disabled&&0===t)return o;e=o,o=o.previousElementSibling}return e},this.onKeyDown=t=>{const i=r("mobile");let e=null;switch(t.key){case"ArrowDown":e=i?this.findPreviousOption():this.findNextOption();break;case"ArrowUp":e=i?this.findNextOption():this.findPreviousOption();break;case"PageUp":e=i?this.findNextOption(5):this.findPreviousOption(5);break;case"PageDown":e=i?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),t.preventDefault())},this.getOptionValueText=t=>{var i;return t?null!==(i=t.getAttribute("aria-label"))&&void 0!==i?i:t.innerText:""}}ariaLabelChanged(t){this.ariaLabel=t}valueChange(){this.isColumnVisible&&this.scrollActiveItemIntoView(!0)}componentWillLoad(){const t=this.parentEl=this.el.closest("ion-picker");new IntersectionObserver((t=>{if(t[t.length-1].isIntersecting){const{activeItem:t,el:i}=this;this.isColumnVisible=!0;const e=i.querySelector(`.${k}`);e&&this.setPickerItemActiveState(e,!1),this.scrollActiveItemIntoView(),t&&this.setPickerItemActiveState(t,!0),this.initializeScrollListener()}else this.isColumnVisible=!1,this.stopWatchingForOutsidePress(),this.centeredOption=void 0,this.haltedAtScrollTop=void 0,this.destroyScrollListener&&(this.destroyScrollListener(),this.destroyScrollListener=void 0)}),{threshold:.001,root:this.parentEl}).observe(this.el),null!==t&&t.addEventListener("ionInputModeChange",(t=>this.inputModeChange(t)))}componentDidRender(){const{el:t,activeItem:i,isColumnVisible:e,value:o}=this;if(e&&!i){const i=t.querySelector("ion-picker-column-option");null!==i&&i.value!==o&&this.setValue(i.value)}}async scrollActiveItemIntoView(t=!1){const i=this.activeItem;i&&this.centerPickerItemInView(i,t,!1)}async setValue(t){!0!==this.disabled&&this.value!==t&&(this.value=t,this.ionChange.emit({value:t}))}async setFocus(){this.assistiveFocusable&&this.assistiveFocusable.focus()}connectedCallback(){var t;this.ariaLabel=null!==(t=this.el.getAttribute("aria-label"))&&void 0!==t?t:"Select a value"}disconnectedCallback(){this.discardScroll()}get activeItem(){const{value:t}=this;return Array.from(this.el.querySelectorAll("ion-picker-column-option")).find((i=>!(!this.disabled&&i.disabled)&&i.value===t))}render(){const{color:t,disabled:i,isActive:n,numericInput:r}=this,a=s(this);return e(o,{key:"60a893619d0b01fba53fbccef67a10d533a22657",class:u(t,{[a]:!0,"picker-column-active":n,"picker-column-numeric-input":r,"picker-column-disabled":i})},e("slot",{key:"79f1e047f89c5ec916ed02efaac56ef3f73b8969",name:"prefix"}),e("div",{key:"c45c86e88353a196ff38159f40f390bc27852c9e",class:"picker-opts",ref:t=>{this.scrollEl=t},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:t=>this.onKeyDown(t)},e("div",{key:"e02d76752f5d3dd4cd2846fbc28645f1508a4b49",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"d577bcbadc530970b2781692b050811633625c5a",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"c89e78c3a896bc1f55b922d01df16fdbb1259bdd",class:"picker-item-empty","aria-hidden":"true"}," "),e("slot",{key:"6c597ff899692597432ee2aa0b42de53b86deed4"}),e("div",{key:"91686ed94f14c47647836ed4d63e54b5c54ee3b9",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"2ff058c6d0e8cef4e143c2d848f9a52684579af1",class:"picker-item-empty","aria-hidden":"true"}," "),e("div",{key:"bc7386bec6fced36e44084a7a137b3fe6506c996",class:"picker-item-empty","aria-hidden":"true"}," ")),e("slot",{key:"8835fd3f4e025bce964e6f05984c9aaadc20d7fb",name:"suffix"}))}get el(){return n(this)}static get watchers(){return{"aria-label":[{ariaLabelChanged:0}],value:[{valueChange:0}]}}},k="option-active",m=250,v=2;f.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}

1::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)}}";const x=class{constructor(i){t(this,i),this.pickerColumn=null,this.ariaLabel=null,this.disabled=!1}onAriaLabelChange(t){this.ariaLabel=t}componentWillLoad(){const t=l(this.el,["aria-label"]);this.ariaLabel=t["aria-label"]||null}connectedCallback(){this.pickerColumn=this.el.closest("ion-picker-column")}disconnectedCallback(){this.pickerColumn=null}componentDidLoad(){const{pickerColumn:t}=this;null!==t&&t.scrollActiveItemIntoView()}onClick(){const{pickerColumn:t}=this;null!==t&&t.setValue(this.value)}render(){const{color:t,disabled:i,ariaLabel:n}=this,r=s(this);return e(o,{key:"81f1938e0114392a6e035442b8bc9fcdf73fda84",class:u(t,{[r]:!0,"option-disabled":i})},e("div",{key:"b0bb84fd39ea38ea3037ad43c6be8e8dfca2e7d1",class:"picker-column-option-button",role:"button","aria-label":n,onClick:()=>this.onClick()},e("slot",{key:"e0305b721618aef05823032ccd58214b0f184ca9"})))}get el(){return n(this)}static get watchers(){return{"aria-label":[{onAriaLabelChange:0}]}}};x.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{g as ion_picker,f as ion_picker_column,x as ion_picker_column_option}