@ionic/core
Version:
Base components for Ionic
4 lines • 9.76 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function o(e){try{c(i.next(e))}catch(e){a(e)}}function s(e){try{c(i["throw"](e))}catch(e){a(e)}}function c(e){e.done?n(e.value):r(e.value).then(o,s)}c((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/System.register(["./p-f11a9436.system.js","./p-455cd7cc.system.js","./p-0ec5b7cf.system.js","./p-4609d030.system.js","./p-f201b53a.system.js","./p-1bf5ec17.system.js"],(function(e){"use strict";var t,n,i,r,a,o,s,c,d,u,f,l,p,m;return{setters:[function(e){t=e.r;n=e.h;i=e.e;r=e.f},function(e){a=e.a;o=e.c},function(e){s=e.a},function(e){c=e.c},function(e){d=e.b},function(e){u=e.s;f=e.x;l=e.L;p=e.N;m=e.M}],execute:function(){var b=":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:7px;padding-bottom:7px}:host button.ion-activated{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}";var h=b;var v=":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}";var x=v;var y=e("ion_datetime_button",function(){function e(e){var n=this;t(this,e);this.datetimeEl=null;this.overlayEl=null;this.getParsedDateValues=function(e){if(e===undefined||e===null){return[]}if(Array.isArray(e)){return e}return[e]};this.setDateTimeText=function(){var e,t,i,r,a;var o=n,c=o.datetimeEl,d=o.datetimePresentation;if(!c){return}var b=c.value,h=c.locale,v=c.formatOptions,x=c.hourCycle,y=c.preferWheel,g=c.multiple,w=c.titleSelectedDatesFormatter;var k=n.getParsedDateValues(b);var _=u(k.length>0?k:[f()]);if(!_){return}var j=_[0];var O=l(h,x);n.dateText=n.timeText=undefined;switch(d){case"date-time":case"time-date":var I=p(h,j,(e=v===null||v===void 0?void 0:v.date)!==null&&e!==void 0?e:{month:"short",day:"numeric",year:"numeric"});var E=m(h,j,O,v===null||v===void 0?void 0:v.time);if(y){n.dateText="".concat(I," ").concat(E)}else{n.dateText=I;n.timeText=E}break;case"date":if(g&&k.length!==1){var D="".concat(k.length," days");if(w!==undefined){try{D=w(k)}catch(e){s("Exception in provided `titleSelectedDatesFormatter`: ",e)}}n.dateText=D}else{n.dateText=p(h,j,(t=v===null||v===void 0?void 0:v.date)!==null&&t!==void 0?t:{month:"short",day:"numeric",year:"numeric"})}break;case"time":n.timeText=m(h,j,O,v===null||v===void 0?void 0:v.time);break;case"month-year":n.dateText=p(h,j,(i=v===null||v===void 0?void 0:v.date)!==null&&i!==void 0?i:{month:"long",year:"numeric"});break;case"month":n.dateText=p(h,j,(r=v===null||v===void 0?void 0:v.time)!==null&&r!==void 0?r:{month:"long"});break;case"year":n.dateText=p(h,j,(a=v===null||v===void 0?void 0:v.time)!==null&&a!==void 0?a:{year:"numeric"});break}};this.waitForDatetimeChanges=function(){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.datetimeEl;if(!e){return[2,Promise.resolve()]}return[2,new Promise((function(t){a(e,"ionRender",t,{once:true})}))]}))}))};this.handleDateClick=function(e){return __awaiter(n,void 0,void 0,(function(){var t,n,i,r,a;return __generator(this,(function(o){t=this,n=t.datetimeEl,i=t.datetimePresentation;if(!n){return[2]}r=false;switch(i){case"date-time":case"time-date":a=n.presentation!=="date";if(!n.preferWheel&&a){n.presentation="date";r=true}break}this.selectedButton="date";this.presentOverlay(e,r,this.dateTargetEl);return[2]}))}))};this.handleTimeClick=function(e){var t=n,i=t.datetimeEl,r=t.datetimePresentation;if(!i){return}var a=false;switch(r){case"date-time":case"time-date":var o=i.presentation!=="time";if(o){i.presentation="time";a=true}break}n.selectedButton="time";n.presentOverlay(e,a,n.timeTargetEl)};this.presentOverlay=function(e,t,i){return __awaiter(n,void 0,void 0,(function(){var n;return __generator(this,(function(r){switch(r.label){case 0:n=this.overlayEl;if(!n){return[2]}if(!(n.tagName==="ION-POPOVER"))return[3,3];if(!t)return[3,2];return[4,this.waitForDatetimeChanges()];case 1:r.sent();r.label=2;case 2:n.present(Object.assign(Object.assign({},e),{detail:{ionShadowTarget:i}}));return[3,4];case 3:n.present();r.label=4;case 4:return[2]}}))}))};this.datetimePresentation="date-time";this.dateText=undefined;this.timeText=undefined;this.datetimeActive=false;this.selectedButton=undefined;this.color="primary";this.disabled=false;this.datetime=undefined}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i;var r=this;return __generator(this,(function(c){e=this.datetime;if(!e){s("An ID associated with an ion-datetime instance is required for ion-datetime-button to function properly.",this.el);return[2]}t=this.datetimeEl=document.getElementById(e);if(!t){s("No ion-datetime instance found for ID '".concat(e,"'."),this.el);return[2]}if(t.tagName!=="ION-DATETIME"){s("Expected an ion-datetime instance for ID '".concat(e,"' but received '").concat(t.tagName.toLowerCase(),"' instead."),t);return[2]}n=new IntersectionObserver((function(e){var t=e[0];r.datetimeActive=t.isIntersecting}),{threshold:.01});n.observe(t);i=this.overlayEl=t.closest("ion-modal, ion-popover");if(i){i.classList.add("ion-datetime-button-overlay")}o(t,(function(){var e=r.datetimePresentation=t.presentation||"date-time";r.setDateTimeText();a(t,"ionValueChange",r.setDateTimeText);switch(e){case"date-time":case"date":case"month-year":case"month":case"year":r.selectedButton="date";break;case"time-date":case"time":r.selectedButton="time";break}}));return[2]}))}))};e.prototype.render=function(){var e;var t=this;var r=this,a=r.color,o=r.dateText,s=r.timeText,u=r.selectedButton,f=r.datetimeActive,l=r.disabled;var p=d(this);return n(i,{key:"26e606af6f067a5774db37ed41387ffebb941777",class:c(a,(e={},e[p]=true,e["".concat(u,"-active")]=f,e["datetime-button-disabled"]=l,e))},o&&n("button",{key:"6b7aa66a15b4a6d89d411e40586de28a2ac9f343",class:"ion-activatable",id:"date-button","aria-expanded":f?"true":"false",onClick:this.handleDateClick,disabled:l,part:"native",ref:function(e){return t.dateTargetEl=e}},n("slot",{key:"d42f34fd167be34386319e7ea788c2ab03c90b87",name:"date-target"},o),p==="md"&&n("ion-ripple-effect",{key:"47dd34f3c2799064cac7a5fe25440ecc043950f0"})),s&&n("button",{key:"d77424a20fae320654774c7bfc8a8e2369d3afe3",class:"ion-activatable",id:"time-button","aria-expanded":f?"true":"false",onClick:this.handleTimeClick,disabled:l,part:"native",ref:function(e){return t.timeTargetEl=e}},n("slot",{key:"ac088a78141bb53f2efd48dd7745f8954c92378b",name:"time-target"},s),p==="md"&&n("ion-ripple-effect",{key:"b3a58ddfd28b9396e2518ffd62a045ec13d8b9d0"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());y.style={ios:h,md:x}}}}));