@ionic/core 7.6.6-dev.11705528328.1ef5e17b → 7.6.6-dev.11705696534.177666f8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-datetime.js +34 -15
- package/components/ion-segment.js +7 -0
- package/components/picker-internal.js +1 -0
- package/components/popover.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +34 -15
- package/dist/cjs/ion-picker-internal.cjs.entry.js +1 -0
- package/dist/cjs/ion-popover.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +7 -0
- package/dist/collection/components/datetime/datetime.js +34 -15
- package/dist/collection/components/datetime/test/multiple/datetime.e2e.js +20 -3
- package/dist/collection/components/picker-internal/picker-internal.js +1 -0
- package/dist/collection/components/popover/popover.ios.css +1 -1
- package/dist/collection/components/popover/popover.md.css +1 -1
- package/dist/collection/components/segment/segment.js +7 -0
- package/dist/docs.json +1 -1
- package/dist/esm/ion-datetime_3.entry.js +34 -15
- package/dist/esm/ion-picker-internal.entry.js +1 -0
- package/dist/esm/ion-popover.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +7 -0
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-024e2739.entry.js +4 -0
- package/dist/ionic/{p-818169b1.system.entry.js → p-06f72943.system.entry.js} +1 -1
- package/dist/ionic/p-10c34f0a.system.entry.js +4 -0
- package/dist/ionic/p-1a5f0313.system.js +1 -1
- package/dist/ionic/p-5628d04e.entry.js +4 -0
- package/dist/ionic/p-8bad1486.system.entry.js +4 -0
- package/dist/ionic/{p-1af32f1e.entry.js → p-a0953474.entry.js} +1 -1
- package/hydrate/index.js +44 -17
- package/package.json +1 -1
- package/dist/ionic/p-978c6799.system.entry.js +0 -4
- package/dist/ionic/p-c3ef6da5.entry.js +0 -4
- package/dist/ionic/p-d9585c3f.system.entry.js +0 -4
- package/dist/ionic/p-dd9dff11.entry.js +0 -4
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{d(n.next(t))}catch(t){a(t)}}function s(t){try{d(n["throw"](t))}catch(t){a(t)}}function d(t){t.done?i(t.value):r(t.value).then(o,s)}d((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,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(t){return function(e){return d([t,e])}}function d(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(n=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:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,r=e.length,a;n<r;n++){if(a||!(n in e)){if(!a)a=Array.prototype.slice.call(e,0,n);a[n]=e[n]}}return t.concat(a||Array.prototype.slice.call(e))};
|
|
2
|
+
/*!
|
|
3
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
+
*/System.register(["./p-67c3a2a8.system.js","./p-c468af8a.system.js","./p-32ad210f.system.js","./p-ff4b7e40.system.js","./p-08e01816.system.js","./p-4609d030.system.js","./p-dfb6de03.system.js","./p-ef3a6b51.system.js","./p-87bb3735.system.js","./p-4f255d5a.system.js","./p-7ffe791a.system.js","./p-38f2c6bb.system.js","./p-1cca10d6.system.js","./p-792919fd.system.js","./p-888db766.system.js","./p-790220fd.system.js","./p-8985cdb6.system.js"],(function(t,e){"use strict";var i,n,r,a,o,s,d,l,c,h,p,u,f,m,b,g,v,x,y,k,w,j,O,_,z,C,P,A,M,D,I,V,T,E,S,F,W,R,B,Y,L,q,G,H,N,U,X,J,K,Q,Z,$,tt,et,it,nt,rt,at,ot,st,dt,lt,ct,ht,pt,ut,ft,mt,bt,gt,vt,xt,yt,kt,wt,jt,Ot,_t,zt,Ct,Pt;return{setters:[function(t){i=t.r;n=t.d;r=t.w;a=t.h;o=t.H;s=t.f},function(t){d=t.startFocusVisible},function(t){l=t.r;c=t.d;h=t.g;p=t.l},function(t){u=t.a;f=t.p},function(t){m=t.i},function(t){b=t.c;g=t.g},function(t){v=t.c;x=t.o;y=t.l;k=t.p;w=t.q},function(t){j=t.b},function(t){O=t.g;_=t.a;z=t.i;C=t.b;P=t.c;A=t.d;M=t.e;D=t.v;I=t.f;V=t.h;T=t.j;E=t.k;S=t.l;F=t.m;W=t.n;R=t.p;B=t.o;Y=t.q;L=t.w;q=t.r;G=t.s;H=t.t;N=t.u;U=t.x;X=t.y;J=t.z;K=t.A;Q=t.B;Z=t.C;$=t.D;tt=t.E;et=t.F;it=t.G;nt=t.H;rt=t.I;at=t.J;ot=t.K;st=t.L;dt=t.M;lt=t.N;ct=t.O;ht=t.P;pt=t.Q;ut=t.R},function(t){ft=t.c},function(t){mt=t.d;bt=t.e;gt=t.B;vt=t.i;xt=t.j;yt=t.k;kt=t.f;wt=t.g;jt=t.h;Ot=t.s},function(t){_t=t.c},function(t){zt=t.b;Ct=t.h;Pt=t.a},function(){},function(){},function(){},function(){}],execute:function(){var At=function(t,e,i){if(e&&e.year>t){return true}if(i&&i.year<t){return true}return false};var Mt=function(t,e,i,n){if(t.day===null){return true}if(n!==undefined&&!n.includes(t.day)){return true}if(e&&z(t,e)){return true}if(i&&C(t,i)){return true}return false};var Dt=function(t,e,i,n,r,a,o){var s=Array.isArray(i)?i:[i];var d=s.find((function(t){return P(e,t)}))!==undefined;var l=P(e,n);var c=Mt(e,r,a,o);return{disabled:c,isActive:d,isToday:l,ariaSelected:d?"true":null,ariaLabel:O(t,l,e),text:e.day!=null?_(t,e):null}};var It=function(t,e){var i=e.minParts,n=e.maxParts;if(At(t.year,i,n)){return true}if(i&&z(t,i)||n&&C(t,n)){return true}return false};var Vt=function(t,e,i){var n=Object.assign(Object.assign({},A(t)),{day:null});return It(n,{minParts:e,maxParts:i})};var Tt=function(t,e){var i=Object.assign(Object.assign({},M(t)),{day:null});return It(i,{maxParts:e})};var Et=function(t,e,i){if(Array.isArray(t)){var n=e.split("T")[0];var r=t.find((function(t){return t.date===n}));if(r){return{textColor:r.textColor,backgroundColor:r.backgroundColor}}}else{try{return t(e)}catch(t){u("Exception thrown from provided `highlightedDates` callback. Please check your function and try again.",i,t)}}return undefined};var St=":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:auto}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:min(1rem, 25.6px);font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";var Ft=":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:auto}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}";var Wt=t("ion_datetime",function(){function t(t){var e=this;i(this,t);this.ionCancel=n(this,"ionCancel",7);this.ionChange=n(this,"ionChange",7);this.ionValueChange=n(this,"ionValueChange",7);this.ionFocus=n(this,"ionFocus",7);this.ionBlur=n(this,"ionBlur",7);this.ionStyle=n(this,"ionStyle",7);this.ionRender=n(this,"ionRender",7);this.inputId="ion-dt-".concat(Rt++);this.prevPresentation=null;this.warnIfIncorrectValueUsage=function(){var t=e,i=t.multiple,n=t.value;if(!i&&Array.isArray(n)){f('ion-datetime was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n Value Passed: ['.concat(n.map((function(t){return"'".concat(t,"'")})).join(", "),"]\n"),e.el)}};this.setValue=function(t){e.value=t;e.ionChange.emit({value:t})};this.getActivePartsWithFallback=function(){var t;var i=e.defaultParts;return(t=e.getActivePart())!==null&&t!==void 0?t:i};this.getActivePart=function(){var t=e.activeParts;return Array.isArray(t)?t[0]:t};this.closeParentOverlay=function(){var t=e.el.closest("ion-modal, ion-popover");if(t){t.dismiss()}};this.setWorkingParts=function(t){e.workingParts=Object.assign({},t)};this.setActiveParts=function(t,i){if(i===void 0){i=false}if(e.readonly){return}var n=e,r=n.multiple,a=n.minParts,o=n.maxParts,s=n.activeParts;var d=D(t,a,o);e.setWorkingParts(d);if(r){var l=Array.isArray(s)?s:[s];if(i){e.activeParts=l.filter((function(t){return!P(t,d)}))}else{e.activeParts=__spreadArray(__spreadArray([],l,true),[d],false)}}else{e.activeParts=Object.assign({},d)}var c=e.el.querySelector('[slot="buttons"]')!==null;if(c||e.showDefaultButtons){return}e.confirm()};this.initializeKeyboardListeners=function(){var t=e.calendarBodyRef;if(!t){return}var i=e.el.shadowRoot;var n=t.querySelector(".calendar-month:nth-of-type(2)");var r=function(i){var r;var a=i[0];if(((r=a.oldValue)===null||r===void 0?void 0:r.includes("ion-focused"))||!t.classList.contains("ion-focused")){return}e.focusWorkingDay(n)};var a=new MutationObserver(r);a.observe(t,{attributeFilter:["class"],attributeOldValue:true});e.destroyKeyboardMO=function(){a===null||a===void 0?void 0:a.disconnect()};t.addEventListener("keydown",(function(t){var r=i.activeElement;if(!r||!r.classList.contains("calendar-day")){return}var a=I(r);var o;switch(t.key){case"ArrowDown":t.preventDefault();o=W(a);break;case"ArrowUp":t.preventDefault();o=F(a);break;case"ArrowRight":t.preventDefault();o=S(a);break;case"ArrowLeft":t.preventDefault();o=E(a);break;case"Home":t.preventDefault();o=T(a);break;case"End":t.preventDefault();o=V(a);break;case"PageUp":t.preventDefault();o=t.shiftKey?ct(a):A(a);break;case"PageDown":t.preventDefault();o=t.shiftKey?lt(a):M(a);break;default:return}if(Mt(o,e.minParts,e.maxParts)){return}e.setWorkingParts(Object.assign(Object.assign({},e.workingParts),o));requestAnimationFrame((function(){return e.focusWorkingDay(n)}))}))};this.focusWorkingDay=function(t){var i=t.querySelectorAll(".calendar-day-padding");var n=e.workingParts.day;if(n===null){return}var r=t.querySelector(".calendar-day-wrapper:nth-of-type(".concat(i.length+n,") .calendar-day"));if(r){r.focus()}};this.processMinParts=function(){var t=e,i=t.min,n=t.defaultParts;if(i===undefined){e.minParts=undefined;return}e.minParts=R(i,n)};this.processMaxParts=function(){var t=e,i=t.max,n=t.defaultParts;if(i===undefined){e.maxParts=undefined;return}e.maxParts=B(i,n)};this.initializeCalendarListener=function(){var t=e.calendarBodyRef;if(!t){return}var i=t.querySelectorAll(".calendar-month");var n=i[0];var a=i[1];var o=i[2];var s=j(e);var d=s==="ios"&&typeof navigator!=="undefined"&&navigator.maxTouchPoints>1;r((function(){t.scrollLeft=n.clientWidth*(m(e.el)?-1:1);var i=function(i){var r=t.getBoundingClientRect();var a=t.scrollLeft<=2?n:o;var s=a.getBoundingClientRect();if(Math.abs(s.x-r.x)>2)return;var d=e.forceRenderDate;if(d!==undefined){return{month:d.month,year:d.year,day:d.day}}if(a===n){return A(i)}else if(a===o){return M(i)}else{return}};var s=function(){if(d){t.style.removeProperty("pointer-events");c=false}var n=i(e.workingParts);if(!n)return;var o=n.month,s=n.day,l=n.year;if(It({month:o,year:l,day:null},{minParts:Object.assign(Object.assign({},e.minParts),{day:null}),maxParts:Object.assign(Object.assign({},e.maxParts),{day:null})})){return}t.style.setProperty("overflow","hidden");r((function(){e.setWorkingParts(Object.assign(Object.assign({},e.workingParts),{month:o,day:s,year:l}));t.scrollLeft=a.clientWidth*(m(e.el)?-1:1);t.style.removeProperty("overflow");if(e.resolveForceDateScrolling){e.resolveForceDateScrolling()}}))};var l;var c=false;var h=function(){if(l){clearTimeout(l)}if(!c&&d){t.style.setProperty("pointer-events","none");c=true}l=setTimeout(s,50)};t.addEventListener("scroll",h);e.destroyCalendarListener=function(){t.removeEventListener("scroll",h)}}))};this.destroyInteractionListeners=function(){var t=e,i=t.destroyCalendarListener,n=t.destroyKeyboardMO;if(i!==undefined){i()}if(n!==undefined){n()}};this.processValue=function(t){var i=t!==null&&t!==undefined&&(!Array.isArray(t)||t.length>0);var n=i?Y(t):e.defaultParts;var r=e,a=r.minParts,o=r.maxParts,s=r.workingParts,d=r.el;e.warnIfIncorrectValueUsage();if(!n){return}if(i){L(n,a,o)}var l=Array.isArray(n)?n[0]:n;var c=ht(l,a,o);var h=c.month,p=c.day,u=c.year,f=c.hour,m=c.minute;var b=pt(f);if(i){if(Array.isArray(n)){e.activeParts=__spreadArray([],n,true)}else{e.activeParts={month:h,day:p,year:u,hour:f,minute:m,ampm:b}}}else{e.activeParts=[]}var g=h!==undefined&&h!==s.month||u!==undefined&&u!==s.year;var v=d.classList.contains("datetime-ready");var x=e,y=x.isGridStyle,k=x.showMonthAndYear;var w=true;if(Array.isArray(n)){var j=n[0].month;for(var O=0,_=n;O<_.length;O++){var z=_[O];if(z.month!==j){w=false;break}}}if(w){if(y&&g&&v&&!k){e.animateToDate(c)}else{e.setWorkingParts({month:h,day:p,year:u,hour:f,minute:m,ampm:b})}}};this.animateToDate=function(t){return __awaiter(e,void 0,void 0,(function(){var e,i,n;var r=this;return __generator(this,(function(a){switch(a.label){case 0:e=this.workingParts;this.forceRenderDate=t;i=new Promise((function(t){r.resolveForceDateScrolling=t}));n=z(t,e);n?this.prevMonth():this.nextMonth();return[4,i];case 1:a.sent();this.resolveForceDateScrolling=undefined;this.forceRenderDate=undefined;return[2]}}))}))};this.onFocus=function(){e.ionFocus.emit()};this.onBlur=function(){e.ionBlur.emit()};this.hasValue=function(){return e.value!=null};this.nextMonth=function(){var t=e.calendarBodyRef;if(!t){return}var i=t.querySelector(".calendar-month:last-of-type");if(!i){return}var n=i.offsetWidth*2;t.scrollTo({top:0,left:n*(m(e.el)?-1:1),behavior:"smooth"})};this.prevMonth=function(){var t=e.calendarBodyRef;if(!t){return}var i=t.querySelector(".calendar-month:first-of-type");if(!i){return}t.scrollTo({top:0,left:0,behavior:"smooth"})};this.toggleMonthAndYearView=function(){e.showMonthAndYear=!e.showMonthAndYear};this.showMonthAndYear=false;this.activeParts=[];this.workingParts={month:5,day:28,year:2021,hour:13,minute:52,ampm:"pm"};this.isTimePopoverOpen=false;this.forceRenderDate=undefined;this.color="primary";this.name=this.inputId;this.disabled=false;this.readonly=false;this.isDateEnabled=undefined;this.min=undefined;this.max=undefined;this.presentation="date-time";this.cancelText="Cancel";this.doneText="Done";this.clearText="Clear";this.yearValues=undefined;this.monthValues=undefined;this.dayValues=undefined;this.hourValues=undefined;this.minuteValues=undefined;this.locale="default";this.firstDayOfWeek=0;this.titleSelectedDatesFormatter=undefined;this.multiple=false;this.highlightedDates=undefined;this.value=undefined;this.showDefaultTitle=false;this.showDefaultButtons=false;this.showClearButton=false;this.showDefaultTimeLabel=true;this.hourCycle=undefined;this.size="fixed";this.preferWheel=false}t.prototype.disabledChanged=function(){this.emitStyle()};t.prototype.minChanged=function(){this.processMinParts()};t.prototype.maxChanged=function(){this.processMaxParts()};Object.defineProperty(t.prototype,"isGridStyle",{get:function(){var t=this,e=t.presentation,i=t.preferWheel;var n=e==="date"||e==="date-time"||e==="time-date";return n&&!i},enumerable:false,configurable:true});t.prototype.yearValuesChanged=function(){this.parsedYearValues=q(this.yearValues)};t.prototype.monthValuesChanged=function(){this.parsedMonthValues=q(this.monthValues)};t.prototype.dayValuesChanged=function(){this.parsedDayValues=q(this.dayValues)};t.prototype.hourValuesChanged=function(){this.parsedHourValues=q(this.hourValues)};t.prototype.minuteValuesChanged=function(){this.parsedMinuteValues=q(this.minuteValues)};t.prototype.valueChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.value;if(this.hasValue()){this.processValue(t)}this.emitStyle();this.ionValueChange.emit({value:t});return[2]}))}))};t.prototype.confirm=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){var e,i,n,r,a,o;return __generator(this,(function(s){e=this,i=e.isCalendarPicker,n=e.activeParts,r=e.preferWheel,a=e.workingParts;if(n!==undefined||!i){o=Array.isArray(n);if(o&&n.length===0){if(r){this.setValue(G(a))}else{this.setValue(undefined)}}else{this.setValue(G(n))}}if(t){this.closeParentOverlay()}return[2]}))}))};t.prototype.reset=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processValue(t);return[2]}))}))};t.prototype.cancel=function(t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ionCancel.emit();if(t){this.closeParentOverlay()}return[2]}))}))};Object.defineProperty(t.prototype,"isCalendarPicker",{get:function(){var t=this.presentation;return t==="date"||t==="date-time"||t==="time-date"},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){this.clearFocusVisible=d(this.el).destroy};t.prototype.disconnectedCallback=function(){if(this.clearFocusVisible){this.clearFocusVisible();this.clearFocusVisible=undefined}};t.prototype.initializeListeners=function(){this.initializeCalendarListener();this.initializeKeyboardListeners()};t.prototype.componentDidLoad=function(){var t=this;var e=function(e){var i=e[0];if(!i.isIntersecting){return}t.initializeListeners();r((function(){t.el.classList.add("datetime-ready")}))};var i=new IntersectionObserver(e,{threshold:.01});l((function(){return i===null||i===void 0?void 0:i.observe(t.el)}));var n=function(e){var i=e[0];if(i.isIntersecting){return}t.destroyInteractionListeners();t.showMonthAndYear=false;r((function(){t.el.classList.remove("datetime-ready")}))};var a=new IntersectionObserver(n,{threshold:0});l((function(){return a===null||a===void 0?void 0:a.observe(t.el)}));var o=h(this.el);o.addEventListener("ionFocus",(function(t){return t.stopPropagation()}));o.addEventListener("ionBlur",(function(t){return t.stopPropagation()}))};t.prototype.componentDidRender=function(){var t=this;var e=this,i=e.presentation,n=e.prevPresentation,r=e.calendarBodyRef,a=e.minParts,o=e.preferWheel,s=e.forceRenderDate;var d=!o&&["date-time","time-date","date"].includes(i);if(a!==undefined&&d&&r){var c=r.querySelector(".calendar-month:nth-of-type(1)");if(c&&s===undefined){r.scrollLeft=c.clientWidth*(m(this.el)?-1:1)}}if(n===null){this.prevPresentation=i;return}if(i===n){return}this.prevPresentation=i;this.destroyInteractionListeners();this.initializeListeners();this.showMonthAndYear=false;l((function(){t.ionRender.emit()}))};t.prototype.componentWillLoad=function(){var t=this,e=t.el,i=t.highlightedDates,n=t.multiple,r=t.presentation,a=t.preferWheel;if(n){if(r!=="date"){f('Multiple date selection is only supported for presentation="date".',e)}if(a){f('Multiple date selection is not supported with preferWheel="true".',e)}}if(i!==undefined){if(r!=="date"&&r!=="date-time"&&r!=="time-date"){f("The highlightedDates property is only supported with the date, date-time, and time-date presentations.",e)}if(a){f('The highlightedDates property is not supported with preferWheel="true".',e)}}var o=this.parsedHourValues=q(this.hourValues);var s=this.parsedMinuteValues=q(this.minuteValues);var d=this.parsedMonthValues=q(this.monthValues);var l=this.parsedYearValues=q(this.yearValues);var c=this.parsedDayValues=q(this.dayValues);var h=this.todayParts=Y(H());this.processMinParts();this.processMaxParts();this.defaultParts=N({refParts:h,monthValues:d,dayValues:c,yearValues:l,hourValues:o,minuteValues:s,minParts:this.minParts,maxParts:this.maxParts});this.processValue(this.value);this.emitStyle()};t.prototype.emitStyle=function(){this.ionStyle.emit({interactive:true,datetime:true,"interactive-disabled":this.disabled})};t.prototype.renderFooter=function(){var t;var e=this;var i=this,n=i.disabled,r=i.readonly,o=i.showDefaultButtons,s=i.showClearButton;var d=n||r;var l=this.el.querySelector('[slot="buttons"]')!==null;if(!l&&!o&&!s){return}var c=function(){e.reset();e.setValue(undefined)};return a("div",{class:"datetime-footer"},a("div",{class:"datetime-buttons"},a("div",{class:(t={},t["datetime-action-buttons"]=true,t["has-clear-button"]=this.showClearButton,t)},a("slot",{name:"buttons"},a("ion-buttons",null,o&&a("ion-button",{id:"cancel-button",color:this.color,onClick:function(){return e.cancel(true)},disabled:d},this.cancelText),a("div",{class:"datetime-action-buttons-container"},s&&a("ion-button",{id:"clear-button",color:this.color,onClick:function(){return c()},disabled:d},this.clearText),o&&a("ion-button",{id:"confirm-button",color:this.color,onClick:function(){return e.confirm(true)},disabled:d},this.doneText)))))))};t.prototype.renderWheelPicker=function(t){if(t===void 0){t=this.presentation}var e=t==="time-date"?[this.renderTimePickerColumns(t),this.renderDatePickerColumns(t)]:[this.renderDatePickerColumns(t),this.renderTimePickerColumns(t)];return a("ion-picker-internal",null,e)};t.prototype.renderDatePickerColumns=function(t){return t==="date-time"||t==="time-date"?this.renderCombinedDatePickerColumn():this.renderIndividualDatePickerColumns(t)};t.prototype.renderCombinedDatePickerColumn=function(){var t=this;var e=this,i=e.defaultParts,n=e.disabled,r=e.workingParts,o=e.locale,s=e.minParts,d=e.maxParts,l=e.todayParts,c=e.isDateEnabled;var h=this.getActivePartsWithFallback();var p=rt(r);var f=p[p.length-1];p[0].day=1;f.day=U(f.month,f.year);var m=s!==undefined&&C(s,p[0])?s:p[0];var b=d!==undefined&&z(d,f)?d:f;var g=X(o,l,m,b,this.parsedDayValues,this.parsedMonthValues);var v=g.items;var x=g.parts;if(c){v=v.map((function(t,e){var i=x[e];var n;try{n=!c(G(i))}catch(t){u("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",t)}return Object.assign(Object.assign({},t),{disabled:n})}))}var y=r.day!==null?"".concat(r.year,"-").concat(r.month,"-").concat(r.day):"".concat(i.year,"-").concat(i.month,"-").concat(i.day);return a("ion-picker-column-internal",{class:"date-column",color:this.color,disabled:n,items:v,value:y,onIonChange:function(e){if(t.destroyCalendarListener){t.destroyCalendarListener()}var i=e.detail.value;var n=x.find((function(t){var e=t.month,n=t.day,r=t.year;return i==="".concat(r,"-").concat(e,"-").concat(n)}));t.setWorkingParts(Object.assign(Object.assign({},r),n));t.setActiveParts(Object.assign(Object.assign({},h),n));t.initializeCalendarListener();e.stopPropagation()}})};t.prototype.renderIndividualDatePickerColumns=function(t){var e=this,i=e.workingParts,n=e.isDateEnabled;var r=t!=="year"&&t!=="time";var a=r?J(this.locale,i,this.minParts,this.maxParts,this.parsedMonthValues):[];var o=t==="date";var s=o?K(this.locale,i,this.minParts,this.maxParts,this.parsedDayValues):[];if(n){s=s.map((function(t){var e=t.value;var r=typeof e==="string"?parseInt(e):e;var a={month:i.month,day:r,year:i.year};var o;try{o=!n(G(a))}catch(t){u("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",t)}return Object.assign(Object.assign({},t),{disabled:o})}))}var d=t!=="month"&&t!=="time";var l=d?Q(this.locale,this.defaultParts,this.minParts,this.maxParts,this.parsedYearValues):[];var c=Z(this.locale,{month:"numeric",day:"numeric"});var h=[];if(c){h=[this.renderMonthPickerColumn(a),this.renderDayPickerColumn(s),this.renderYearPickerColumn(l)]}else{h=[this.renderDayPickerColumn(s),this.renderMonthPickerColumn(a),this.renderYearPickerColumn(l)]}return h};t.prototype.renderDayPickerColumn=function(t){var e=this;var i;if(t.length===0){return[]}var n=this,r=n.disabled,o=n.workingParts;var s=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{class:"day-column",color:this.color,disabled:r,items:t,value:(i=o.day!==null?o.day:this.defaultParts.day)!==null&&i!==void 0?i:undefined,onIonChange:function(t){if(e.destroyCalendarListener){e.destroyCalendarListener()}e.setWorkingParts(Object.assign(Object.assign({},o),{day:t.detail.value}));e.setActiveParts(Object.assign(Object.assign({},s),{day:t.detail.value}));e.initializeCalendarListener();t.stopPropagation()}})};t.prototype.renderMonthPickerColumn=function(t){var e=this;if(t.length===0){return[]}var i=this,n=i.disabled,r=i.workingParts;var o=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{class:"month-column",color:this.color,disabled:n,items:t,value:r.month,onIonChange:function(t){if(e.destroyCalendarListener){e.destroyCalendarListener()}e.setWorkingParts(Object.assign(Object.assign({},r),{month:t.detail.value}));e.setActiveParts(Object.assign(Object.assign({},o),{month:t.detail.value}));e.initializeCalendarListener();t.stopPropagation()}})};t.prototype.renderYearPickerColumn=function(t){var e=this;if(t.length===0){return[]}var i=this,n=i.disabled,r=i.workingParts;var o=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{class:"year-column",color:this.color,disabled:n,items:t,value:r.year,onIonChange:function(t){if(e.destroyCalendarListener){e.destroyCalendarListener()}e.setWorkingParts(Object.assign(Object.assign({},r),{year:t.detail.value}));e.setActiveParts(Object.assign(Object.assign({},o),{year:t.detail.value}));e.initializeCalendarListener();t.stopPropagation()}})};t.prototype.renderTimePickerColumns=function(t){if(["date","month","month-year","year"].includes(t)){return[]}var e=this.getActivePart();var i=e!==undefined;var n=$(this.locale,this.workingParts,this.hourCycle,i?this.minParts:undefined,i?this.maxParts:undefined,this.parsedHourValues,this.parsedMinuteValues),r=n.hoursData,a=n.minutesData,o=n.dayPeriodData;return[this.renderHourPickerColumn(r),this.renderMinutePickerColumn(a),this.renderDayPeriodPickerColumn(o)]};t.prototype.renderHourPickerColumn=function(t){var e=this;var i=this,n=i.disabled,r=i.workingParts;if(t.length===0)return[];var o=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{color:this.color,disabled:n,value:o.hour,items:t,numericInput:true,onIonChange:function(t){e.setWorkingParts(Object.assign(Object.assign({},r),{hour:t.detail.value}));e.setActiveParts(Object.assign(Object.assign({},o),{hour:t.detail.value}));t.stopPropagation()}})};t.prototype.renderMinutePickerColumn=function(t){var e=this;var i=this,n=i.disabled,r=i.workingParts;if(t.length===0)return[];var o=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{color:this.color,disabled:n,value:o.minute,items:t,numericInput:true,onIonChange:function(t){e.setWorkingParts(Object.assign(Object.assign({},r),{minute:t.detail.value}));e.setActiveParts(Object.assign(Object.assign({},o),{minute:t.detail.value}));t.stopPropagation()}})};t.prototype.renderDayPeriodPickerColumn=function(t){var e=this;var i=this,n=i.disabled,r=i.workingParts;if(t.length===0){return[]}var o=this.getActivePartsWithFallback();var s=tt(this.locale);return a("ion-picker-column-internal",{style:s?{order:"-1"}:{},color:this.color,disabled:n,value:o.ampm,items:t,onIonChange:function(t){var i=ut(r,t.detail.value);e.setWorkingParts(Object.assign(Object.assign({},r),{ampm:t.detail.value,hour:i}));e.setActiveParts(Object.assign(Object.assign({},o),{ampm:t.detail.value,hour:i}));t.stopPropagation()}})};t.prototype.renderWheelView=function(t){var e;var i=this.locale;var n=Z(i);var r=n?"month-first":"year-first";return a("div",{class:(e={},e["wheel-order-".concat(r)]=true,e)},this.renderWheelPicker(t))};t.prototype.renderCalendarHeader=function(t){var e=this;var i=this.disabled;var n=t==="ios"?y:k;var r=t==="ios"?x:w;var o=i||Vt(this.workingParts,this.minParts,this.maxParts);var s=i||Tt(this.workingParts,this.maxParts);var d=this.el.getAttribute("dir")||undefined;return a("div",{class:"calendar-header"},a("div",{class:"calendar-action-buttons"},a("div",{class:"calendar-month-year"},a("ion-item",{part:"month-year-button",ref:function(t){return e.monthYearToggleItemRef=t},button:true,"aria-label":"Show year picker",detail:false,lines:"none",disabled:i,onClick:function(){var t;e.toggleMonthAndYearView();var i=e.monthYearToggleItemRef;if(i){var n=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".item-native");if(n){var r=e.showMonthAndYear?"Hide year picker":"Show year picker";n.setAttribute("aria-label",r)}}}},a("ion-label",null,it(this.locale,this.workingParts),a("ion-icon",{"aria-hidden":"true",icon:this.showMonthAndYear?n:r,lazy:false,flipRtl:true})))),a("div",{class:"calendar-next-prev"},a("ion-buttons",null,a("ion-button",{"aria-label":"Previous month",disabled:o,onClick:function(){return e.prevMonth()}},a("ion-icon",{dir:d,"aria-hidden":"true",slot:"icon-only",icon:v,lazy:false,flipRtl:true})),a("ion-button",{"aria-label":"Next month",disabled:s,onClick:function(){return e.nextMonth()}},a("ion-icon",{dir:d,"aria-hidden":"true",slot:"icon-only",icon:x,lazy:false,flipRtl:true}))))),a("div",{class:"calendar-days-of-week","aria-hidden":"true"},et(this.locale,t,this.firstDayOfWeek%7).map((function(t){return a("div",{class:"day-of-week"},t)}))))};t.prototype.renderMonth=function(t,e){var i=this;var n=this,r=n.disabled,o=n.readonly;var s=this.parsedYearValues===undefined||this.parsedYearValues.includes(e);var d=this.parsedMonthValues===undefined||this.parsedMonthValues.includes(t);var l=!s||!d;var c=r||o;var h=r||It({month:t,year:e,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})});var p=this.workingParts.month===t&&this.workingParts.year===e;var f=this.getActivePartsWithFallback();return a("div",{"aria-hidden":!p?"true":null,class:{"calendar-month":true,"calendar-month-disabled":!p&&h}},a("div",{class:"calendar-month-grid"},nt(t,e,this.firstDayOfWeek%7).map((function(n,r){var o=n.day,s=n.dayOfWeek;var d=i,h=d.el,p=d.highlightedDates,m=d.isDateEnabled,b=d.multiple;var g={month:t,day:o,year:e};var v=o===null;var x=Dt(i.locale,g,i.activeParts,i.todayParts,i.minParts,i.maxParts,i.parsedDayValues),y=x.isActive,k=x.isToday,w=x.ariaLabel,j=x.ariaSelected,O=x.disabled,_=x.text;var z=G(g);var C=l||O;if(!C&&m!==undefined){try{C=!m(z)}catch(t){u("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",h,t)}}var P=C&&c;var A=C||c;var M=undefined;if(p!==undefined&&!y&&o!==null){M=Et(p,z,h)}var D=undefined;if(!v){D="calendar-day".concat(y?" active":"").concat(k?" today":"").concat(C?" disabled":"")}return a("div",{class:"calendar-day-wrapper"},a("button",{ref:function(t){if(t){t.style.setProperty("color","".concat(M?M.textColor:""),"important");t.style.setProperty("background-color","".concat(M?M.backgroundColor:""),"important")}},tabindex:"-1","data-day":o,"data-month":t,"data-year":e,"data-index":r,"data-day-of-week":s,disabled:A,class:{"calendar-day-padding":v,"calendar-day":true,"calendar-day-active":y,"calendar-day-constrained":P,"calendar-day-today":k},part:D,"aria-hidden":v?"true":null,"aria-selected":j,"aria-label":w,onClick:function(){if(v){return}i.setWorkingParts(Object.assign(Object.assign({},i.workingParts),{month:t,day:o,year:e}));if(b){i.setActiveParts({month:t,day:o,year:e},y)}else{i.setActiveParts(Object.assign(Object.assign({},f),{month:t,day:o,year:e}))}}},_))}))))};t.prototype.renderCalendarBody=function(){var t=this;return a("div",{class:"calendar-body ion-focusable",ref:function(e){return t.calendarBodyRef=e},tabindex:"0"},rt(this.workingParts,this.forceRenderDate).map((function(e){var i=e.month,n=e.year;return t.renderMonth(i,n)})))};t.prototype.renderCalendar=function(t){return a("div",{class:"datetime-calendar",key:"datetime-calendar"},this.renderCalendarHeader(t),this.renderCalendarBody())};t.prototype.renderTimeLabel=function(){var t=this.el.querySelector('[slot="time-label"]')!==null;if(!t&&!this.showDefaultTimeLabel){return}return a("slot",{name:"time-label"},"Time")};t.prototype.renderTimeOverlay=function(){var t=this;var e=this,i=e.disabled,n=e.hourCycle,r=e.isTimePopoverOpen,o=e.locale;var s=at(o,n);var d=this.getActivePartsWithFallback();return[a("div",{class:"time-header"},this.renderTimeLabel()),a("button",{class:{"time-body":true,"time-body-active":r},part:"time-button".concat(r?" active":""),"aria-expanded":"false","aria-haspopup":"true",disabled:i,onClick:function(e){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=this.popoverRef;if(!t)return[3,2];this.isTimePopoverOpen=true;t.present(new CustomEvent("ionShadowTarget",{detail:{ionShadowTarget:e.target}}));return[4,t.onWillDismiss()];case 1:i.sent();this.isTimePopoverOpen=false;i.label=2;case 2:return[2]}}))}))}},ot(o,d,s)),a("ion-popover",{alignment:"center",translucent:true,overlayIndex:1,arrow:false,onWillPresent:function(t){var e=t.target.querySelectorAll("ion-picker-column-internal");e.forEach((function(t){return t.scrollActiveItemIntoView()}))},style:{"--offset-y":"-10px","--min-width":"fit-content"},keyboardEvents:true,ref:function(e){return t.popoverRef=e}},this.renderWheelPicker("time"))]};t.prototype.getHeaderSelectedDateText=function(){var t=this,e=t.activeParts,i=t.multiple,n=t.titleSelectedDatesFormatter;var r=Array.isArray(e);var a;if(i&&r&&e.length!==1){a="".concat(e.length," days");if(n!==undefined){try{a=n(G(e))}catch(t){u("Exception in provided `titleSelectedDatesFormatter`: ",t)}}}else{a=st(this.locale,this.getActivePartsWithFallback())}return a};t.prototype.renderHeader=function(t){if(t===void 0){t=true}var e=this.el.querySelector('[slot="title"]')!==null;if(!e&&!this.showDefaultTitle){return}return a("div",{class:"datetime-header"},a("div",{class:"datetime-title"},a("slot",{name:"title"},"Select Date")),t&&a("div",{class:"datetime-selected-date"},this.getHeaderSelectedDateText()))};t.prototype.renderTime=function(){var t=this.presentation;var e=t==="time";return a("div",{class:"datetime-time"},e?this.renderWheelPicker():this.renderTimeOverlay())};t.prototype.renderCalendarViewMonthYearPicker=function(){return a("div",{class:"datetime-year"},this.renderWheelView("month-year"))};t.prototype.renderDatetime=function(t){var e=this,i=e.presentation,n=e.preferWheel;var r=i==="date"||i==="date-time"||i==="time-date";if(n&&r){return[this.renderHeader(false),this.renderWheelView(),this.renderFooter()]}switch(i){case"date-time":return[this.renderHeader(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderTime(),this.renderFooter()];case"time-date":return[this.renderHeader(),this.renderTime(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderFooter()];case"time":return[this.renderHeader(false),this.renderTime(),this.renderFooter()];case"month":case"month-year":case"year":return[this.renderHeader(false),this.renderWheelView(),this.renderFooter()];default:return[this.renderHeader(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderFooter()]}};t.prototype.render=function(){var t;var e=this,i=e.name,n=e.value,r=e.disabled,s=e.el,d=e.color,l=e.readonly,h=e.showMonthAndYear,p=e.preferWheel,u=e.presentation,f=e.size,m=e.isGridStyle;var g=j(this);var v=u==="year"||u==="month"||u==="month-year";var x=h||v;var y=h&&!v;var k=u==="date"||u==="date-time"||u==="time-date";var w=k&&p;c(true,s,i,dt(n),r);return a(o,{"aria-disabled":r?"true":null,onFocus:this.onFocus,onBlur:this.onBlur,class:Object.assign({},b(d,(t={},t[g]=true,t["datetime-readonly"]=l,t["datetime-disabled"]=r,t["show-month-and-year"]=x,t["month-year-picker-open"]=y,t["datetime-presentation-".concat(u)]=true,t["datetime-size-".concat(f)]=true,t["datetime-prefer-wheel"]=w,t["datetime-grid"]=m,t)))},this.renderDatetime(g))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"],min:["minChanged"],max:["maxChanged"],yearValues:["yearValuesChanged"],monthValues:["monthValuesChanged"],dayValues:["dayValuesChanged"],hourValues:["hourValuesChanged"],minuteValues:["minuteValuesChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());var Rt=0;Wt.style={ios:St,md:Ft};var Bt=function(t){var e=_t();var i=_t();var n=_t();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);n.addElement(t.querySelector(".picker-wrapper")).fromTo("transform","translateY(100%)","translateY(0%)");return e.addElement(t).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([i,n])};var Yt=function(t){var e=_t();var i=_t();var n=_t();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",.01);n.addElement(t.querySelector(".picker-wrapper")).fromTo("transform","translateY(0%)","translateY(100%)");return e.addElement(t).easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation([i,n])};var Lt=".sc-ion-picker-ios-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}@supports (inset-inline-start: 0){.sc-ion-picker-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){.sc-ion-picker-ios-h{left:0}[dir=rtl].sc-ion-picker-ios-h,[dir=rtl] .sc-ion-picker-ios-h{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.sc-ion-picker-ios-h:dir(rtl){left:unset;right:unset;right:0}}}.overlay-hidden.sc-ion-picker-ios-h{display:none}.picker-wrapper.sc-ion-picker-ios{border-radius:var(--border-radius);left:0;right:0;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}.picker-toolbar.sc-ion-picker-ios{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-ios{border:0;font-family:inherit}.picker-button.sc-ion-picker-ios:active,.picker-button.sc-ion-picker-ios:focus{outline:none}.picker-columns.sc-ion-picker-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;overflow:hidden}.picker-above-highlight.sc-ion-picker-ios,.picker-below-highlight.sc-ion-picker-ios{display:none;pointer-events:none}.sc-ion-picker-ios-h{--background:var(--ion-background-color, #fff);--border-width:1px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-ios{display:-ms-flexbox;display:flex;height:44px;border-bottom:0.55px solid var(--border-color)}.picker-toolbar-button.sc-ion-picker-ios{-ms-flex:1;flex:1;text-align:end}.picker-toolbar-button.sc-ion-picker-ios:last-child .picker-button.sc-ion-picker-ios{font-weight:600}.picker-toolbar-button.sc-ion-picker-ios:first-child{font-weight:normal;text-align:start}.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:16px}.picker-columns.sc-ion-picker-ios{height:215px;-webkit-perspective:1000px;perspective:1000px}.picker-above-highlight.sc-ion-picker-ios{top:0;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);display:block;position:absolute;width:100%;height:81px;border-bottom:1px solid var(--border-color);background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to bottom, var(--background, var(--ion-background-color, #fff)) 20%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:10}@supports (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-ios{left:0}[dir=rtl].sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-ios .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-above-highlight.sc-ion-picker-ios:dir(rtl){left:unset;right:unset;right:0}}}.picker-below-highlight.sc-ion-picker-ios{top:115px;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);display:block;position:absolute;width:100%;height:119px;border-top:1px solid var(--border-color);background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to top, var(--background, var(--ion-background-color, #fff)) 30%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:11}@supports (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-ios{left:0}[dir=rtl].sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-ios .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-below-highlight.sc-ion-picker-ios:dir(rtl){left:unset;right:unset;right:0}}}";var qt=".sc-ion-picker-md-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}@supports (inset-inline-start: 0){.sc-ion-picker-md-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){.sc-ion-picker-md-h{left:0}[dir=rtl].sc-ion-picker-md-h,[dir=rtl] .sc-ion-picker-md-h{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.sc-ion-picker-md-h:dir(rtl){left:unset;right:unset;right:0}}}.overlay-hidden.sc-ion-picker-md-h{display:none}.picker-wrapper.sc-ion-picker-md{border-radius:var(--border-radius);left:0;right:0;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}.picker-toolbar.sc-ion-picker-md{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-md{border:0;font-family:inherit}.picker-button.sc-ion-picker-md:active,.picker-button.sc-ion-picker-md:focus{outline:none}.picker-columns.sc-ion-picker-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;overflow:hidden}.picker-above-highlight.sc-ion-picker-md,.picker-below-highlight.sc-ion-picker-md{display:none;pointer-events:none}.sc-ion-picker-md-h{--background:var(--ion-background-color, #fff);--border-width:0.55px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-md{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;height:44px}.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:1.1em;padding-inline-start:1.1em;-webkit-padding-end:1.1em;padding-inline-end:1.1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:14px;font-weight:500;text-transform:uppercase;-webkit-box-shadow:none;box-shadow:none}.picker-columns.sc-ion-picker-md{height:216px;-webkit-perspective:1800px;perspective:1800px}.picker-above-highlight.sc-ion-picker-md{top:0;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);position:absolute;width:100%;height:81px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to bottom, var(--ion-background-color, #fff) 20%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:10}@supports (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-above-highlight.sc-ion-picker-md{left:0}[dir=rtl].sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-md .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-above-highlight.sc-ion-picker-md:dir(rtl){left:unset;right:unset;right:0}}}.picker-below-highlight.sc-ion-picker-md{top:115px;-webkit-transform:translate3d(0, 0, 90px);transform:translate3d(0, 0, 90px);position:absolute;width:100%;height:119px;border-top:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to top, var(--ion-background-color, #fff) 30%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:11}@supports (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-below-highlight.sc-ion-picker-md{left:0}[dir=rtl].sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-picker-md .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-below-highlight.sc-ion-picker-md:dir(rtl){left:unset;right:unset;right:0}}}";var Gt=t("ion_picker",function(){function t(t){var e=this;i(this,t);this.didPresent=n(this,"ionPickerDidPresent",7);this.willPresent=n(this,"ionPickerWillPresent",7);this.willDismiss=n(this,"ionPickerWillDismiss",7);this.didDismiss=n(this,"ionPickerDidDismiss",7);this.didPresentShorthand=n(this,"didPresent",7);this.willPresentShorthand=n(this,"willPresent",7);this.willDismissShorthand=n(this,"willDismiss",7);this.didDismissShorthand=n(this,"didDismiss",7);this.delegateController=mt(this);this.lockController=ft();this.triggerController=bt();this.onBackdropTap=function(){e.dismiss(undefined,gt)};this.dispatchCancelHandler=function(t){var i=t.detail.role;if(vt(i)){var n=e.buttons.find((function(t){return t.role==="cancel"}));e.callButtonHandler(n)}};this.presented=false;this.overlayIndex=undefined;this.delegate=undefined;this.hasController=false;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.buttons=[];this.columns=[];this.cssClass=undefined;this.duration=0;this.showBackdrop=true;this.backdropDismiss=true;this.animated=true;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined}t.prototype.onIsOpenChange=function(t,e){if(t===true&&e===false){this.present()}else if(t===false&&e===true){this.dismiss()}};t.prototype.triggerChanged=function(){var t=this,e=t.trigger,i=t.el,n=t.triggerController;if(e){n.addClickListener(i,e)}};t.prototype.connectedCallback=function(){xt(this.el);this.triggerChanged()};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener()};t.prototype.componentWillLoad=function(){yt(this.el)};t.prototype.componentDidLoad=function(){var t=this;if(this.isOpen===true){l((function(){return t.present()}))}this.triggerChanged()};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:t=i.sent();return[4,this.delegateController.attachViewToDom()];case 2:i.sent();return[4,kt(this,"pickerEnter",Bt,Bt,undefined)];case 3:i.sent();if(this.duration>0){this.durationTimeout=setTimeout((function(){return e.dismiss()}),this.duration)}t();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var i,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.lockController.lock()];case 1:i=r.sent();if(this.durationTimeout){clearTimeout(this.durationTimeout)}return[4,wt(this,t,e,"pickerLeave",Yt,Yt)];case 2:n=r.sent();if(n){this.delegateController.removeViewFromDom()}i();return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return jt(this.el,"ionPickerDidDismiss")};t.prototype.onWillDismiss=function(){return jt(this.el,"ionPickerWillDismiss")};t.prototype.getColumn=function(t){return Promise.resolve(this.columns.find((function(e){return e.name===t})))};t.prototype.buttonClick=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:e=t.role;if(vt(e)){return[2,this.dismiss(undefined,e)]}return[4,this.callButtonHandler(t)];case 1:i=n.sent();if(i){return[2,this.dismiss(this.getSelected(),t.role)]}return[2,Promise.resolve()]}}))}))};t.prototype.callButtonHandler=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!t)return[3,2];return[4,Ot(t.handler,this.getSelected())];case 1:e=i.sent();if(e===false){return[2,false]}i.label=2;case 2:return[2,true]}}))}))};t.prototype.getSelected=function(){var t={};this.columns.forEach((function(e,i){var n=e.selectedIndex!==undefined?e.options[e.selectedIndex]:undefined;t[e.name]={text:n?n.text:undefined,value:n?n.value:undefined,columnIndex:i}}));return t};t.prototype.render=function(){var t;var e=this;var i=this.htmlAttributes;var n=j(this);return a(o,Object.assign({"aria-modal":"true",tabindex:"-1"},i,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign((t={},t[n]=true,t["picker-".concat(n)]=true,t["overlay-hidden"]=true,t),g(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonPickerWillDismiss:this.dispatchCancelHandler}),a("ion-backdrop",{visible:this.showBackdrop,tappable:this.backdropDismiss}),a("div",{tabindex:"0"}),a("div",{class:"picker-wrapper ion-overlay-wrapper",role:"dialog"},a("div",{class:"picker-toolbar"},this.buttons.map((function(t){return a("div",{class:Ht(t)},a("button",{type:"button",onClick:function(){return e.buttonClick(t)},class:Nt(t)},t.text))}))),a("div",{class:"picker-columns"},a("div",{class:"picker-above-highlight"}),this.presented&&this.columns.map((function(t){return a("ion-picker-column",{col:t})})),a("div",{class:"picker-below-highlight"}))),a("div",{tabindex:"0"}))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}());var Ht=function(t){var e;return e={},e["picker-toolbar-".concat(t.role)]=t.role!==undefined,e["picker-toolbar-button"]=true,e};var Nt=function(t){return Object.assign({"picker-button":true,"ion-activatable":true},g(t.cssClass))};Gt.style={ios:Lt,md:qt};var Ut=".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{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}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){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{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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}:host-context([dir=rtl]) .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}[dir=rtl] .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}}";var Xt=".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{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}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){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{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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 Jt=t("ion_picker_column",function(){function t(t){i(this,t);this.ionPickerColChange=n(this,"ionPickerColChange",7);this.optHeight=0;this.rotateFactor=0;this.scaleFactor=1;this.velocity=0;this.y=0;this.noAnimate=true;this.colDidChange=false;this.col=undefined}t.prototype.colChanged=function(){this.colDidChange=true};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n,r;var a=this;return __generator(this,(function(o){switch(o.label){case 0:t=0;i=.81;n=j(this);if(n==="ios"){t=-.46;i=1}this.rotateFactor=t;this.scaleFactor=i;r=this;return[4,e.import("./p-31b2326e.system.js")];case 1:r.gesture=o.sent().createGesture({el:this.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:false,onStart:function(t){return a.onStart(t)},onMove:function(t){return a.onMove(t)},onEnd:function(t){return a.onEnd(t)}});this.gesture.enable();this.tmrId=setTimeout((function(){a.noAnimate=false;a.refresh(true)}),250);return[2]}}))}))};t.prototype.componentDidLoad=function(){this.onDomChange()};t.prototype.componentDidUpdate=function(){if(this.colDidChange){this.onDomChange(true,false);this.colDidChange=false}};t.prototype.disconnectedCallback=function(){if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);if(this.tmrId)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;if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);this.update(i,e,true);this.emitColChange()};t.prototype.update=function(t,e,i){if(!this.optsEl){return}var n=0;var r=0;var a=this,o=a.col,s=a.rotateFactor;var d=o.selectedIndex;var l=o.selectedIndex=this.indexForY(-t);var c=e===0?"":e+"ms";var h="scale(".concat(this.scaleFactor,")");var p=this.optsEl.children;for(var u=0;u<p.length;u++){var f=p[u];var m=o.options[u];var b=u*this.optHeight+t;var g="";if(s!==0){var v=b*s;if(Math.abs(v)<=90){n=0;r=90;g="rotateX(".concat(v,"deg) ")}else{n=-9999}}else{r=0;n=b}var x=l===u;g+="translate3d(0px,".concat(n,"px,").concat(r,"px) ");if(this.scaleFactor!==1&&!x){g+=h}if(this.noAnimate){m.duration=0;f.style.transitionDuration=""}else if(e!==m.duration){m.duration=e;f.style.transitionDuration=c}if(g!==m.transform){m.transform=g}f.style.transform=g;m.selected=x;if(x){f.classList.add(Kt)}else{f.classList.remove(Kt)}}this.col.prevSelected=d;if(i){this.y=t}if(this.lastIndex!==l){zt();this.lastIndex=l}};t.prototype.decelerate=function(){var t=this;if(this.velocity!==0){this.velocity*=Qt;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();Ct()}}else if(this.y%this.optHeight!==0){var n=Math.abs(this.y%this.optHeight);this.velocity=n>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){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();Pt();if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);var e=this.col.options;var i=e.length-1;var n=0;for(var r=0;r<e.length;r++){if(!e[r].disabled){i=Math.min(i,r);n=Math.max(n,r)}}this.minY=-(i*this.optHeight);this.maxY=-(n*this.optHeight)};t.prototype.onMove=function(t){if(t.event.cancelable){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(-Zt,t.velocityY*23,Zt);if(this.velocity===0&&t.deltaY===0){var e=t.event.target.closest(".picker-opt");if(e===null||e===void 0?void 0:e.hasAttribute("opt-index")){this.setSelected(parseInt(e.getAttribute("opt-index"),10),$t)}}else{this.y+=t.deltaY;if(Math.abs(t.velocityY)<.05){var i=t.deltaY>0;var n=Math.abs(this.y)%this.optHeight/this.optHeight;if(i&&n>.5){this.velocity=Math.abs(this.velocity)*-1}else if(!i&&n<=.5){this.velocity=Math.abs(this.velocity)}}this.decelerate()}};t.prototype.refresh=function(t,e){var i;var n=this.col.options.length-1;var r=0;var a=this.col.options;for(var o=0;o<a.length;o++){if(!a[o].disabled){n=Math.min(n,o);r=Math.max(r,o)}}if(this.velocity!==0){return}var s=p(n,(i=this.col.selectedIndex)!==null&&i!==void 0?i:0,r);if(this.col.prevSelected!==s||t){var d=s*this.optHeight*-1;var l=e?$t:0;this.velocity=0;this.update(d,l,true)}};t.prototype.onDomChange=function(t,e){var i=this.optsEl;if(i){this.optHeight=i.firstElementChild?i.firstElementChild.clientHeight:0}this.refresh(t,e)};t.prototype.render=function(){var t;var e=this;var i=this.col;var n=j(this);return a(o,{class:Object.assign((t={},t[n]=true,t["picker-col"]=true,t["picker-opts-left"]=this.col.align==="left",t["picker-opts-right"]=this.col.align==="right",t),g(i.cssClass)),style:{"max-width":this.col.columnWidth}},i.prefix&&a("div",{class:"picker-prefix",style:{width:i.prefixWidth}},i.prefix),a("div",{class:"picker-opts",style:{maxWidth:i.optionsWidth},ref:function(t){return e.optsEl=t}},i.options.map((function(t,e){return a("button",{"aria-label":t.ariaLabel,class:{"picker-opt":true,"picker-opt-disabled":!!t.disabled},"opt-index":e},t.text)}))),i.suffix&&a("div",{class:"picker-suffix",style:{width:i.suffixWidth}},i.suffix))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{col:["colChanged"]}},enumerable:false,configurable:true});return t}());var Kt="picker-opt-selected";var Qt=.97;var Zt=90;var $t=150;Jt.style={ios:Ut,md:Xt}}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,d as o,h as e,H as r,f as i}from"./p-d6129c6e.js";import{C as s,a as n,d as a}from"./p-4180a747.js";import{r as p,g as d,a as c,m as h}from"./p-23a9d086.js";import{c as l}from"./p-ccd02320.js";import{p as v}from"./p-06fee233.js";import{B as f,j as g,k as m,f as x,o as w,g as u,h as b}from"./p-90000ff6.js";import{b as k,a as y}from"./p-fd41bd8a.js";import{g as P}from"./p-47794def.js";import{e as D,w as T}from"./p-677cb2f7.js";import{c as I}from"./p-29d03b3a.js";import"./p-7b30edcc.js";import"./p-4b3623da.js";const $=(t,o,e)=>{const r=o.getBoundingClientRect(),i=r.height;let s=r.width;return"cover"===t&&e&&(s=e.getBoundingClientRect().width),{contentWidth:s,contentHeight:i}},j=(t,o)=>o&&"ION-ITEM"===o.tagName?t.findIndex((t=>t===o)):-1,A=t=>{const o=d(t).querySelector("button");o&&p((()=>o.focus()))},L=(t,o,e,r,i,s,n,a,p,d,c)=>{var h;let l={top:0,left:0,width:0,height:0};if("event"===s){if(!c)return p;l={top:c.clientY,left:c.clientX,width:1,height:1}}else{const t=d||(null===(h=null==c?void 0:c.detail)||void 0===h?void 0:h.ionShadowTarget)||(null==c?void 0:c.target);if(!t)return p;const o=t.getBoundingClientRect();l={top:o.top,left:o.left,width:o.width,height:o.height}}const v=X(n,l,o,e,r,i,t),f=Y(a,n,l,o,e),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:w}=C(n,r,i,g,m,o,e,t),{originX:u,originY:b}=N(n,a,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:w,originX:u,originY:b}},N=(t,o,e)=>{switch(t){case"top":return{originX:W(o),originY:"bottom"};case"bottom":return{originX:W(o),originY:"top"};case"left":return{originX:"right",originY:O(o)};case"right":return{originX:"left",originY:O(o)};case"start":return{originX:e?"left":"right",originY:O(o)};case"end":return{originX:e?"right":"left",originY:O(o)}}},W=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},O=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},C=(t,o,e,r,i,s,n,a)=>{const p={arrowTop:r+n/2-o/2,arrowLeft:i+s-o/2},d={arrowTop:r+n/2-o/2,arrowLeft:i-1.5*o};switch(t){case"top":return{arrowTop:r+n,arrowLeft:i+s/2-o/2};case"bottom":return{arrowTop:r-e,arrowLeft:i+s/2-o/2};case"left":return p;case"right":return d;case"start":return a?d:p;case"end":return a?p:d;default:return{arrowTop:0,arrowLeft:0}}},X=(t,o,e,r,i,s,n)=>{const a={top:o.top,left:o.left-e-i},p={top:o.top,left:o.left+o.width+i};switch(t){case"top":return{top:o.top-r-s,left:o.left};case"right":return p;case"bottom":return{top:o.top+o.height+s,left:o.left};case"left":return a;case"start":return n?p:a;case"end":return n?a:p}},Y=(t,o,e,r,i)=>{switch(t){case"center":return E(o,e,r,i);case"end":return z(o,e,r,i);default:return{top:0,left:0}}},z=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-o.height),left:0};default:return{top:0,left:-(e-o.width)}}},E=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-o.height/2),left:0};default:return{top:0,left:-(e/2-o.width/2)}}},H=(t,o,e,r,i,s,n,a,p,d,c,h,l=0,v=0,f=0)=>{let g=l;const m=v;let x,w=e,u=o,b=d,k=c,y=!1,P=!1;const D=h?h.top+h.height:s/2-a/2,T=h?h.height:0;let I=!1;return w<r+p?(w=r,y=!0,b="left"):n+r+w+p>i&&(P=!0,w=i-n-r,b="right"),D+T+a>s&&("top"===t||"bottom"===t)&&(D-a>0?(u=Math.max(12,D-a-T-(f-1)),g=u+a,k="bottom",I=!0):x=r),{top:u,left:w,bottom:x,originX:b,originY:k,checkSafeAreaLeft:y,checkSafeAreaRight:P,arrowTop:g,arrowLeft:m,addPopoverBottomClass:I}},M=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=f.querySelector(".popover-arrow"),x=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:w,contentHeight:u}=$(i,g,x),{arrowWidth:b,arrowHeight:k}=(t=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:e}=t.getBoundingClientRect();return{arrowWidth:o,arrowHeight:e}})(m),y=L(h,w,u,b,k,n,a,p,{top:v/2-u/2,left:l/2-w/2,originX:h?"right":"left",originY:"top"},s,r),P="cover"===i?0:5,D="cover"===i?0:25,{originX:T,originY:j,top:A,left:N,bottom:W,checkSafeAreaLeft:O,checkSafeAreaRight:C,arrowTop:X,arrowLeft:Y,addPopoverBottomClass:z}=H(a,y.top,y.left,P,l,v,w,u,D,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),E=I(),M=I(),S=I();return M.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),S.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1),E.easing("ease").duration(100).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${w}px`),z&&t.classList.add("popover-bottom"),void 0!==W&&g.style.setProperty("bottom",`${W}px`);let o=`${N}px`;if(O&&(o=`${N}px + var(--ion-safe-area-left, 0)`),C&&(o=`${N}px - var(--ion-safe-area-right, 0)`),g.style.setProperty("top",`calc(${A}px + var(--offset-y, 0))`),g.style.setProperty("left",`calc(${o} + var(--offset-x, 0))`),g.style.setProperty("transform-origin",`${j} ${T}`),null!==m){const t=((t,o=!1,e,r)=>!(!e&&!r||"top"!==t&&"bottom"!==t&&o))(a,y.top!==A||y.left!==N,r,s);t?(m.style.setProperty("top",`calc(${X}px + var(--offset-y, 0))`),m.style.setProperty("left",`calc(${Y}px + var(--offset-x, 0))`)):m.style.setProperty("display","none")}})).addAnimation([M,S])},S=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=o.querySelector(".popover-arrow"),i=I(),s=I(),n=I();return s.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),n.addElement(o.querySelector(".popover-arrow")).addElement(o.querySelector(".popover-content")).fromTo("opacity",.99,0),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,n])},V=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:x,contentHeight:w}=$(i,g,m),u=L(h,x,w,0,0,n,a,p,{top:v/2-w/2,left:l/2-x/2,originX:h?"right":"left",originY:"top"},s,r),b="cover"===i?0:12,{originX:k,originY:y,top:P,left:D,bottom:T}=H(a,u.top,u.left,b,l,v,x,w,0,u.originX,u.originY,u.referenceCoordinates),j=I(),A=I(),N=I(),W=I(),O=I();return A.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),N.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),W.addElement(g).beforeStyles({top:`calc(${P}px + var(--offset-y, 0px))`,left:`calc(${D}px + var(--offset-x, 0px))`,"transform-origin":`${y} ${k}`}).beforeAddWrite((()=>{void 0!==T&&g.style.setProperty("bottom",`${T}px`)})).fromTo("transform","scale(0.8)","scale(1)"),O.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1),j.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${x}px`),"bottom"===y&&t.classList.add("popover-bottom")})).addAnimation([A,N,W,O])},B=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=I(),i=I(),s=I();return i.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},R=class{constructor(e){t(this,e),this.didPresent=o(this,"ionPopoverDidPresent",7),this.willPresent=o(this,"ionPopoverWillPresent",7),this.willDismiss=o(this,"ionPopoverWillDismiss",7),this.didDismiss=o(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.ionMount=o(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=s(),this.lockController=l(),this.inline=!1,this.focusDescendantOnPresent=!1,this.onBackdropTap=()=>{this.dismiss(void 0,f)},this.onLifecycle=t=>{const o=this.usersElement,e=K[t.type];if(o&&e){const r=new CustomEvent(e,{bubbles:!1,cancelable:!1,detail:t.detail});o.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:o,el:e,destroyTriggerInteraction:r}=this;if(r&&r(),void 0===t)return;const i=this.triggerEl=void 0!==t?document.getElementById(t):null;i?this.destroyTriggerInteraction=((t,o,e)=>{let r=[];switch(o){case"hover":let t;r=[{eventName:"mouseenter",callback:async o=>{o.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{p((()=>{e.presentFromTrigger(o),t=void 0}))}),100)}},{eventName:"mouseleave",callback:o=>{t&&clearTimeout(t);const r=o.relatedTarget;r&&r.closest("ion-popover")!==e&&e.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),e.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>e.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:o,callback:e})=>t.addEventListener(o,e))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:o,callback:e})=>t.removeEventListener(o,e))),t.removeAttribute("data-ion-popover-trigger")}})(i,o,e):v(`A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:o}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const o=async o=>{var e;const r=document.activeElement;let i=[];const s=null===(e=o.target)||void 0===e?void 0:e.tagName;if("ION-POPOVER"===s||"ION-ITEM"===s){try{i=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(t){}switch(o.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":o.preventDefault();const e=((t,o)=>t[j(t,o)+1])(i,r);void 0!==e&&A(e);break;case"ArrowUp":o.preventDefault();const s=((t,o)=>t[j(t,o)-1])(i,r);void 0!==s&&A(s);break;case"Home":o.preventDefault();const n=i[0];void 0!==n&&A(n);break;case"End":o.preventDefault();const a=i[i.length-1];void 0!==a&&A(a);break;case"ArrowRight":case" ":case"Enter":if(r&&r.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");r.dispatchEvent(t)}}}};return t.addEventListener("keydown",o),()=>t.removeEventListener("keydown",o)})(o)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:o,triggerAction:e,triggerEl:r,el:i}=this;o&&r&&(t&&t(),this.destroyDismissInteraction=((t,o,e,r)=>{let i=[];const s=d(r).querySelector(".popover-content");return i="hover"===o?[{eventName:"mouseenter",callback:o=>{document.elementFromPoint(o.clientX,o.clientY)!==t&&e.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:o=>{o.target.closest("[data-ion-popover-trigger]")!==t?e.dismiss(void 0,void 0,!1):o.stopPropagation()}}],i.forEach((({eventName:t,callback:o})=>s.addEventListener(t,o))),()=>{i.forEach((({eventName:t,callback:o})=>s.removeEventListener(t,o)))}})(r,e,i,o))},this.presented=!1,this.hasController=!1,this.delegate=void 0,this.overlayIndex=void 0,this.enterAnimation=void 0,this.leaveAnimation=void 0,this.component=void 0,this.componentProps=void 0,this.keyboardClose=!0,this.cssClass=void 0,this.backdropDismiss=!0,this.event=void 0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.htmlAttributes=void 0,this.triggerAction="click",this.trigger=void 0,this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.alignment=void 0,this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.keepContentsMounted=!1}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:o}=this;g(o),t()}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t()}componentWillLoad(){const{el:t}=this,o=m(t);this.parentPopover=t.closest(`ion-popover:not(#${o})`),void 0===this.alignment&&(this.alignment="ios"===k(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:o}=this;!0===o&&p((()=>this.present())),t&&c(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,o=!1){this.focusDescendantOnPresent=o,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const o=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:o,delegate:this.workingDelegate=o?this.delegate||this.coreDelegate:this.delegate}}async present(t){const o=await this.lockController.lock();if(this.presented)return void o();const{el:e}=this,{inline:r,delegate:i}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await n(i,e,this.component,["popover-viewport"],this.componentProps,r),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),h(e)?await D(this.usersElement):this.keepContentsMounted||await T(),await x(this,"popoverEnter",M,V,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&w(this.el,this.el),o()}async dismiss(t,o,e=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;e&&this.parentPopover&&this.parentPopover.dismiss(t,o,e);const n=await u(this,t,o,"popoverLeave",S,B,this.event);if(n){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await a(t,this.usersElement)}return r(),n}async getParentPopover(){return this.parentPopover}onDidDismiss(){return b(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return b(this.el,"ionPopoverWillDismiss")}render(){const t=k(this),{onLifecycle:o,parentPopover:i,dismissOnSelect:s,side:n,arrow:a,htmlAttributes:p}=this,d=y("desktop"),c=a&&!i;return e(r,Object.assign({"aria-modal":"true","no-router":!0,tabindex:"-1"},p,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign(Object.assign({},P(this.cssClass)),{[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":d,[`popover-side-${n}`]:!0,"popover-nested":!!i}),onIonPopoverDidPresent:o,onIonPopoverWillPresent:o,onIonPopoverWillDismiss:o,onIonPopoverDidDismiss:o,onIonBackdropTap:this.onBackdropTap}),!i&&e("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),e("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:s?()=>this.dismiss():void 0},c&&e("div",{class:"popover-arrow",part:"arrow"}),e("div",{class:"popover-content",part:"content"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}}},K={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};R.style={ios:':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start:dir(rtl)) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end:dir(rtl)) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}',md:":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}"};export{R as ion_popover}
|
|
4
|
+
import{r as t,d as o,h as e,H as r,f as i}from"./p-d6129c6e.js";import{C as s,a as n,d as a}from"./p-4180a747.js";import{r as p,g as d,a as c,m as h}from"./p-23a9d086.js";import{c as l}from"./p-ccd02320.js";import{p as v}from"./p-06fee233.js";import{B as f,j as g,k as m,f as x,o as w,g as u,h as b}from"./p-90000ff6.js";import{b as k,a as y}from"./p-fd41bd8a.js";import{g as P}from"./p-47794def.js";import{e as D,w as T}from"./p-677cb2f7.js";import{c as I}from"./p-29d03b3a.js";import"./p-7b30edcc.js";import"./p-4b3623da.js";const $=(t,o,e)=>{const r=o.getBoundingClientRect(),i=r.height;let s=r.width;return"cover"===t&&e&&(s=e.getBoundingClientRect().width),{contentWidth:s,contentHeight:i}},j=(t,o)=>o&&"ION-ITEM"===o.tagName?t.findIndex((t=>t===o)):-1,A=t=>{const o=d(t).querySelector("button");o&&p((()=>o.focus()))},L=(t,o,e,r,i,s,n,a,p,d,c)=>{var h;let l={top:0,left:0,width:0,height:0};if("event"===s){if(!c)return p;l={top:c.clientY,left:c.clientX,width:1,height:1}}else{const t=d||(null===(h=null==c?void 0:c.detail)||void 0===h?void 0:h.ionShadowTarget)||(null==c?void 0:c.target);if(!t)return p;const o=t.getBoundingClientRect();l={top:o.top,left:o.left,width:o.width,height:o.height}}const v=X(n,l,o,e,r,i,t),f=Y(a,n,l,o,e),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:w}=C(n,r,i,g,m,o,e,t),{originX:u,originY:b}=N(n,a,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:w,originX:u,originY:b}},N=(t,o,e)=>{switch(t){case"top":return{originX:W(o),originY:"bottom"};case"bottom":return{originX:W(o),originY:"top"};case"left":return{originX:"right",originY:O(o)};case"right":return{originX:"left",originY:O(o)};case"start":return{originX:e?"left":"right",originY:O(o)};case"end":return{originX:e?"right":"left",originY:O(o)}}},W=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},O=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},C=(t,o,e,r,i,s,n,a)=>{const p={arrowTop:r+n/2-o/2,arrowLeft:i+s-o/2},d={arrowTop:r+n/2-o/2,arrowLeft:i-1.5*o};switch(t){case"top":return{arrowTop:r+n,arrowLeft:i+s/2-o/2};case"bottom":return{arrowTop:r-e,arrowLeft:i+s/2-o/2};case"left":return p;case"right":return d;case"start":return a?d:p;case"end":return a?p:d;default:return{arrowTop:0,arrowLeft:0}}},X=(t,o,e,r,i,s,n)=>{const a={top:o.top,left:o.left-e-i},p={top:o.top,left:o.left+o.width+i};switch(t){case"top":return{top:o.top-r-s,left:o.left};case"right":return p;case"bottom":return{top:o.top+o.height+s,left:o.left};case"left":return a;case"start":return n?p:a;case"end":return n?a:p}},Y=(t,o,e,r,i)=>{switch(t){case"center":return E(o,e,r,i);case"end":return z(o,e,r,i);default:return{top:0,left:0}}},z=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-o.height),left:0};default:return{top:0,left:-(e-o.width)}}},E=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-o.height/2),left:0};default:return{top:0,left:-(e/2-o.width/2)}}},H=(t,o,e,r,i,s,n,a,p,d,c,h,l=0,v=0,f=0)=>{let g=l;const m=v;let x,w=e,u=o,b=d,k=c,y=!1,P=!1;const D=h?h.top+h.height:s/2-a/2,T=h?h.height:0;let I=!1;return w<r+p?(w=r,y=!0,b="left"):n+r+w+p>i&&(P=!0,w=i-n-r,b="right"),D+T+a>s&&("top"===t||"bottom"===t)&&(D-a>0?(u=Math.max(12,D-a-T-(f-1)),g=u+a,k="bottom",I=!0):x=r),{top:u,left:w,bottom:x,originX:b,originY:k,checkSafeAreaLeft:y,checkSafeAreaRight:P,arrowTop:g,arrowLeft:m,addPopoverBottomClass:I}},M=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=f.querySelector(".popover-arrow"),x=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:w,contentHeight:u}=$(i,g,x),{arrowWidth:b,arrowHeight:k}=(t=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:e}=t.getBoundingClientRect();return{arrowWidth:o,arrowHeight:e}})(m),y=L(h,w,u,b,k,n,a,p,{top:v/2-u/2,left:l/2-w/2,originX:h?"right":"left",originY:"top"},s,r),P="cover"===i?0:5,D="cover"===i?0:25,{originX:T,originY:j,top:A,left:N,bottom:W,checkSafeAreaLeft:O,checkSafeAreaRight:C,arrowTop:X,arrowLeft:Y,addPopoverBottomClass:z}=H(a,y.top,y.left,P,l,v,w,u,D,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),E=I(),M=I(),S=I();return M.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),S.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1),E.easing("ease").duration(100).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${w}px`),z&&t.classList.add("popover-bottom"),void 0!==W&&g.style.setProperty("bottom",`${W}px`);let o=`${N}px`;if(O&&(o=`${N}px + var(--ion-safe-area-left, 0)`),C&&(o=`${N}px - var(--ion-safe-area-right, 0)`),g.style.setProperty("top",`calc(${A}px + var(--offset-y, 0))`),g.style.setProperty("left",`calc(${o} + var(--offset-x, 0))`),g.style.setProperty("transform-origin",`${j} ${T}`),null!==m){const t=((t,o=!1,e,r)=>!(!e&&!r||"top"!==t&&"bottom"!==t&&o))(a,y.top!==A||y.left!==N,r,s);t?(m.style.setProperty("top",`calc(${X}px + var(--offset-y, 0))`),m.style.setProperty("left",`calc(${Y}px + var(--offset-x, 0))`)):m.style.setProperty("display","none")}})).addAnimation([M,S])},S=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=o.querySelector(".popover-arrow"),i=I(),s=I(),n=I();return s.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),n.addElement(o.querySelector(".popover-arrow")).addElement(o.querySelector(".popover-content")).fromTo("opacity",.99,0),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,n])},V=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:x,contentHeight:w}=$(i,g,m),u=L(h,x,w,0,0,n,a,p,{top:v/2-w/2,left:l/2-x/2,originX:h?"right":"left",originY:"top"},s,r),b="cover"===i?0:12,{originX:k,originY:y,top:P,left:D,bottom:T}=H(a,u.top,u.left,b,l,v,x,w,0,u.originX,u.originY,u.referenceCoordinates),j=I(),A=I(),N=I(),W=I(),O=I();return A.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),N.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),W.addElement(g).beforeStyles({top:`calc(${P}px + var(--offset-y, 0px))`,left:`calc(${D}px + var(--offset-x, 0px))`,"transform-origin":`${y} ${k}`}).beforeAddWrite((()=>{void 0!==T&&g.style.setProperty("bottom",`${T}px`)})).fromTo("transform","scale(0.8)","scale(1)"),O.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1),j.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${x}px`),"bottom"===y&&t.classList.add("popover-bottom")})).addAnimation([A,N,W,O])},B=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=I(),i=I(),s=I();return i.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},R=class{constructor(e){t(this,e),this.didPresent=o(this,"ionPopoverDidPresent",7),this.willPresent=o(this,"ionPopoverWillPresent",7),this.willDismiss=o(this,"ionPopoverWillDismiss",7),this.didDismiss=o(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.ionMount=o(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=s(),this.lockController=l(),this.inline=!1,this.focusDescendantOnPresent=!1,this.onBackdropTap=()=>{this.dismiss(void 0,f)},this.onLifecycle=t=>{const o=this.usersElement,e=K[t.type];if(o&&e){const r=new CustomEvent(e,{bubbles:!1,cancelable:!1,detail:t.detail});o.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:o,el:e,destroyTriggerInteraction:r}=this;if(r&&r(),void 0===t)return;const i=this.triggerEl=void 0!==t?document.getElementById(t):null;i?this.destroyTriggerInteraction=((t,o,e)=>{let r=[];switch(o){case"hover":let t;r=[{eventName:"mouseenter",callback:async o=>{o.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{p((()=>{e.presentFromTrigger(o),t=void 0}))}),100)}},{eventName:"mouseleave",callback:o=>{t&&clearTimeout(t);const r=o.relatedTarget;r&&r.closest("ion-popover")!==e&&e.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),e.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>e.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:o,callback:e})=>t.addEventListener(o,e))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:o,callback:e})=>t.removeEventListener(o,e))),t.removeAttribute("data-ion-popover-trigger")}})(i,o,e):v(`A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:o}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const o=async o=>{var e;const r=document.activeElement;let i=[];const s=null===(e=o.target)||void 0===e?void 0:e.tagName;if("ION-POPOVER"===s||"ION-ITEM"===s){try{i=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(t){}switch(o.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":o.preventDefault();const e=((t,o)=>t[j(t,o)+1])(i,r);void 0!==e&&A(e);break;case"ArrowUp":o.preventDefault();const s=((t,o)=>t[j(t,o)-1])(i,r);void 0!==s&&A(s);break;case"Home":o.preventDefault();const n=i[0];void 0!==n&&A(n);break;case"End":o.preventDefault();const a=i[i.length-1];void 0!==a&&A(a);break;case"ArrowRight":case" ":case"Enter":if(r&&r.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");r.dispatchEvent(t)}}}};return t.addEventListener("keydown",o),()=>t.removeEventListener("keydown",o)})(o)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:o,triggerAction:e,triggerEl:r,el:i}=this;o&&r&&(t&&t(),this.destroyDismissInteraction=((t,o,e,r)=>{let i=[];const s=d(r).querySelector(".popover-content");return i="hover"===o?[{eventName:"mouseenter",callback:o=>{document.elementFromPoint(o.clientX,o.clientY)!==t&&e.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:o=>{o.target.closest("[data-ion-popover-trigger]")!==t?e.dismiss(void 0,void 0,!1):o.stopPropagation()}}],i.forEach((({eventName:t,callback:o})=>s.addEventListener(t,o))),()=>{i.forEach((({eventName:t,callback:o})=>s.removeEventListener(t,o)))}})(r,e,i,o))},this.presented=!1,this.hasController=!1,this.delegate=void 0,this.overlayIndex=void 0,this.enterAnimation=void 0,this.leaveAnimation=void 0,this.component=void 0,this.componentProps=void 0,this.keyboardClose=!0,this.cssClass=void 0,this.backdropDismiss=!0,this.event=void 0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.htmlAttributes=void 0,this.triggerAction="click",this.trigger=void 0,this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.alignment=void 0,this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.keepContentsMounted=!1}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:o}=this;g(o),t()}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t()}componentWillLoad(){const{el:t}=this,o=m(t);this.parentPopover=t.closest(`ion-popover:not(#${o})`),void 0===this.alignment&&(this.alignment="ios"===k(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:o}=this;!0===o&&p((()=>this.present())),t&&c(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,o=!1){this.focusDescendantOnPresent=o,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const o=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:o,delegate:this.workingDelegate=o?this.delegate||this.coreDelegate:this.delegate}}async present(t){const o=await this.lockController.lock();if(this.presented)return void o();const{el:e}=this,{inline:r,delegate:i}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await n(i,e,this.component,["popover-viewport"],this.componentProps,r),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),h(e)?await D(this.usersElement):this.keepContentsMounted||await T(),await x(this,"popoverEnter",M,V,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&w(this.el,this.el),o()}async dismiss(t,o,e=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;e&&this.parentPopover&&this.parentPopover.dismiss(t,o,e);const n=await u(this,t,o,"popoverLeave",S,B,this.event);if(n){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await a(t,this.usersElement)}return r(),n}async getParentPopover(){return this.parentPopover}onDidDismiss(){return b(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return b(this.el,"ionPopoverWillDismiss")}render(){const t=k(this),{onLifecycle:o,parentPopover:i,dismissOnSelect:s,side:n,arrow:a,htmlAttributes:p}=this,d=y("desktop"),c=a&&!i;return e(r,Object.assign({"aria-modal":"true","no-router":!0,tabindex:"-1"},p,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign(Object.assign({},P(this.cssClass)),{[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":d,[`popover-side-${n}`]:!0,"popover-nested":!!i}),onIonPopoverDidPresent:o,onIonPopoverWillPresent:o,onIonPopoverWillDismiss:o,onIonPopoverDidDismiss:o,onIonBackdropTap:this.onBackdropTap}),!i&&e("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),e("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:s?()=>this.dismiss():void 0},c&&e("div",{class:"popover-arrow",part:"arrow"}),e("div",{class:"popover-content",part:"content"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}}},K={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};R.style={ios:':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start:dir(rtl)) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end:dir(rtl)) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}',md:":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start:dir(rtl)){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end:dir(rtl)){--offset-x:5px}}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}"};export{R as ion_popover}
|
package/hydrate/index.js
CHANGED
|
@@ -17157,22 +17157,41 @@ class Datetime {
|
|
|
17157
17157
|
const didChangeMonth = (month !== undefined && month !== workingParts.month) || (year !== undefined && year !== workingParts.year);
|
|
17158
17158
|
const bodyIsVisible = el.classList.contains('datetime-ready');
|
|
17159
17159
|
const { isGridStyle, showMonthAndYear } = this;
|
|
17160
|
-
|
|
17161
|
-
|
|
17160
|
+
let areAllSelectedDatesInSameMonth = true;
|
|
17161
|
+
if (Array.isArray(valueToProcess)) {
|
|
17162
|
+
const firstMonth = valueToProcess[0].month;
|
|
17163
|
+
for (const date of valueToProcess) {
|
|
17164
|
+
if (date.month !== firstMonth) {
|
|
17165
|
+
areAllSelectedDatesInSameMonth = false;
|
|
17166
|
+
break;
|
|
17167
|
+
}
|
|
17168
|
+
}
|
|
17162
17169
|
}
|
|
17163
|
-
|
|
17164
|
-
|
|
17165
|
-
|
|
17166
|
-
|
|
17167
|
-
|
|
17168
|
-
|
|
17169
|
-
|
|
17170
|
-
|
|
17171
|
-
|
|
17172
|
-
|
|
17173
|
-
|
|
17174
|
-
|
|
17175
|
-
|
|
17170
|
+
/**
|
|
17171
|
+
* If there is more than one date selected
|
|
17172
|
+
* and the dates aren't all in the same month,
|
|
17173
|
+
* then we should neither animate to the date
|
|
17174
|
+
* nor update the working parts because we do
|
|
17175
|
+
* not know which date the user wants to view.
|
|
17176
|
+
*/
|
|
17177
|
+
if (areAllSelectedDatesInSameMonth) {
|
|
17178
|
+
if (isGridStyle && didChangeMonth && bodyIsVisible && !showMonthAndYear) {
|
|
17179
|
+
this.animateToDate(targetValue);
|
|
17180
|
+
}
|
|
17181
|
+
else {
|
|
17182
|
+
/**
|
|
17183
|
+
* We only need to do this if we didn't just animate to a new month,
|
|
17184
|
+
* since that calls prevMonth/nextMonth which calls setWorkingParts for us.
|
|
17185
|
+
*/
|
|
17186
|
+
this.setWorkingParts({
|
|
17187
|
+
month,
|
|
17188
|
+
day,
|
|
17189
|
+
year,
|
|
17190
|
+
hour,
|
|
17191
|
+
minute,
|
|
17192
|
+
ampm,
|
|
17193
|
+
});
|
|
17194
|
+
}
|
|
17176
17195
|
}
|
|
17177
17196
|
};
|
|
17178
17197
|
this.animateToDate = async (targetValue) => {
|
|
@@ -27622,6 +27641,7 @@ class PickerInternal {
|
|
|
27622
27641
|
inputEl.focus();
|
|
27623
27642
|
}
|
|
27624
27643
|
else {
|
|
27644
|
+
// TODO FW-5900 Use keydown instead
|
|
27625
27645
|
el.addEventListener('keypress', this.onKeyPress);
|
|
27626
27646
|
this.destroyKeypressListener = () => {
|
|
27627
27647
|
el.removeEventListener('keypress', this.onKeyPress);
|
|
@@ -28858,9 +28878,9 @@ const mdLeaveAnimation$1 = (baseEl) => {
|
|
|
28858
28878
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
28859
28879
|
};
|
|
28860
28880
|
|
|
28861
|
-
const popoverIosCss = "/*!@:host*/.sc-ion-popover-ios-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}/*!@:host(.popover-nested)*/.popover-nested.sc-ion-popover-ios-h{pointer-events:none}/*!@:host(.popover-nested) .popover-wrapper*/.popover-nested.sc-ion-popover-ios-h .popover-wrapper.sc-ion-popover-ios{pointer-events:auto}/*!@:host(.overlay-hidden)*/.overlay-hidden.sc-ion-popover-ios-h{display:none}/*!@.popover-wrapper*/.popover-wrapper.sc-ion-popover-ios{z-index:10}/*!@.popover-content*/.popover-content.sc-ion-popover-ios{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}
|
|
28881
|
+
const popoverIosCss = "/*!@:host*/.sc-ion-popover-ios-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}/*!@:host(.popover-nested)*/.popover-nested.sc-ion-popover-ios-h{pointer-events:none}/*!@:host(.popover-nested) .popover-wrapper*/.popover-nested.sc-ion-popover-ios-h .popover-wrapper.sc-ion-popover-ios{pointer-events:auto}/*!@:host(.overlay-hidden)*/.overlay-hidden.sc-ion-popover-ios-h{display:none}/*!@.popover-wrapper*/.popover-wrapper.sc-ion-popover-ios{z-index:10}/*!@.popover-content*/.popover-content.sc-ion-popover-ios{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}/*!@::slotted(.popover-viewport)*/.sc-ion-popover-ios-s>.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}/*!@:host(.popover-nested.popover-side-left)*/.popover-nested.popover-side-left.sc-ion-popover-ios-h{--offset-x:5px}/*!@:host(.popover-nested.popover-side-right)*/.popover-nested.popover-side-right.sc-ion-popover-ios-h{--offset-x:-5px}/*!@:host(.popover-nested.popover-side-start)*/.popover-nested.popover-side-start.sc-ion-popover-ios-h{--offset-x:5px}/*!@:host-context([dir=rtl]):host(.popover-nested.popover-side-start), :host-context([dir=rtl]).popover-nested.popover-side-start*/[dir=rtl].sc-ion-popover-ios-h -no-combinator.popover-nested.popover-side-start.sc-ion-popover-ios-h,[dir=rtl] .sc-ion-popover-ios-h -no-combinator.popover-nested.popover-side-start.sc-ion-popover-ios-h,[dir=rtl].popover-nested.popover-side-start.sc-ion-popover-ios-h,[dir=rtl] .popover-nested.popover-side-start.sc-ion-popover-ios-h{--offset-x:-5px}@supports selector(:dir(rtl)){/*!@:host(.popover-nested.popover-side-start:dir(rtl))*/.popover-nested.popover-side-start.sc-ion-popover-ios-h:dir(rtl){--offset-x:-5px}}/*!@:host(.popover-nested.popover-side-end)*/.popover-nested.popover-side-end.sc-ion-popover-ios-h{--offset-x:-5px}/*!@:host-context([dir=rtl]):host(.popover-nested.popover-side-end), :host-context([dir=rtl]).popover-nested.popover-side-end*/[dir=rtl].sc-ion-popover-ios-h -no-combinator.popover-nested.popover-side-end.sc-ion-popover-ios-h,[dir=rtl] .sc-ion-popover-ios-h -no-combinator.popover-nested.popover-side-end.sc-ion-popover-ios-h,[dir=rtl].popover-nested.popover-side-end.sc-ion-popover-ios-h,[dir=rtl] .popover-nested.popover-side-end.sc-ion-popover-ios-h{--offset-x:5px}@supports selector(:dir(rtl)){/*!@:host(.popover-nested.popover-side-end:dir(rtl))*/.popover-nested.popover-side-end.sc-ion-popover-ios-h:dir(rtl){--offset-x:5px}}/*!@:host*/.sc-ion-popover-ios-h{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}/*!@:host(.popover-desktop)*/.popover-desktop.sc-ion-popover-ios-h{--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}/*!@.popover-content*/.popover-content.sc-ion-popover-ios{border-radius:10px}/*!@:host(.popover-desktop) .popover-content*/.popover-desktop.sc-ion-popover-ios-h .popover-content.sc-ion-popover-ios{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}/*!@.popover-arrow*/.popover-arrow.sc-ion-popover-ios{display:block;position:absolute;width:20px;height:10px;overflow:hidden}/*!@.popover-arrow::after*/.popover-arrow.sc-ion-popover-ios::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:\"\";z-index:10}@supports (inset-inline-start: 0){/*!@.popover-arrow::after*/.popover-arrow.sc-ion-popover-ios::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){/*!@.popover-arrow::after*/.popover-arrow.sc-ion-popover-ios::after{left:3px}/*!@:host-context([dir=rtl]) .popover-arrow::after*/[dir=rtl].sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after,[dir=rtl] .sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{left:unset;right:unset;right:3px}/*!@[dir=rtl] .popover-arrow::after*/[dir=rtl].sc-ion-popover-ios .popover-arrow.sc-ion-popover-ios::after{left:unset;right:unset;right:3px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-popover-ios selector(.sc-ion-popover-ios:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}/*!@:host(.popover-bottom) .popover-arrow*/.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{top:auto;bottom:-10px}/*!@:host(.popover-bottom) .popover-arrow::after*/.popover-bottom.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{top:-6px}/*!@:host(.popover-side-left) .popover-arrow*/.popover-side-left.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(90deg);transform:rotate(90deg)}/*!@:host(.popover-side-right) .popover-arrow*/.popover-side-right.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}/*!@:host(.popover-side-top) .popover-arrow*/.popover-side-top.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(180deg);transform:rotate(180deg)}/*!@:host(.popover-side-start) .popover-arrow*/.popover-side-start.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(90deg);transform:rotate(90deg)}/*!@:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow, :host-context([dir=rtl]).popover-side-start .popover-arrow*/[dir=rtl].sc-ion-popover-ios-h -no-combinator.popover-side-start.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios,[dir=rtl] .sc-ion-popover-ios-h -no-combinator.popover-side-start.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios,[dir=rtl].popover-side-start.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios,[dir=rtl] .popover-side-start.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){/*!@:host(.popover-side-start:dir(rtl)) .popover-arrow*/.popover-side-start.sc-ion-popover-ios-h:dir(rtl) .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}/*!@:host(.popover-side-end) .popover-arrow*/.popover-side-end.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}/*!@:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow, :host-context([dir=rtl]).popover-side-end .popover-arrow*/[dir=rtl].sc-ion-popover-ios-h -no-combinator.popover-side-end.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios,[dir=rtl] .sc-ion-popover-ios-h -no-combinator.popover-side-end.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios,[dir=rtl].popover-side-end.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios,[dir=rtl] .popover-side-end.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){/*!@:host(.popover-side-end:dir(rtl)) .popover-arrow*/.popover-side-end.sc-ion-popover-ios-h:dir(rtl) .popover-arrow.sc-ion-popover-ios{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}/*!@.popover-arrow,\n.popover-content*/.popover-arrow.sc-ion-popover-ios,.popover-content.sc-ion-popover-ios{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){/*!@:host(.popover-translucent) .popover-content,\n :host(.popover-translucent) .popover-arrow::after*/.popover-translucent.sc-ion-popover-ios-h .popover-content.sc-ion-popover-ios,.popover-translucent.sc-ion-popover-ios-h .popover-arrow.sc-ion-popover-ios::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}";
|
|
28862
28882
|
|
|
28863
|
-
const popoverMdCss = "/*!@:host*/.sc-ion-popover-md-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}/*!@:host(.popover-nested)*/.popover-nested.sc-ion-popover-md-h{pointer-events:none}/*!@:host(.popover-nested) .popover-wrapper*/.popover-nested.sc-ion-popover-md-h .popover-wrapper.sc-ion-popover-md{pointer-events:auto}/*!@:host(.overlay-hidden)*/.overlay-hidden.sc-ion-popover-md-h{display:none}/*!@.popover-wrapper*/.popover-wrapper.sc-ion-popover-md{z-index:10}/*!@.popover-content*/.popover-content.sc-ion-popover-md{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}
|
|
28883
|
+
const popoverMdCss = "/*!@:host*/.sc-ion-popover-md-h{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}/*!@:host(.popover-nested)*/.popover-nested.sc-ion-popover-md-h{pointer-events:none}/*!@:host(.popover-nested) .popover-wrapper*/.popover-nested.sc-ion-popover-md-h .popover-wrapper.sc-ion-popover-md{pointer-events:auto}/*!@:host(.overlay-hidden)*/.overlay-hidden.sc-ion-popover-md-h{display:none}/*!@.popover-wrapper*/.popover-wrapper.sc-ion-popover-md{z-index:10}/*!@.popover-content*/.popover-content.sc-ion-popover-md{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}/*!@::slotted(.popover-viewport)*/.sc-ion-popover-md-s>.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}/*!@:host(.popover-nested.popover-side-left)*/.popover-nested.popover-side-left.sc-ion-popover-md-h{--offset-x:5px}/*!@:host(.popover-nested.popover-side-right)*/.popover-nested.popover-side-right.sc-ion-popover-md-h{--offset-x:-5px}/*!@:host(.popover-nested.popover-side-start)*/.popover-nested.popover-side-start.sc-ion-popover-md-h{--offset-x:5px}/*!@:host-context([dir=rtl]):host(.popover-nested.popover-side-start), :host-context([dir=rtl]).popover-nested.popover-side-start*/[dir=rtl].sc-ion-popover-md-h -no-combinator.popover-nested.popover-side-start.sc-ion-popover-md-h,[dir=rtl] .sc-ion-popover-md-h -no-combinator.popover-nested.popover-side-start.sc-ion-popover-md-h,[dir=rtl].popover-nested.popover-side-start.sc-ion-popover-md-h,[dir=rtl] .popover-nested.popover-side-start.sc-ion-popover-md-h{--offset-x:-5px}@supports selector(:dir(rtl)){/*!@:host(.popover-nested.popover-side-start:dir(rtl))*/.popover-nested.popover-side-start.sc-ion-popover-md-h:dir(rtl){--offset-x:-5px}}/*!@:host(.popover-nested.popover-side-end)*/.popover-nested.popover-side-end.sc-ion-popover-md-h{--offset-x:-5px}/*!@:host-context([dir=rtl]):host(.popover-nested.popover-side-end), :host-context([dir=rtl]).popover-nested.popover-side-end*/[dir=rtl].sc-ion-popover-md-h -no-combinator.popover-nested.popover-side-end.sc-ion-popover-md-h,[dir=rtl] .sc-ion-popover-md-h -no-combinator.popover-nested.popover-side-end.sc-ion-popover-md-h,[dir=rtl].popover-nested.popover-side-end.sc-ion-popover-md-h,[dir=rtl] .popover-nested.popover-side-end.sc-ion-popover-md-h{--offset-x:5px}@supports selector(:dir(rtl)){/*!@:host(.popover-nested.popover-side-end:dir(rtl))*/.popover-nested.popover-side-end.sc-ion-popover-md-h:dir(rtl){--offset-x:5px}}/*!@:host*/.sc-ion-popover-md-h{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}/*!@.popover-content*/.popover-content.sc-ion-popover-md{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]) .popover-content*/[dir=rtl].sc-ion-popover-md-h .popover-content.sc-ion-popover-md,[dir=rtl] .sc-ion-popover-md-h .popover-content.sc-ion-popover-md{-webkit-transform-origin:right top;transform-origin:right top}/*!@[dir=rtl] .popover-content*/[dir=rtl].sc-ion-popover-md .popover-content.sc-ion-popover-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@.popover-content:dir(rtl)*/.popover-content.sc-ion-popover-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@.popover-viewport*/.popover-viewport.sc-ion-popover-md{-webkit-transition-delay:100ms;transition-delay:100ms}/*!@.popover-wrapper*/.popover-wrapper.sc-ion-popover-md{opacity:0}";
|
|
28864
28884
|
|
|
28865
28885
|
// TODO(FW-2832): types
|
|
28866
28886
|
/**
|
|
@@ -33509,6 +33529,13 @@ class Segment {
|
|
|
33509
33529
|
}
|
|
33510
33530
|
async componentDidLoad() {
|
|
33511
33531
|
this.setCheckedClasses();
|
|
33532
|
+
/**
|
|
33533
|
+
* If the value changes before watchers
|
|
33534
|
+
* are setup, then the ionSelect watch callback
|
|
33535
|
+
* will not fire. As a result, we manually
|
|
33536
|
+
* fire this event when Select is loaded.
|
|
33537
|
+
*/
|
|
33538
|
+
this.ionSelect.emit({ value: this.value });
|
|
33512
33539
|
/**
|
|
33513
33540
|
* We need to wait for the buttons to all be rendered
|
|
33514
33541
|
* before we can scroll.
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,o,n,e){function i(t){return t instanceof n?t:new n((function(o){o(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{c(e.next(t))}catch(t){r(t)}}function s(t){try{c(e["throw"](t))}catch(t){r(t)}}function c(t){t.done?n(t.value):i(t.value).then(a,s)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,i,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=o.call(t,n)}catch(t){s=[6,t];i=0}finally{e=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/System.register(["./p-67c3a2a8.system.js","./p-32ad210f.system.js","./p-08e01816.system.js","./p-4609d030.system.js","./p-ef3a6b51.system.js"],(function(t,o){"use strict";var n,e,i,r,a,s,c,l,d,u,h,b,g,f,m;return{setters:[function(t){n=t.r;e=t.d;i=t.w;r=t.h;a=t.H;s=t.f;c=t.i},function(t){l=t.r;d=t.a;u=t.b;h=t.k},function(t){b=t.i},function(t){g=t.c;f=t.h},function(t){m=t.b}],execute:function(){var v=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";var p=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";var k=t("ion_segment",function(){function t(t){var o=this;n(this,t);this.ionChange=e(this,"ionChange",7);this.ionSelect=e(this,"ionSelect",7);this.ionStyle=e(this,"ionStyle",7);this.onClick=function(t){var n=t.target;var e=o.checked;if(n.tagName==="ION-SEGMENT"){return}o.value=n.value;if(n!==e){o.emitValueChange()}if(o.scrollable||!o.swipeGesture){if(e){o.checkButton(e,n)}else{o.setCheckedClasses()}}};this.getSegmentButton=function(t){var n,e;var i=o.getButtons().filter((function(t){return!t.disabled}));var r=i.findIndex((function(t){return t===document.activeElement}));switch(t){case"first":return i[0];case"last":return i[i.length-1];case"next":return(n=i[r+1])!==null&&n!==void 0?n:i[0];case"previous":return(e=i[r-1])!==null&&e!==void 0?e:i[i.length-1];default:return null}};this.activated=false;this.color=undefined;this.disabled=false;this.scrollable=false;this.swipeGesture=true;this.value=undefined;this.selectOnFocus=false}t.prototype.colorChanged=function(t,o){if(o===undefined&&t!==undefined||o!==undefined&&t===undefined){this.emitStyle()}};t.prototype.swipeGestureChanged=function(){this.gestureChanged()};t.prototype.valueChanged=function(t){this.ionSelect.emit({value:t});this.scrollActiveButtonIntoView()};t.prototype.disabledChanged=function(){this.gestureChanged();var t=this.getButtons();for(var o=0,n=t;o<n.length;o++){var e=n[o];e.disabled=this.disabled}};t.prototype.gestureChanged=function(){if(this.gesture){this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}};t.prototype.connectedCallback=function(){this.emitStyle()};t.prototype.componentWillLoad=function(){this.emitStyle()};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;var n=this;return __generator(this,(function(e){switch(e.label){case 0:this.setCheckedClasses();l((function(){n.scrollActiveButtonIntoView(false)}));t=this;return[4,o.import("./p-31b2326e.system.js")];case 1:t.gesture=e.sent().createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:false,onStart:function(t){return n.onStart(t)},onMove:function(t){return n.onMove(t)},onEnd:function(t){return n.onEnd(t)}});this.gestureChanged();if(this.disabled){this.disabledChanged()}return[2]}}))}))};t.prototype.onStart=function(t){this.valueBeforeGesture=this.value;this.activate(t)};t.prototype.onMove=function(t){this.setNextIndex(t)};t.prototype.onEnd=function(t){this.setActivated(false);this.setNextIndex(t,true);t.event.stopImmediatePropagation();var o=this.value;if(o!==undefined){if(this.valueBeforeGesture!==o){this.emitValueChange()}}this.valueBeforeGesture=undefined};t.prototype.emitValueChange=function(){var t=this.value;this.ionChange.emit({value:t})};t.prototype.getButtons=function(){return Array.from(this.el.querySelectorAll("ion-segment-button"))};Object.defineProperty(t.prototype,"checked",{get:function(){var t=this;return this.getButtons().find((function(o){return o.value===t.value}))},enumerable:false,configurable:true});t.prototype.setActivated=function(t){var o=this.getButtons();o.forEach((function(o){if(t){o.classList.add("segment-button-activated")}else{o.classList.remove("segment-button-activated")}}));this.activated=t};t.prototype.activate=function(t){var o=this;var n=t.event.target;var e=this.getButtons();var i=e.find((function(t){return t.value===o.value}));if(n.tagName!=="ION-SEGMENT-BUTTON"){return}if(!i){this.value=n.value;this.setCheckedClasses()}if(this.value===n.value){this.setActivated(true)}};t.prototype.getIndicator=function(t){var o=t.shadowRoot||t;return o.querySelector(".segment-button-indicator")};t.prototype.checkButton=function(t,o){var n=this.getIndicator(t);var e=this.getIndicator(o);if(n===null||e===null){return}var r=n.getBoundingClientRect();var a=e.getBoundingClientRect();var s=r.width/a.width;var c=r.left-a.left;var l="translate3d(".concat(c,"px, 0, 0) scaleX(").concat(s,")");i((function(){e.classList.remove("segment-button-indicator-animated");e.style.setProperty("transform",l);e.getBoundingClientRect();e.classList.add("segment-button-indicator-animated");e.style.setProperty("transform","")}));this.value=o.value;this.setCheckedClasses()};t.prototype.setCheckedClasses=function(){var t=this;var o=this.getButtons();var n=o.findIndex((function(o){return o.value===t.value}));var e=n+1;for(var i=0,r=o;i<r.length;i++){var a=r[i];a.classList.remove("segment-button-after-checked")}if(e<o.length){o[e].classList.add("segment-button-after-checked")}};t.prototype.scrollActiveButtonIntoView=function(t){if(t===void 0){t=true}var o=this,n=o.scrollable,e=o.value,i=o.el;if(n){var r=this.getButtons();var a=r.find((function(t){return t.value===e}));if(a!==undefined){var s=i.getBoundingClientRect();var c=a.getBoundingClientRect();var l=c.x-s.x;var d=l-s.width/2+c.width/2;i.scrollBy({top:0,left:d,behavior:t?"smooth":"instant"})}}};t.prototype.setNextIndex=function(t,o){var n=this;if(o===void 0){o=false}var e=b(this.el);var i=this.activated;var r=this.getButtons();var a=r.findIndex((function(t){return t.value===n.value}));var s=r[a];var c;var l;if(a===-1){return}var d=s.getBoundingClientRect();var u=d.left;var h=d.width;var g=t.currentX;var f=d.top+d.height/2;var m=this.el.getRootNode();var v=m.elementFromPoint(g,f);var p=e?g>u+h:g<u;var k=e?g<u:g>u+h;if(i&&!o){if(p){var x=a-1;if(x>=0){l=x}}else if(k){if(i&&!o){var x=a+1;if(x<r.length){l=x}}}if(l!==undefined&&!r[l].disabled){c=r[l]}}if(!i&&o){c=v}if(c!=null){if(c.tagName==="ION-SEGMENT"){return false}if(s!==c){this.checkButton(s,c)}}return true};t.prototype.emitStyle=function(){this.ionStyle.emit({segment:true})};t.prototype.onKeyDown=function(t){var o=b(this.el);var n=this.selectOnFocus;var e;switch(t.key){case"ArrowRight":t.preventDefault();e=o?this.getSegmentButton("previous"):this.getSegmentButton("next");break;case"ArrowLeft":t.preventDefault();e=o?this.getSegmentButton("next"):this.getSegmentButton("previous");break;case"Home":t.preventDefault();e=this.getSegmentButton("first");break;case"End":t.preventDefault();e=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault();e=document.activeElement;n=true}if(!e){return}if(n){var i=this.checked;this.checkButton(i||e,e);if(e!==i){this.emitValueChange()}}e.setFocus()};t.prototype.render=function(){var t;var o=m(this);return r(a,{role:"tablist",onClick:this.onClick,class:g(this.color,(t={},t[o]=true,t["in-toolbar"]=f("ion-toolbar",this.el),t["in-toolbar-color"]=f("ion-toolbar[color]",this.el),t["segment-activated"]=this.activated,t["segment-disabled"]=this.disabled,t["segment-scrollable"]=this.scrollable,t))},r("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}},enumerable:false,configurable:true});return t}());k.style={ios:v,md:p};var x=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color, #fff));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;-ms-flex-direction:row;flex-direction:row;min-width:70px;min-height:28px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;-webkit-transition:160ms opacity ease-in-out;transition:160ms opacity ease-in-out;-webkit-transition-delay:100ms;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:"";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:2px;margin-inline-end:2px}.segment-button-indicator{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;left:0;right:0;top:0;bottom:0}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color, #fff))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)))}:host(.in-toolbar-color) .segment-button-indicator-background{background:var(--ion-color-contrast)}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}';var w=':host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s, opacity 0.15s linear 0s;min-width:90px;min-height:48px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}:host(.segment-button-has-icon-only) ::slotted(ion-icon){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}';var y=0;var z=t("ion_segment_button",function(){function t(t){var o=this;n(this,t);this.segmentEl=null;this.inheritedAttributes={};this.updateStyle=function(){c(o)};this.updateState=function(){var t=o.segmentEl;if(t){o.checked=t.value===o.value;if(t.disabled){o.disabled=true}}};this.checked=false;this.disabled=false;this.layout="icon-top";this.type="button";this.value="ion-sb-"+y++}t.prototype.valueChanged=function(){this.updateState()};t.prototype.connectedCallback=function(){var t=this.segmentEl=this.el.closest("ion-segment");if(t){this.updateState();d(t,"ionSelect",this.updateState);d(t,"ionStyle",this.updateStyle)}};t.prototype.disconnectedCallback=function(){var t=this.segmentEl;if(t){u(t,"ionSelect",this.updateState);u(t,"ionStyle",this.updateStyle);this.segmentEl=null}};t.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},h(this.el,["aria-label"]))};Object.defineProperty(t.prototype,"hasLabel",{get:function(){return!!this.el.querySelector("ion-label")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasIcon",{get:function(){return!!this.el.querySelector("ion-icon")},enumerable:false,configurable:true});t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){t=this.nativeEl;if(t!==undefined){t.focus()}return[2]}))}))};t.prototype.render=function(){var t;var o=this;var n=this,e=n.checked,i=n.type,s=n.disabled,c=n.hasIcon,l=n.hasLabel,d=n.layout,u=n.segmentEl;var h=m(this);var b=function(){return(u===null||u===void 0?void 0:u.color)!==undefined};return r(a,{class:(t={},t[h]=true,t["in-toolbar"]=f("ion-toolbar",this.el),t["in-toolbar-color"]=f("ion-toolbar[color]",this.el),t["in-segment"]=f("ion-segment",this.el),t["in-segment-color"]=b(),t["segment-button-has-label"]=l,t["segment-button-has-icon"]=c,t["segment-button-has-label-only"]=l&&!c,t["segment-button-has-icon-only"]=c&&!l,t["segment-button-disabled"]=s,t["segment-button-checked"]=e,t["segment-button-layout-".concat(d)]=true,t["ion-activatable"]=true,t["ion-activatable-instant"]=true,t["ion-focusable"]=true,t)},r("button",Object.assign({"aria-selected":e?"true":"false",role:"tab",ref:function(t){return o.nativeEl=t},type:i,class:"button-native",part:"native",disabled:s},this.inheritedAttributes),r("span",{class:"button-inner"},r("slot",null)),h==="md"&&r("ion-ripple-effect",null)),r("div",{part:"indicator",class:{"segment-button-indicator":true,"segment-button-indicator-animated":true}},r("div",{part:"indicator-background",class:"segment-button-indicator-background"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}());z.style={ios:x,md:w}}}}));
|