test-isc
Version:
An Ionic component similar to Ionic Select, that allows to search items, including async search, group, add, edit, delete items, and much more.
1 lines • 11.7 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function s(t){try{p(r.next(t))}catch(e){o(e)}}function a(t){try{p(r["throw"](t))}catch(e){o(e)}}function p(t){t.done?i(t.value):n(t.value).then(s,a)}p((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,n,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return p([t,e])}}function p(s){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(a){s=[6,a];n=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-901cf683.system.js","./p-efec1ef9.system.js","./p-43d2bece.system.js","./p-f8eef7f1.system.js"],(function(t,e){"use strict";var i,r,n,o,s,a,p,c;return{setters:[function(t){i=t.r;r=t.d;n=t.h;o=t.H;s=t.e},function(t){a=t.g},function(t){p=t.c},function(t){c=t.a}],execute:function(){var l=".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:4px;padding-right:4px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:center center;transform-origin:center center;height:46px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}";var h=".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:8px;padding-right:8px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";var f=t("ion_picker_column",function(){function t(t){i(this,t);this.optHeight=0;this.rotateFactor=0;this.scaleFactor=1;this.velocity=0;this.y=0;this.noAnimate=true;this.ionPickerColChange=r(this,"ionPickerColChange",7)}t.prototype.colChanged=function(){this.refresh()};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,r,n;var o=this;return __generator(this,(function(s){switch(s.label){case 0:t=0;i=.81;r=a(this);if(r==="ios"){t=-.46;i=1}this.rotateFactor=t;this.scaleFactor=i;n=this;return[4,e.import("./p-91c1f7a0.system.js")];case 1:n.gesture=s.sent().createGesture({el:this.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:false,onStart:function(t){return o.onStart(t)},onMove:function(t){return o.onMove(t)},onEnd:function(t){return o.onEnd(t)}});this.gesture.enable();this.tmrId=setTimeout((function(){o.noAnimate=false;o.refresh(true)}),250);return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this.optsEl;if(t){this.optHeight=t.firstElementChild?t.firstElementChild.clientHeight:0}this.refresh()};t.prototype.disconnectedCallback=function(){cancelAnimationFrame(this.rafId);clearTimeout(this.tmrId);if(this.gesture){this.gesture.destroy();this.gesture=undefined}};t.prototype.emitColChange=function(){this.ionPickerColChange.emit(this.col)};t.prototype.setSelected=function(t,e){var i=t>-1?-(t*this.optHeight):0;this.velocity=0;cancelAnimationFrame(this.rafId);this.update(i,e,true);this.emitColChange()};t.prototype.update=function(t,e,i){if(!this.optsEl){return}var r=0;var n=0;var o=this,s=o.col,a=o.rotateFactor;var p=s.selectedIndex=this.indexForY(-t);var l=e===0?"":e+"ms";var h="scale("+this.scaleFactor+")";var f=this.optsEl.children;for(var u=0;u<f.length;u++){var g=f[u];var v=s.options[u];var m=u*this.optHeight+t;var x="";if(a!==0){var y=m*a;if(Math.abs(y)<=90){r=0;n=90;x="rotateX("+y+"deg) "}else{r=-9999}}else{n=0;r=m}var b=p===u;x+="translate3d(0px,"+r+"px,"+n+"px) ";if(this.scaleFactor!==1&&!b){x+=h}if(this.noAnimate){v.duration=0;g.style.transitionDuration=""}else if(e!==v.duration){v.duration=e;g.style.transitionDuration=l}if(x!==v.transform){v.transform=x;g.style.transform=x}if(b!==v.selected){v.selected=b;if(b){g.classList.add(d)}else{g.classList.remove(d)}}}this.col.prevSelected=p;if(i){this.y=t}if(this.lastIndex!==p){c();this.lastIndex=p}};t.prototype.decelerate=function(){var t=this;if(this.velocity!==0){this.velocity*=u;this.velocity=this.velocity>0?Math.max(this.velocity,1):Math.min(this.velocity,-1);var e=this.y+this.velocity;if(e>this.minY){e=this.minY;this.velocity=0}else if(e<this.maxY){e=this.maxY;this.velocity=0}this.update(e,0,true);var i=Math.round(e)%this.optHeight!==0||Math.abs(this.velocity)>1;if(i){this.rafId=requestAnimationFrame((function(){return t.decelerate()}))}else{this.velocity=0;this.emitColChange()}}else if(this.y%this.optHeight!==0){var r=Math.abs(this.y%this.optHeight);this.velocity=r>this.optHeight/2?1:-1;this.decelerate()}};t.prototype.indexForY=function(t){return Math.min(Math.max(Math.abs(Math.round(t/this.optHeight)),0),this.col.options.length-1)};t.prototype.onStart=function(t){t.event.preventDefault();t.event.stopPropagation();cancelAnimationFrame(this.rafId);var e=this.col.options;var i=e.length-1;var r=0;for(var n=0;n<e.length;n++){if(!e[n].disabled){i=Math.min(i,n);r=Math.max(r,n)}}this.minY=-(i*this.optHeight);this.maxY=-(r*this.optHeight)};t.prototype.onMove=function(t){t.event.preventDefault();t.event.stopPropagation();var e=this.y+t.deltaY;if(e>this.minY){e=Math.pow(e,.8);this.bounceFrom=e}else if(e<this.maxY){e+=Math.pow(this.maxY-e,.9);this.bounceFrom=e}else{this.bounceFrom=0}this.update(e,0,false)};t.prototype.onEnd=function(t){if(this.bounceFrom>0){this.update(this.minY,100,true);this.emitColChange();return}else if(this.bounceFrom<0){this.update(this.maxY,100,true);this.emitColChange();return}this.velocity=p(-g,t.velocityY*23,g);if(this.velocity===0&&t.deltaY===0){var e=t.event.target.closest(".picker-opt");if(e&&e.hasAttribute("opt-index")){this.setSelected(parseInt(e.getAttribute("opt-index"),10),v)}}else{this.y+=t.deltaY;if(Math.abs(t.velocityY)<.05){var i=t.deltaY>0;var r=Math.abs(this.y)%this.optHeight/this.optHeight;if(i&&r>.5){this.velocity=Math.abs(this.velocity)*-1}else if(!i&&r<=.5){this.velocity=Math.abs(this.velocity)}}this.decelerate()}};t.prototype.refresh=function(t){var e=this.col.options.length-1;var i=0;var r=this.col.options;for(var n=0;n<r.length;n++){if(!r[n].disabled){e=Math.min(e,n);i=Math.max(i,n)}}if(this.velocity!==0){return}var o=p(e,this.col.selectedIndex||0,i);if(this.col.prevSelected!==o||t){var s=o*this.optHeight*-1;this.velocity=0;this.update(s,v,true)}};t.prototype.render=function(){var t;var e=this;var i=this.col;var r="button";var s=a(this);return n(o,{class:(t={},t[s]=true,t["picker-col"]=true,t["picker-opts-left"]=this.col.align==="left",t["picker-opts-right"]=this.col.align==="right",t),style:{"max-width":this.col.columnWidth}},i.prefix&&n("div",{class:"picker-prefix",style:{width:i.prefixWidth}},i.prefix),n("div",{class:"picker-opts",style:{maxWidth:i.optionsWidth},ref:function(t){return e.optsEl=t}},i.options.map((function(t,e){return n(r,{type:"button",class:{"picker-opt":true,"picker-opt-disabled":!!t.disabled},"opt-index":e},t.text)}))),i.suffix&&n("div",{class:"picker-suffix",style:{width:i.suffixWidth}},i.suffix))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:true,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{col:["colChanged"]}},enumerable:true,configurable:true});return t}());var d="picker-opt-selected";var u=.97;var g=90;var v=150;f.style={ios:l}}}}));