UNPKG

@ionic/core

Version:
4 lines 12.6 kB
var __awaiter=this&&this.__awaiter||function(r,t,n,e){function o(r){return r instanceof n?r:new n((function(t){t(r)}))}return new(n||(n=Promise))((function(n,i){function a(r){try{u(e.next(r))}catch(r){i(r)}}function c(r){try{u(e["throw"](r))}catch(r){i(r)}}function u(r){r.done?n(r.value):o(r.value).then(a,c)}u((e=e.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(r){return function(t){return u([r,t])}}function u(c){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(e=1,o&&(i=c[0]&2?o["return"]:c[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,c[1])).done)return i;if(o=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;o=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=t.call(r,n)}catch(r){c=[6,r];o=0}finally{e=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}}; /*! * (C) Ionic http://ionicframework.com - MIT License */System.register(["./p-f11a9436.system.js","./p-455cd7cc.system.js"],(function(r){"use strict";var t,n,e,o,i,a;return{setters:[function(r){t=r.r;n=r.c;e=r.h;o=r.e;i=r.f},function(r){a=r.g}],execute:function(){var c=":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)))}";var u=c;var f=":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)));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%)}";var s=f;var b=r("ion_picker",function(){function r(r){var e=this;t(this,r);this.ionInputModeChange=n(this,"ionInputModeChange",7);this.useInputMode=false;this.isInHighlightBounds=function(r){var t=e.highlightEl;if(!t){return false}var n=t.getBoundingClientRect();var o=r.clientX<n.left||r.clientX>n.right;var i=r.clientY<n.top||r.clientY>n.bottom;if(o||i){return false}return true};this.onFocusOut=function(r){var t=r.relatedTarget;if(!t||t.tagName!=="ION-PICKER-COLUMN"&&t!==e.inputEl){e.exitInputMode()}};this.onFocusIn=function(r){var t=r.target;if(t.tagName!=="ION-PICKER-COLUMN"){return}if(!e.actionOnClick){var n=t;var o=n.numericInput;if(o){e.enterInputMode(n,false)}else{e.exitInputMode()}}};this.onClick=function(){var r=e.actionOnClick;if(r){r();e.actionOnClick=undefined}};this.onPointerDown=function(r){var t=e,n=t.useInputMode,o=t.inputModeColumn,i=t.el;if(e.isInHighlightBounds(r)){if(n){if(r.target.tagName==="ION-PICKER-COLUMN"){if(o&&o===r.target){e.actionOnClick=function(){e.enterInputMode()}}else{e.actionOnClick=function(){e.enterInputMode(r.target)}}}else{e.actionOnClick=function(){e.exitInputMode()}}}else{var a=i.querySelectorAll("ion-picker-column.picker-column-numeric-input");var c=a.length===1?r.target:undefined;e.actionOnClick=function(){e.enterInputMode(c)}}return}e.actionOnClick=function(){e.exitInputMode()}};this.enterInputMode=function(r,t){if(t===void 0){t=true}var n=e,o=n.inputEl,i=n.el;if(!o){return}var a=i.querySelector("ion-picker-column.picker-column-numeric-input");if(!a){return}e.useInputMode=true;e.inputModeColumn=r;if(t){if(e.destroyKeypressListener){e.destroyKeypressListener();e.destroyKeypressListener=undefined}o.focus()}else{i.addEventListener("keypress",e.onKeyPress);e.destroyKeypressListener=function(){i.removeEventListener("keypress",e.onKeyPress)}}e.emitInputModeChange()};this.onKeyPress=function(r){var t=e.inputEl;if(!t){return}var n=parseInt(r.key,10);if(!Number.isNaN(n)){t.value+=r.key;e.onInputChange()}};this.selectSingleColumn=function(){var r=e,t=r.inputEl,n=r.inputModeColumn,o=r.singleColumnSearchTimeout;if(!t||!n){return}var i=Array.from(n.querySelectorAll("ion-picker-column-option")).filter((function(r){return r.disabled!==true}));if(o){clearTimeout(o)}e.singleColumnSearchTimeout=setTimeout((function(){t.value="";e.singleColumnSearchTimeout=undefined}),1e3);if(t.value.length>=3){var a=t.value.length-2;var c=t.value.substring(a);t.value=c;e.selectSingleColumn();return}var u=i.find((function(r){var n=r.textContent;var e=n.replace(/^0+(?=[1-9])|0+(?=0$)/,"");return e===t.value}));if(u){n.setValue(u.value);return}if(t.value.length===2){var f=t.value.substring(t.value.length-1);t.value=f;e.selectSingleColumn()}};this.searchColumn=function(r,t,n){if(n===void 0){n="start"}if(!t){return false}var e=n==="start"?/^0+/:/0$/;t=t.replace(e,"");var o=Array.from(r.querySelectorAll("ion-picker-column-option")).find((function(r){return r.disabled!==true&&r.textContent.replace(e,"")===t}));if(o){r.setValue(o.value)}return!!o};this.multiColumnSearch=function(r,t,n){if(n.length===0){return}var o=n.split("");var i=o.slice(0,2).join("");var a=e.searchColumn(r,i);if(o.length>2&&a){var c=o.slice(2,4).join("");e.searchColumn(t,c)}else if(!a&&o.length>=1){var u=o[0];var f=e.searchColumn(r,u);if(!f){o.shift();u=o[0];f=e.searchColumn(r,u)}if(f&&o.length>1){var s=o.slice(1,3).join("");e.searchColumn(t,s)}}};this.selectMultiColumn=function(){var r=e,t=r.inputEl,n=r.el;if(!t){return}var o=Array.from(n.querySelectorAll("ion-picker-column")).filter((function(r){return r.numericInput}));var i=o[0];var a=o[1];var c=t.value;if(c.length>4){var u=t.value.length-4;var f=t.value.substring(u);t.value=f;c=f}e.multiColumnSearch(i,a,c)};this.onInputChange=function(){var r=e,t=r.useInputMode,n=r.inputEl,o=r.inputModeColumn;if(!t||!n){return}if(o){e.selectSingleColumn()}else{e.selectMultiColumn()}};this.emitInputModeChange=function(){var r=e,t=r.useInputMode,n=r.inputModeColumn;e.ionInputModeChange.emit({useInputMode:t,inputModeColumn:n})}}r.prototype.preventTouchStartPropagation=function(r){r.stopPropagation()};r.prototype.componentWillLoad=function(){a(this.el).addEventListener("focusin",this.onFocusIn);a(this.el).addEventListener("focusout",this.onFocusOut)};r.prototype.exitInputMode=function(){return __awaiter(this,void 0,void 0,(function(){var r,t,n;return __generator(this,(function(e){r=this,t=r.inputEl,n=r.useInputMode;if(!n||!t){return[2]}this.useInputMode=false;this.inputModeColumn=undefined;t.blur();t.value="";if(this.destroyKeypressListener){this.destroyKeypressListener();this.destroyKeypressListener=undefined}this.emitInputModeChange();return[2]}))}))};r.prototype.render=function(){var r=this;return e(o,{key:"28f81e4ed44a633178561757c5199c2c98f94b74",onPointerDown:function(t){return r.onPointerDown(t)},onClick:function(){return r.onClick()}},e("input",{key:"abb3d1ad25ef63856af7804111175a4d50008bc0","aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",onKeyDown:function(t){var n;if(t.key==="Enter"){(n=r.inputEl)===null||n===void 0?void 0:n.blur()}},ref:function(t){return r.inputEl=t},onInput:function(){return r.onInputChange()},onBlur:function(){return r.exitInputMode()}}),e("div",{key:"334a5abdc02e6b127c57177f626d7e4ff5526183",class:"picker-before"}),e("div",{key:"ffd6271931129e88fc7c820e919d684899e420c5",class:"picker-after"}),e("div",{key:"78d1d95fd09e04f154ea59f24a1cece72c47ed7b",class:"picker-highlight",ref:function(t){return r.highlightEl=t}}),e("slot",{key:"0bd5b9f875d3c71f6cbbde2054baeb1b0a2e8cd5"}))};Object.defineProperty(r.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return r}());b.style={ios:u,md:s}}}}));