@ionic/core 8.2.1 → 8.2.2-dev.11717790867.100c8d5e

package/dist/ionic/p-fcb1218a.system.entry.js

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

package/dist/ionic/p-ff54800f.system.entry.js

@@ -0,0 +1,4 @@
+var __awaiter=this&&this.__awaiter||function(e,r,n,i){function t(e){return e instanceof n?e:new n((function(r){r(e)}))}return new(n||(n=Promise))((function(n,s){function o(e){try{a(i.next(e))}catch(e){s(e)}}function f(e){try{a(i["throw"](e))}catch(e){s(e)}}function a(e){e.done?n(e.value):t(e.value).then(o,f)}a((i=i.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,t,s,o;return o={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function f(e){return function(r){return a([e,r])}}function a(f){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,f[0]&&(n=0)),n)try{if(i=1,t&&(s=f[0]&2?t["return"]:f[0]?t["throw"]||((s=t["return"])&&s.call(t),0):t.next)&&!(s=s.call(t,f[1])).done)return s;if(t=0,s)f=[f[0]&2,s.value];switch(f[0]){case 0:case 1:s=f;break;case 4:n.label++;return{value:f[1],done:false};case 5:n.label++;t=f[1];f=[0];continue;case 7:f=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(f[0]===6||f[0]===2)){n=0;continue}if(f[0]===3&&(!s||f[1]>s[0]&&f[1]<s[3])){n.label=f[1];break}if(f[0]===6&&n.label<s[1]){n.label=s[1];s=f;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(f);break}if(s[2])n.ops.pop();n.trys.pop();continue}f=r.call(e,n)}catch(e){f=[6,e];t=0}finally{i=s=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */System.register(["./p-2df16673.system.js","./p-e673a0a2.system.js","./p-1b75a2d2.system.js","./p-3ad285e3.system.js","./p-a93873de.system.js","./p-3e2568b9.system.js","./p-9146695e.system.js","./p-f233f1e0.system.js","./p-1e955a45.system.js","./p-d8d84afa.system.js","./p-8985cdb6.system.js","./p-792919fd.system.js"],(function(e,r){"use strict";var n,i,t,s,o,f,a,h,c,l,u,d,p,g,m,v,b,x,y,w,k,_,j,z,S,Y,P,M;return{setters:[function(e){n=e.w;i=e.r;t=e.e;s=e.f;o=e.h;f=e.g;a=e.i},function(e){h=e.g},function(e){c=e.I;l=e.b;u=e.p;d=e.g},function(e){p=e.t;g=e.c;m=e.j;v=e.g;b=e.r},function(e){x=e.d;y=e.I},function(e){w=e.b;k=e.d;_=e.c},function(e){j=e.c},function(e){z=e.E;S=e.a},function(e){Y=e.h;P=e.i},function(e){M=e.S},function(){},function(){}],execute:function(){var E=this;var T=function(e){var r=e.previousElementSibling;var n=r!==null&&r.tagName==="ION-HEADER";return n?"translate":"scale"};var D=function(e,r,n){return e==="scale"?X(r,n):H(r,n)};var N=function(e){var r=e.querySelector("ion-spinner");var n=r.shadowRoot.querySelector("circle");var i=e.querySelector(".spinner-arrow-container");var t=e.querySelector(".arrow-container");var s=t?t.querySelector("ion-icon"):null;var o=j().duration(1e3).easing("ease-out");var f=j().addElement(i).keyframes([{offset:0,opacity:"0.3"},{offset:.45,opacity:"0.3"},{offset:.55,opacity:"1"},{offset:1,opacity:"1"}]);var a=j().addElement(n).keyframes([{offset:0,strokeDasharray:"1px, 200px"},{offset:.2,strokeDasharray:"1px, 200px"},{offset:.55,strokeDasharray:"100px, 200px"},{offset:1,strokeDasharray:"100px, 200px"}]);var h=j().addElement(r).keyframes([{offset:0,transform:"rotate(-90deg)"},{offset:1,transform:"rotate(210deg)"}]);if(t&&s){var c=j().addElement(t).keyframes([{offset:0,transform:"rotate(0deg)"},{offset:.3,transform:"rotate(0deg)"},{offset:.55,transform:"rotate(280deg)"},{offset:1,transform:"rotate(400deg)"}]);var l=j().addElement(s).keyframes([{offset:0,transform:"translateX(2px) scale(0)"},{offset:.3,transform:"translateX(2px) scale(0)"},{offset:.55,transform:"translateX(-1.5px) scale(1)"},{offset:1,transform:"translateX(-1.5px) scale(1)"}]);o.addAnimation([c,l])}return o.addAnimation([f,a,h])};var X=function(e,r){var n=r.clientHeight;var i=j().addElement(e).keyframes([{offset:0,transform:"scale(0) translateY(-".concat(n,"px)")},{offset:1,transform:"scale(1) translateY(100px)"}]);return N(e).addAnimation([i])};var H=function(e,r){var n=r.clientHeight;var i=j().addElement(e).keyframes([{offset:0,transform:"translateY(-".concat(n,"px)")},{offset:1,transform:"translateY(100px)"}]);return N(e).addAnimation([i])};var O=function(e){return j().duration(125).addElement(e).fromTo("transform","translateY(var(--ion-pulling-refresher-translate, 100px))","translateY(0px)")};var L=function(e,r){e.style.setProperty("opacity",r.toString())};var C=function(e,r,i){var t=1;n((function(){e.forEach((function(e,n){var s=n*(t/r);var o=t-s;var f=i-s;var a=m(0,f/o,1);e.style.setProperty("opacity",a.toString())}))}))};var I=function(e,r){n((function(){e.style.setProperty("--refreshing-rotation-duration",r>=1?"0.5s":"2s");e.style.setProperty("opacity","1")}))};var R=function(e,r,i){if(i===void 0){i=200}if(!e){return Promise.resolve()}var t=p(e,i);n((function(){e.style.setProperty("transition","".concat(i,"ms all ease-out"));if(r===undefined){e.style.removeProperty("transform")}else{e.style.setProperty("transform","translate3d(0px, ".concat(r,", 0px)"))}}));return t};var A=function(){return navigator.maxTouchPoints>0&&CSS.supports("background: -webkit-named-image(apple-pay-logo-black)")};var G=function(e,r){return __awaiter(E,void 0,void 0,(function(){var n,i,t;return __generator(this,(function(s){switch(s.label){case 0:n=e.querySelector("ion-refresher-content");if(!n){return[2,Promise.resolve(false)]}return[4,new Promise((function(e){return g(n,e)}))];case 1:s.sent();i=e.querySelector("ion-refresher-content .refresher-pulling ion-spinner");t=e.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");return[2,i!==null&&t!==null&&(r==="ios"&&A()||r==="md")]}}))}))};var Z="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}ion-refresher{inset-inline-start:0}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #0054e9)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;right:0;left:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #0054e9);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:-ms-flexbox;display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:-ms-flexbox;display:flex}ion-refresher.refresher-native .refresher-pulling-icon{-webkit-transform:translateY(calc(-100% - 10px));transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:-ms-flexbox;display:flex;border:1px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #ececec));background:var(--ion-color-step-250, var(--ion-background-color-step-250, #ffffff));-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";var q=Z;var B="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}ion-refresher{inset-inline-start:0}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}.refresher-native .refresher-refreshing ion-spinner{--refreshing-rotation-duration:2s;display:none;-webkit-animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards;animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards}.refresher-native .refresher-refreshing{display:none;-webkit-animation:250ms linear refresher-pop forwards;animation:250ms linear refresher-pop forwards}.refresher-native ion-spinner{width:32px;height:32px;color:var(--ion-color-step-450, var(--ion-background-color-step-450, #747577))}.refresher-native.refresher-refreshing .refresher-pulling ion-spinner,.refresher-native.refresher-completing .refresher-pulling ion-spinner{display:none}.refresher-native.refresher-refreshing .refresher-refreshing ion-spinner,.refresher-native.refresher-completing .refresher-refreshing ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-pulling ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-refreshing ion-spinner{display:none}.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);-webkit-transition:300ms;transition:300ms}@-webkit-keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes refresher-pop{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes refresher-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}";var F=B;var J="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}ion-refresher{inset-inline-start:0}ion-refresher.refresher-active{display:block}ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:200ms;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #0054e9)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;right:0;left:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #0054e9);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:-ms-flexbox;display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:-ms-flexbox;display:flex}ion-refresher.refresher-native .refresher-pulling-icon{-webkit-transform:translateY(calc(-100% - 10px));transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:-ms-flexbox;display:flex;border:1px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #ececec));background:var(--ion-color-step-250, var(--ion-background-color-step-250, #ffffff));-webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";var K=J;var Q=e("ion_refresher",function(){function e(e){i(this,e);this.ionRefresh=t(this,"ionRefresh",7);this.ionPull=t(this,"ionPull",7);this.ionStart=t(this,"ionStart",7);this.appliedStyles=false;this.didStart=false;this.progress=0;this.pointerDown=false;this.needsCompletion=false;this.didRefresh=false;this.lastVelocityY=0;this.animations=[];this.nativeRefresher=false;this.state=1;this.pullMin=60;this.pullMax=this.pullMin+60;this.closeDuration="280ms";this.snapbackDuration="280ms";this.pullFactor=1;this.disabled=false}e.prototype.disabledChanged=function(){if(this.gesture){this.gesture.enable(!this.disabled)}};e.prototype.checkNativeRefresher=function(){return __awaiter(this,void 0,void 0,(function(){var e,r;return __generator(this,(function(n){switch(n.label){case 0:return[4,G(this.el,w(this))];case 1:e=n.sent();if(e&&!this.nativeRefresher){r=this.el.closest("ion-content");this.setupNativeRefresher(r)}else if(!e){this.destroyNativeRefresher()}return[2]}}))}))};e.prototype.destroyNativeRefresher=function(){if(this.scrollEl&&this.scrollListenerCallback){this.scrollEl.removeEventListener("scroll",this.scrollListenerCallback);this.scrollListenerCallback=undefined}this.nativeRefresher=false};e.prototype.resetNativeRefresher=function(e,r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:this.state=r;if(!(w(this)==="ios"))return[3,2];return[4,R(e,undefined,300)];case 1:n.sent();return[3,4];case 2:return[4,p(this.el.querySelector(".refresher-refreshing-icon"),200)];case 3:n.sent();n.label=4;case 4:this.didRefresh=false;this.needsCompletion=false;this.pointerDown=false;this.animations.forEach((function(e){return e.destroy()}));this.animations=[];this.progress=0;this.state=1;return[2]}}))}))};e.prototype.setupiOSNativeRefresher=function(e,i){return __awaiter(this,void 0,void 0,(function(){var t,o,f,a;var h=this;return __generator(this,(function(c){switch(c.label){case 0:this.elementToTransform=this.scrollEl;t=e.shadowRoot.querySelectorAll("svg");o=this.scrollEl.clientHeight*.16;f=t.length;n((function(){return t.forEach((function(e){return e.style.setProperty("animation","none")}))}));this.scrollListenerCallback=function(){if(!h.pointerDown&&h.state===1){return}s((function(){var e=h.scrollEl.scrollTop;var r=h.el.clientHeight;if(e>0){if(h.state===8){var s=m(0,e/(r*.5),1);n((function(){return L(i,1-s)}));return}return}if(h.pointerDown){if(!h.didStart){h.didStart=true;h.ionStart.emit()}if(h.pointerDown){h.ionPull.emit()}}var a=h.didStart?30:0;var c=h.progress=m(0,(Math.abs(e)-a)/o,1);var l=h.state===8||c===1;if(l){if(h.pointerDown){I(i,h.lastVelocityY)}if(!h.didRefresh){h.beginRefresh();h.didRefresh=true;x({style:y.Light});if(!h.pointerDown){R(h.elementToTransform,"".concat(r,"px"))}}}else{h.state=2;C(t,f,c)}}))};this.scrollEl.addEventListener("scroll",this.scrollListenerCallback);a=this;return[4,r.import("./p-3e1e14d9.system.js")];case 1:a.gesture=c.sent().createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,onStart:function(){h.pointerDown=true;if(!h.didRefresh){R(h.elementToTransform,"0px")}if(o===0){o=h.scrollEl.clientHeight*.16}},onMove:function(e){h.lastVelocityY=e.velocityY},onEnd:function(){h.pointerDown=false;h.didStart=false;if(h.needsCompletion){h.resetNativeRefresher(h.elementToTransform,32);h.needsCompletion=false}else if(h.didRefresh){s((function(){return R(h.elementToTransform,"".concat(h.el.clientHeight,"px"))}))}}});this.disabledChanged();return[2]}}))}))};e.prototype.setupMDNativeRefresher=function(e,i,t){return __awaiter(this,void 0,void 0,(function(){var s,o,f,a;var l=this;return __generator(this,(function(u){switch(u.label){case 0:s=v(i).querySelector("circle");o=this.el.querySelector("ion-refresher-content .refresher-pulling-icon");f=v(t).querySelector("circle");if(s!==null&&f!==null){n((function(){s.style.setProperty("animation","none");t.style.setProperty("animation-delay","-655ms");f.style.setProperty("animation-delay","-655ms")}))}a=this;return[4,r.import("./p-3e1e14d9.system.js")];case 1:a.gesture=u.sent().createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,canStart:function(){return l.state!==8&&l.state!==32&&l.scrollEl.scrollTop===0},onStart:function(e){l.progress=0;e.data={animation:undefined,didStart:false,cancelled:false}},onMove:function(r){if(r.velocityY<0&&l.progress===0&&!r.data.didStart||r.data.cancelled){r.data.cancelled=true;return}if(!r.data.didStart){r.data.didStart=true;l.state=2;var i=l.scrollEl;var t=i.matches(c)?"overflow":"--overflow";n((function(){return i.style.setProperty(t,"hidden")}));var s=T(e);var f=D(s,o,l.el);r.data.animation=f;f.progressStart(false,0);l.ionStart.emit();l.animations.push(f);return}l.progress=m(0,r.deltaY/180*.5,1);r.data.animation.progressStep(l.progress);l.ionPull.emit()},onEnd:function(e){if(!e.data.didStart){return}l.gesture.enable(false);var r=l.scrollEl;var i=r.matches(c)?"overflow":"--overflow";n((function(){return r.style.removeProperty(i)}));if(l.progress<=.4){e.data.animation.progressEnd(0,l.progress,500).onFinish((function(){l.animations.forEach((function(e){return e.destroy()}));l.animations=[];l.gesture.enable(true);l.state=1}));return}var t=h([0,0],[0,0],[1,1],[1,1],l.progress)[0];var s=O(o);l.animations.push(s);n((function(){return __awaiter(l,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:o.style.setProperty("--ion-pulling-refresher-translate","".concat(t*100,"px"));e.data.animation.progressEnd();return[4,s.play()];case 1:r.sent();this.beginRefresh();e.data.animation.destroy();this.gesture.enable(true);return[2]}}))}))}))}});this.disabledChanged();return[2]}}))}))};e.prototype.setupNativeRefresher=function(e){return __awaiter(this,void 0,void 0,(function(){var r,n;return __generator(this,(function(i){if(this.scrollListenerCallback||!e||this.nativeRefresher||!this.scrollEl){return[2]}this.setCss(0,"",false,"");this.nativeRefresher=true;r=this.el.querySelector("ion-refresher-content .refresher-pulling ion-spinner");n=this.el.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");if(w(this)==="ios"){this.setupiOSNativeRefresher(r,n)}else{this.setupMDNativeRefresher(e,r,n)}return[2]}))}))};e.prototype.componentDidUpdate=function(){this.checkNativeRefresher()};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e;var n=this;return __generator(this,(function(i){if(this.el.getAttribute("slot")!=="fixed"){console.error('Make sure you use: <ion-refresher slot="fixed">');return[2]}e=this.el.closest(l);if(!e){u(this.el);return[2]}g(e,(function(){return __awaiter(n,void 0,void 0,(function(){var n,i,t,s;var o=this;return __generator(this,(function(f){switch(f.label){case 0:n=e.querySelector(c);i=this;return[4,d(n!==null&&n!==void 0?n:e)];case 1:i.scrollEl=f.sent();t=this;return[4,e.getBackgroundElement()];case 2:t.backgroundContentEl=f.sent();return[4,G(this.el,w(this))];case 3:if(!f.sent())return[3,4];this.setupNativeRefresher(e);return[3,6];case 4:s=this;return[4,r.import("./p-3e1e14d9.system.js")];case 5:s.gesture=f.sent().createGesture({el:e,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:20,passive:false,canStart:function(){return o.canStart()},onStart:function(){return o.onStart()},onMove:function(e){return o.onMove(e)},onEnd:function(){return o.onEnd()}});this.disabledChanged();f.label=6;case 6:return[2]}}))}))}));return[2]}))}))};e.prototype.disconnectedCallback=function(){this.destroyNativeRefresher();this.scrollEl=undefined;if(this.gesture){this.gesture.destroy();this.gesture=undefined}};e.prototype.complete=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){if(this.nativeRefresher){this.needsCompletion=true;if(!this.pointerDown){b((function(){return b((function(){return e.resetNativeRefresher(e.elementToTransform,32)}))}))}}else{this.close(32,"120ms")}return[2]}))}))};e.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){if(this.nativeRefresher){if(!this.pointerDown){b((function(){return b((function(){return e.resetNativeRefresher(e.elementToTransform,16)}))}))}}else{this.close(16,"")}return[2]}))}))};e.prototype.getProgress=function(){return Promise.resolve(this.progress)};e.prototype.canStart=function(){if(!this.scrollEl){return false}if(this.state!==1){return false}if(this.scrollEl.scrollTop>0){return false}return true};e.prototype.onStart=function(){this.progress=0;this.state=1;this.memoizeOverflowStyle()};e.prototype.onMove=function(e){if(!this.scrollEl){return}var r=e.event;if(r.touches!==undefined&&r.touches.length>1){return}if((this.state&56)!==0){return}var n=Number.isNaN(this.pullFactor)||this.pullFactor<0?1:this.pullFactor;var i=e.deltaY*n;if(i<=0){this.progress=0;this.state=1;if(this.appliedStyles){this.setCss(0,"",false,"");return}return}if(this.state===1){var t=this.scrollEl.scrollTop;if(t>0){this.progress=0;return}this.state=2}if(r.cancelable){r.preventDefault()}this.setCss(i,"0ms",true,"");if(i===0){this.progress=0;return}var s=this.pullMin;this.progress=i/s;if(!this.didStart){this.didStart=true;this.ionStart.emit()}this.ionPull.emit();if(i<s){this.state=2;return}if(i>this.pullMax){this.beginRefresh();return}this.state=4;return};e.prototype.onEnd=function(){if(this.state===4){this.beginRefresh()}else if(this.state===2){this.cancel()}else if(this.state===1){this.restoreOverflowStyle()}};e.prototype.beginRefresh=function(){this.state=8;this.setCss(this.pullMin,this.snapbackDuration,true,"");this.ionRefresh.emit({complete:this.complete.bind(this)})};e.prototype.close=function(e,r){var n=this;setTimeout((function(){n.state=1;n.progress=0;n.didStart=false;n.setCss(0,"0ms",false,"",true)}),600);this.state=e;this.setCss(0,this.closeDuration,true,r)};e.prototype.setCss=function(e,r,i,t,s){var o=this;if(s===void 0){s=false}if(this.nativeRefresher){return}this.appliedStyles=e>0;n((function(){if(o.scrollEl&&o.backgroundContentEl){var n=o.scrollEl.style;var f=o.backgroundContentEl.style;n.transform=f.transform=e>0?"translateY(".concat(e,"px) translateZ(0px)"):"";n.transitionDuration=f.transitionDuration=r;n.transitionDelay=f.transitionDelay=t;n.overflow=i?"hidden":""}if(s){o.restoreOverflowStyle()}}))};e.prototype.memoizeOverflowStyle=function(){if(this.scrollEl){var e=this.scrollEl.style,r=e.overflow,n=e.overflowX,i=e.overflowY;this.overflowStyles={overflow:r!==null&&r!==void 0?r:"",overflowX:n!==null&&n!==void 0?n:"",overflowY:i!==null&&i!==void 0?i:""}}};e.prototype.restoreOverflowStyle=function(){if(this.overflowStyles!==undefined&&this.scrollEl!==undefined){var e=this.overflowStyles,r=e.overflow,n=e.overflowX,i=e.overflowY;this.scrollEl.style.overflow=r;this.scrollEl.style.overflowX=n;this.scrollEl.style.overflowY=i;this.overflowStyles=undefined}};e.prototype.render=function(){var e;var r=k(this);return o(a,{key:"bd41afd0d39f64d4b73902fa8d2191e88bb77794",slot:"fixed",class:(e={},e[r]=true,e["refresher-".concat(r)]=true,e["refresher-native"]=this.nativeRefresher,e["refresher-active"]=this.state!==1,e["refresher-pulling"]=this.state===2,e["refresher-ready"]=this.state===4,e["refresher-refreshing"]=this.state===8,e["refresher-cancelling"]=this.state===16,e["refresher-completing"]=this.state===32,e)})};Object.defineProperty(e.prototype,"el",{get:function(){return f(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledChanged"]}},enumerable:false,configurable:true});return e}());Q.style={ionic:q,ios:F,md:K};var U=e("ion_refresher_content",function(){function e(e){i(this,e);this.customHTMLEnabled=_.get("innerHTMLTemplatesEnabled",z);this.pullingIcon=undefined;this.pullingText=undefined;this.refreshingSpinner=undefined;this.refreshingText=undefined}e.prototype.componentWillLoad=function(){var e=k(this);if(this.pullingIcon===undefined){var r=A();var n=r?"lines":P;this.pullingIcon=_.get("refreshingIcon",e==="ios"&&r?_.get("spinner",n):"circular")}if(this.refreshingSpinner===undefined){this.refreshingSpinner=_.get("refreshingSpinner",_.get("spinner",e==="ios"?"lines":"circular"))}};e.prototype.renderPullingText=function(){var e=this,r=e.customHTMLEnabled,n=e.pullingText;if(r){return o("div",{class:"refresher-pulling-text",innerHTML:S(n)})}return o("div",{class:"refresher-pulling-text"},n)};e.prototype.renderRefreshingText=function(){var e=this,r=e.customHTMLEnabled,n=e.refreshingText;if(r){return o("div",{class:"refresher-refreshing-text",innerHTML:S(n)})}return o("div",{class:"refresher-refreshing-text"},n)};e.prototype.render=function(){var e;var r=this.pullingIcon;var n=r!=null&&M[r]!==undefined;var i=k(this);return o(a,{key:"3ca3fccc7a8cb29a6dfc570f9052ceca61799c93",class:(e={},e[i]=true,e)},o("div",{key:"ce5c20051eff59e5c4f8b6578d953c2d7d3b7f87",class:"refresher-pulling"},this.pullingIcon&&n&&o("div",{key:"c6422439ce4acc179e05e905ce5efe5a1a1d80b7",class:"refresher-pulling-icon"},o("div",{key:"5bac7c5b4a16f88719f459616a57b2c64ddd0a29",class:"spinner-arrow-container"},o("ion-spinner",{key:"f832e4b8e19c8b8af79f6ecf8cce7bd5c6e41b6f",name:this.pullingIcon,paused:true}),i==="md"&&this.pullingIcon==="circular"&&o("div",{key:"c447410bd305bab0e4e323017f5763db35d58491",class:"arrow-container"},o("ion-icon",{key:"648979a648454e3f73e975fd23b375eff4f4ca67",icon:Y,"aria-hidden":"true"})))),this.pullingIcon&&!n&&o("div",{key:"a498c2cca227fe4f11db66ac8ce1ebf8f9155069",class:"refresher-pulling-icon"},o("ion-icon",{key:"abae52dc96698599668b5382b311339a861c7752",icon:this.pullingIcon,lazy:false,"aria-hidden":"true"})),this.pullingText!==undefined&&this.renderPullingText()),o("div",{key:"eb9451dc3f0fef6396698fc21014f33428781ce0",class:"refresher-refreshing"},this.refreshingSpinner&&o("div",{key:"0d00725aa7dd4ce077c7ca47fe6af098d7acfeb2",class:"refresher-refreshing-icon"},o("ion-spinner",{key:"23eb6075336fb7831fca53eecdabc8f08ff3138c",name:this.refreshingSpinner})),this.refreshingText!==undefined&&this.renderRefreshingText()))};Object.defineProperty(e.prototype,"el",{get:function(){return f(this)},enumerable:false,configurable:true});return e}())}}}));

package/dist/types/components/accordion/accordion.d.ts

@@ -6,7 +6,8 @@ declare const enum AccordionState {
     Expanding = 8
 }
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot header - Content is placed at the top and is used to
  * expand or collapse the accordion item.
@@ -49,7 +50,7 @@ export declare class Accordion implements ComponentInterface {
      * rotated when the accordion is expanded
      * or collapsed.
      */
-    toggleIcon: string;
+    toggleIcon?: string;
     /**
      * The slot inside of `ion-item` to
      * place the toggle icon. Defaults to `"end"`.

package/dist/types/components/accordion-group/accordion-group.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AccordionGroupChangeEventDetail } from './accordion-group-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class AccordionGroup implements ComponentInterface {
     el: HTMLIonAccordionGroupElement;

package/dist/types/components/action-sheet/action-sheet-interface.d.ts

@@ -1,20 +1,16 @@
-import type { AnimationBuilder, LiteralUnion, Mode } from '../../interface';
-export interface ActionSheetOptions {
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { LiteralUnion } from '../../interface';
+export interface ActionSheetOptions extends OverlayOptions {
     header?: string;
     subHeader?: string;
     cssClass?: string | string[];
     buttons: (ActionSheetButton | string)[];
     backdropDismiss?: boolean;
     translucent?: boolean;
-    animated?: boolean;
-    mode?: Mode;
     keyboardClose?: boolean;
-    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
-    enterAnimation?: AnimationBuilder;
-    leaveAnimation?: AnimationBuilder;
 }
 export interface ActionSheetButton<T = any> {
     text?: string;

package/dist/types/components/action-sheet/action-sheet.d.ts

@@ -3,7 +3,8 @@ import type { AnimationBuilder, FrameworkDelegate, OverlayInterface } from '../.
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { ActionSheetButton } from './action-sheet-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class ActionSheet implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -57,7 +58,7 @@ export declare class ActionSheet implements ComponentInterface, OverlayInterface
     subHeader?: string;
     /**
      * If `true`, the action sheet will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/alert/alert-interface.d.ts

@@ -1,6 +1,7 @@
-import type { AnimationBuilder, LiteralUnion, Mode, TextFieldTypes } from '../../interface';
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { LiteralUnion, TextFieldTypes } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
-export interface AlertOptions {
+export interface AlertOptions extends OverlayOptions {
     header?: string;
     subHeader?: string;
     message?: string | IonicSafeString;
@@ -9,15 +10,10 @@ export interface AlertOptions {
     buttons?: (AlertButton | string)[];
     backdropDismiss?: boolean;
     translucent?: boolean;
-    animated?: boolean;
     htmlAttributes?: {
         [key: string]: any;
     };
-    mode?: Mode;
     keyboardClose?: boolean;
-    id?: string;
-    enterAnimation?: AnimationBuilder;
-    leaveAnimation?: AnimationBuilder;
 }
 export interface AlertInput {
     type?: TextFieldTypes | 'checkbox' | 'radio' | 'textarea';

package/dist/types/components/alert/alert.d.ts

@@ -4,7 +4,8 @@ import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { AlertButton, AlertInput } from './alert-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class Alert implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -80,7 +81,7 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
     backdropDismiss: boolean;
     /**
      * If `true`, the alert will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/app/app.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class App implements ComponentInterface {
     private focusVisible?;
     el: HTMLElement;

package/dist/types/components/avatar/avatar.d.ts

@@ -1,4 +1,29 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class Avatar implements ComponentInterface {
+    el: HTMLElement;
+    /**
+     * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"`
+     * for the default height and width, `"large"` for a larger size, or `"xlarge"` for
+     * the largest dimensions.
+     *
+     * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes.
+     */
+    size?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge';
+    /**
+     * Set to `"soft"` for an avatar with slightly rounded corners,
+     * `"round"` for an avatar with fully rounded corners, or `"rectangular"`
+     * for an avatar without rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
+    get hasImage(): boolean;
+    get hasIcon(): boolean;
+    private getSize;
+    private getShape;
     render(): any;
 }

package/dist/types/components/back-button/back-button.d.ts

@@ -2,7 +2,8 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ButtonInterface } from "../../utils/element-interface";
 import type { AnimationBuilder, Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @part native - The native HTML button element that wraps all child elements.
  * @part icon - The back button icon (uses ion-icon).

package/dist/types/components/backdrop/backdrop.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class Backdrop implements ComponentInterface {
     /**
      * If `true`, the backdrop will be visible.

package/dist/types/components/badge/badge.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class Badge implements ComponentInterface {
     /**
@@ -10,5 +11,26 @@ export declare class Badge implements ComponentInterface {
      * For more information on colors, see [theming](/docs/theming/basics).
      */
     color?: Color;
+    /**
+     * Set to `"rectangular"` for non-rounded corners.
+     * Set to `"soft"` for slightly rounded corners.
+     * Set to `"round"` for fully rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'soft' | 'round';
+    /**
+     * Set to `"xxsmall"` for the smallest badge.
+     * Set to "xsmall" for a very small badge.
+     * Set to `"small"` for a small badge.
+     * Set to "medium" for a medium badge.
+     * Set to "large" for a large badge.
+     * Set to `"xlarge"` for the largest badge.
+     *
+     * Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
+     */
+    size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    private getShape;
+    private getSize;
     render(): any;
 }

package/dist/types/components/breadcrumb/breadcrumb.d.ts

@@ -3,7 +3,8 @@ import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 import type { BreadcrumbCollapsedClickEventDetail } from './breadcrumb-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @part native - The native HTML anchor or div element that wraps all child elements.
  * @part separator - The separator element between each breadcrumb.

package/dist/types/components/breadcrumbs/breadcrumbs.d.ts

@@ -2,8 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { BreadcrumbCollapsedClickEventDetail } from '../breadcrumb/breadcrumb-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
- *
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class Breadcrumbs implements ComponentInterface {
     collapsed: boolean;

package/dist/types/components/button/button.d.ts

@@ -3,7 +3,8 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot icon-only - Should be used on an icon in a button that has no text.
@@ -78,9 +79,11 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
      */
     rel: string | undefined;
     /**
-     * Set to `"round"` for a button with more rounded corners.
+     * Set to `"soft"` for a button with slightly rounded corners, `"round"` for a button with fully
+     * rounded corners, or `"rectangular"` for a button without rounded corners.
+     * Defaults to `"soft"` for the `"ios"` theme and `"round"` for all other themes.
      */
-    shape?: 'round';
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Set to `"small"` for a button with less height and padding, to `"default"`
      * for a button with the default height and padding, or to `"large"` for a button
@@ -88,7 +91,7 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
      * is inside of an item, where the size is `"small"` by default. Set the size to
      * `"default"` inside of an item to make it a standard size button.
      */
-    size?: 'small' | 'default' | 'large';
+    size?: 'xsmall' | 'small' | 'default' | 'large' | 'xlarge';
     /**
      * If `true`, activates a button with a heavier font weight.
      */
@@ -128,6 +131,14 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
     componentWillLoad(): void;
     private get hasIconOnly();
     private get rippleType();
+    /**
+     * Set the shape based on the theme
+     */
+    private getShape;
+    /**
+     * Disable the "xsmall" and "xlarge" sizes if the theme is "ios" or "md"
+     */
+    private getSize;
     /**
      * Finds the form element based on the provided `form` selector
      * or element reference provided.

package/dist/types/components/buttons/buttons.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class Buttons implements ComponentInterface {
     /**
      * If true, buttons will disappear when its
@@ -7,7 +11,7 @@ export declare class Buttons implements ComponentInterface {
      * first toolbar, the buttons will be hidden and will
      * only be shown once all toolbars have fully collapsed.
      *
-     * Only applies in `ios` mode with `collapse` set to
+     * Only applies in the `ios` theme with `collapse` set to
      * `true` on `ion-header`.
      *
      * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)

package/dist/types/components/card/card.d.ts

@@ -3,7 +3,8 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @part native - The native HTML button, anchor, or div element that wraps all child elements.
  */
@@ -55,6 +56,12 @@ export declare class Card implements ComponentInterface, AnchorInterface, Button
      * another page using `href`.
      */
     routerAnimation: AnimationBuilder | undefined;
+    /**
+     * Set to `"soft"` for a card with slightly rounded corners, `"round"` for a card with more
+     * rounded corners, or `"rectangular"` for a card without rounded corners.
+     * Defaults to `"round"`.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.

package/dist/types/components/card-content/card-content.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class CardContent implements ComponentInterface {
     render(): any;

package/dist/types/components/card-header/card-header.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class CardHeader implements ComponentInterface {
     /**
@@ -12,7 +13,7 @@ export declare class CardHeader implements ComponentInterface {
     color?: Color;
     /**
      * If `true`, the card header will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/card-subtitle/card-subtitle.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class CardSubtitle implements ComponentInterface {
     /**

package/dist/types/components/card-title/card-title.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class CardTitle implements ComponentInterface {
     /**

package/dist/types/components/checkbox/checkbox.d.ts

@@ -2,7 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { CheckboxChangeEventDetail } from './checkbox-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - The label text to associate with the checkbox. Use the "labelPlacement" property to control where the label is placed relative to the checkbox.
  *
@@ -70,9 +71,18 @@ export declare class Checkbox implements ComponentInterface {
      */
     alignment: 'start' | 'center';
     /**
-     * Emitted when the checked property has changed as a result of a user action such as a click.
-     *
-     * This event will not emit when programmatically setting the `checked` property.
+     * Set to `"small"` for a checkbox with less height and padding.
+     */
+    size?: 'small';
+    /**
+     * Set to `"soft"` for a checkbox with more rounded corners. Only available when the theme is `"ionic"`.
+     */
+    shape?: 'soft' | 'rectangular';
+    /**
+     * Emitted when the checked property has changed
+     * as a result of a user action such as a click.
+     * This event will not emit when programmatically
+     * setting the `checked` property.
      */
     ionChange: EventEmitter<CheckboxChangeEventDetail>;
     /**

package/dist/types/components/chip/chip.d.ts

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  */
 export declare class Chip implements ComponentInterface {
     /**
@@ -18,5 +19,22 @@ export declare class Chip implements ComponentInterface {
      * If `true`, the user cannot interact with the chip.
      */
     disabled: boolean;
+    /**
+     * Set to `"soft"` for a chip with slightly rounded corners, `"round"` for a chip with fully
+     * rounded corners, or `"rectangular"` for a chip without rounded corners.
+     * Defaults to `"round"` for the `"ionic"` theme and `"soft"` for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
+    /**
+     * Set the shape based on the theme
+     */
+    private getShape;
+    /**
+     * Set to `"small"` for a chip with less height and padding.
+     *
+     * Defaults to `"large"` for the ionic theme, and  undefined for all other themes.
+     */
+    size?: 'small' | 'large';
+    private getSize;
     render(): any;
 }

package/dist/types/components/col/col.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export declare class Col implements ComponentInterface {
     /**
      * The amount to offset the column, in terms of how many columns it should shift to the end

package/dist/types/components/content/content.d.ts

@@ -2,6 +2,9 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { ScrollBaseDetail, ScrollDetail } from './content-interface';
 /**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ *
  * @slot - Content is placed in the scrollable area if provided without a slot.
  * @slot fixed - Should be used for fixed content that should not scroll.
  *