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 • 9.62 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{u(n.next(t))}catch(e){r(e)}}function a(t){try{u(n["throw"](t))}catch(e){r(e)}}function u(t){t.done?i(t.value):s(t.value).then(o,a)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,s,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return u([t,e])}}function u(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(a){o=[6,a];s=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-901cf683.system.js","./p-efec1ef9.system.js","./p-43d2bece.system.js"],(function(t,e){"use strict";var i,n,s,r,o,a,u;return{setters:[function(t){i=t.r;n=t.d;s=t.h;r=t.e;o=t.H},function(t){a=t.g},function(t){u=t.i}],execute:function(){var h="ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-sliding-active-slide .item{position:relative;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{-ms-flex-order:-1;order:-1}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{-ms-flex-order:1;order:1}";var d=30;var l=.55;var p;var f=t("ion_item_sliding",function(){function t(t){i(this,t);this.item=null;this.openAmount=0;this.initialOpenAmount=0;this.optsWidthRightSide=0;this.optsWidthLeftSide=0;this.sides=0;this.optsDirty=true;this.state=2;this.disabled=false;this.ionDrag=n(this,"ionDrag",7)}t.prototype.disabledChanged=function(){if(this.gesture){this.gesture.enable(!this.disabled)}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(n){switch(n.label){case 0:this.item=this.el.querySelector("ion-item");return[4,this.updateOptions()];case 1:n.sent();t=this;return[4,e.import("./p-91c1f7a0.system.js")];case 2:t.gesture=n.sent().createGesture({el:this.el,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:function(t){return i.canStart(t)},onStart:function(){return i.onStart()},onMove:function(t){return i.onMove(t)},onEnd:function(t){return i.onEnd(t)}});this.disabledChanged();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.item=null;this.leftOptions=this.rightOptions=undefined;if(p===this.el){p=undefined}};t.prototype.getOpenAmount=function(){return Promise.resolve(this.openAmount)};t.prototype.getSlidingRatio=function(){return Promise.resolve(this.getSlidingRatioSync())};t.prototype.open=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n;var s=this;return __generator(this,(function(r){if(this.item===null){return[2]}e=this.getOptions(t);if(!e){return[2]}if(t===undefined){t=e===this.leftOptions?"start":"end"}t=u(t)?"end":"start";i=this.openAmount<0;n=this.openAmount>0;if(i&&e===this.leftOptions){return[2]}if(n&&e===this.rightOptions){return[2]}this.closeOpened();this.state=4;requestAnimationFrame((function(){s.calculateOptsWidth();var e=t==="end"?s.optsWidthRightSide:-s.optsWidthLeftSide;p=s.el;s.setOpenAmount(e,false);s.state=t==="end"?8:16}));return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.setOpenAmount(0,true);return[2]}))}))};t.prototype.closeOpened=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(p!==undefined){p.close();p=undefined;return[2,true]}return[2,false]}))}))};t.prototype.getOptions=function(t){if(t===undefined){return this.leftOptions||this.rightOptions}else if(t==="start"){return this.leftOptions}else{return this.rightOptions}};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,s;return __generator(this,(function(r){switch(r.label){case 0:t=this.el.querySelectorAll("ion-item-options");e=0;this.leftOptions=this.rightOptions=undefined;i=0;r.label=1;case 1:if(!(i<t.length))return[3,4];return[4,t.item(i).componentOnReady()];case 2:n=r.sent();s=u(n.side)?"end":"start";if(s==="start"){this.leftOptions=n;e|=1}else{this.rightOptions=n;e|=2}r.label=3;case 3:i++;return[3,1];case 4:this.optsDirty=true;this.sides=e;return[2]}}))}))};t.prototype.canStart=function(t){var e=document.dir==="rtl";var i=e?window.innerWidth-t.startX<15:t.startX<15;if(i){return false}var n=p;if(n&&n!==this.el){this.closeOpened();return false}return!!(this.rightOptions||this.leftOptions)};t.prototype.onStart=function(){p=this.el;if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(this.openAmount===0){this.optsDirty=true;this.state=4}this.initialOpenAmount=this.openAmount;if(this.item){this.item.style.transition="none"}};t.prototype.onMove=function(t){if(this.optsDirty){this.calculateOptsWidth()}var e=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:e=Math.max(0,e);break;case 1:e=Math.min(0,e);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides);break}var i;if(e>this.optsWidthRightSide){i=this.optsWidthRightSide;e=i+(e-i)*l}else if(e<-this.optsWidthLeftSide){i=-this.optsWidthLeftSide;e=i+(e-i)*l}this.setOpenAmount(e,false)};t.prototype.onEnd=function(t){var e=t.velocityX;var i=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;var n=this.openAmount>0===!(e<0);var s=Math.abs(e)>.3;var r=Math.abs(this.openAmount)<Math.abs(i/2);if(c(n,s,r)){i=0}var o=this.state;this.setOpenAmount(i,true);if((o&32)!==0&&this.rightOptions){this.rightOptions.fireSwipeEvent()}else if((o&64)!==0&&this.leftOptions){this.leftOptions.fireSwipeEvent()}};t.prototype.calculateOptsWidth=function(){this.optsWidthRightSide=0;if(this.rightOptions){this.rightOptions.style.display="flex";this.optsWidthRightSide=this.rightOptions.offsetWidth;this.rightOptions.style.display=""}this.optsWidthLeftSide=0;if(this.leftOptions){this.leftOptions.style.display="flex";this.optsWidthLeftSide=this.leftOptions.offsetWidth;this.leftOptions.style.display=""}this.optsDirty=false};t.prototype.setOpenAmount=function(t,e){var i=this;if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(!this.item){return}var n=this.item.style;this.openAmount=t;if(e){n.transition=""}if(t>0){this.state=t>=this.optsWidthRightSide+d?8|32:8}else if(t<0){this.state=t<=-this.optsWidthLeftSide-d?16|64:16}else{this.tmr=setTimeout((function(){i.state=2;i.tmr=undefined}),600);p=undefined;n.transform="";return}n.transform="translate3d("+-t+"px,0,0)";this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})};t.prototype.getSlidingRatioSync=function(){if(this.openAmount>0){return this.openAmount/this.optsWidthRightSide}else if(this.openAmount<0){return this.openAmount/this.optsWidthLeftSide}else{return 0}};t.prototype.render=function(){var t;var e=a(this);return s(o,{class:(t={},t[e]=true,t["item-sliding-active-slide"]=this.state!==2,t["item-sliding-active-options-end"]=(this.state&8)!==0,t["item-sliding-active-options-start"]=(this.state&16)!==0,t["item-sliding-active-swipe-end"]=(this.state&32)!==0,t["item-sliding-active-swipe-start"]=(this.state&64)!==0,t)})};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"]}},enumerable:true,configurable:true});return t}());var c=function(t,e,i){return!e&&i||t&&e};f.style=h}}}));