@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/cjs/ion-tab-button.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const ionicGlobal = require('./ionic-global-878073d1.js');
+const index = require('./index-51e8292e.js');
+const ionicGlobal = require('./ionic-global-2cde9d3a.js');
 
 const tabButtonIosCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;flex:1;flex-direction:column;align-items:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);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;display:flex;position:relative;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box;-webkit-user-drag:none}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:flex;position:relative;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}::slotted(ion-label){order:0}::slotted(ion-icon){order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){flex-direction:row}:host(.tab-layout-icon-end){flex-direction:row-reverse}:host(.tab-layout-icon-bottom){flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge){padding-left:6px;padding-right:6px;padding-top:1px;padding-bottom:1px;left:calc(50% + 6px);top:4px;height:auto;font-size:12px;line-height:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-badge){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}[dir=rtl] ::slotted(ion-badge),:host-context([dir=rtl]) ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 6px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:30px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){left:calc(50% + 12px)}:host-context([dir=rtl]):host(.tab-layout-icon-bottom) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-bottom ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){left:calc(50% + 35px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-start) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-start ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-layout-icon-end) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-end ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){left:calc(50% + 30px);top:10px}:host-context([dir=rtl]):host(.tab-layout-icon-hide) ::slotted(ion-badge),:host-context([dir=rtl]).tab-layout-icon-hide ::slotted(ion-badge),:host-context([dir=rtl]):host(.tab-has-label-only) ::slotted(ion-badge),:host-context([dir=rtl]).tab-has-label-only ::slotted(ion-badge){left:unset;right:unset;right:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
 
@@ -33,7 +33,7 @@ const TabButton = class {
   onTabBarChanged(ev) {
     const dispatchedFrom = ev.target;
     const parent = this.el.parentElement;
-    if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {
+    if (ev.composedPath().includes(parent) || (dispatchedFrom === null || dispatchedFrom === void 0 ? void 0 : dispatchedFrom.contains(this.el))) {
       this.selected = this.tab === ev.detail.tab;
     }
   }
@@ -48,7 +48,7 @@ const TabButton = class {
         this.ionTabButtonClick.emit({
           tab: this.tab,
           href: this.href,
-          selected: this.selected
+          selected: this.selected,
         });
       }
       ev.preventDefault();
@@ -77,7 +77,7 @@ const TabButton = class {
       download: this.download,
       href,
       rel,
-      target
+      target,
     };
     return (index.h(index.Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
         [mode]: true,
@@ -90,7 +90,7 @@ const TabButton = class {
         [`tab-layout-${layout}`]: true,
         'ion-activatable': true,
         'ion-selectable': true,
-        'ion-focusable': true
+        'ion-focusable': true,
       } }, index.h("a", Object.assign({}, attrs, { tabIndex: -1, class: "button-native", part: "native" }), index.h("span", { class: "button-inner" }, index.h("slot", null)), mode === 'md' && index.h("ion-ripple-effect", { type: "unbounded" }))));
   }
   get el() { return index.getElement(this); }

package/dist/cjs/ion-tab.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const frameworkDelegate = require('./framework-delegate-2470a246.js');
-require('./helpers-7e28976c.js');
+const index = require('./index-51e8292e.js');
+const frameworkDelegate = require('./framework-delegate-59a98abd.js');
+require('./helpers-c2496722.js');
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 
@@ -46,7 +46,7 @@ const Tab = class {
     const { tab, active, component } = this;
     return (index.h(index.Host, { role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
         'ion-page': component === undefined,
-        'tab-hidden': !active
+        'tab-hidden': !active,
       } }, index.h("slot", null)));
   }
   get el() { return index.getElement(this); }

package/dist/cjs/ion-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const tabsCss = ":host{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;width:100%;height:100%;contain:layout size style;z-index:0}.tabs-inner{position:relative;flex:1;contain:layout size style}";
 
@@ -91,7 +91,8 @@ const Tabs = class {
   }
   /** @internal */
   async getRouteId() {
-    const tabId = this.selectedTab && this.selectedTab.tab;
+    var _a;
+    const tabId = (_a = this.selectedTab) === null || _a === void 0 ? void 0 : _a.tab;
     return tabId !== undefined ? { id: tabId, element: this.selectedTab } : undefined;
   }
   setActive(selectedTab) {
@@ -142,9 +143,7 @@ const Tabs = class {
   get el() { return index.getElement(this); }
 };
 const getTab = (tabs, tab) => {
-  const tabEl = (typeof tab === 'string')
-    ? tabs.find(t => t.tab === tab)
-    : tab;
+  const tabEl = typeof tab === 'string' ? tabs.find((t) => t.tab === tab) : tab;
   if (!tabEl) {
     console.error(`tab with id: "${tabEl}" does not exist`);
   }

package/dist/cjs/ion-text.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const ionicGlobal = require('./ionic-global-2cde9d3a.js');
+const theme = require('./theme-b0b295c1.js');
+
+const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
+
+const Text = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    const mode = ionicGlobal.getIonMode(this);
+    return (index.h(index.Host, { class: theme.createColorClasses(this.color, {
+        [mode]: true,
+      }) }, index.h("slot", null)));
+  }
+};
+Text.style = textCss;
+
+exports.ion_text = Text;

package/dist/cjs/ion-thumbnail.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const ionicGlobal = require('./ionic-global-878073d1.js');
+const index = require('./index-51e8292e.js');
+const ionicGlobal = require('./ionic-global-2cde9d3a.js');
 
 const thumbnailCss = ":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}";
 

package/dist/cjs/ion-toast.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const ionicGlobal = require('./ionic-global-878073d1.js');
-const overlays = require('./overlays-0a748609.js');
-const index$1 = require('./index-185f9c5a.js');
-const theme = require('./theme-4252ac15.js');
-const animation = require('./animation-6132e37f.js');
-const helpers = require('./helpers-7e28976c.js');
-require('./hardware-back-button-f7b5d99e.js');
+const index = require('./index-51e8292e.js');
+const ionicGlobal = require('./ionic-global-2cde9d3a.js');
+const overlays = require('./overlays-32df265a.js');
+const index$1 = require('./index-af080b50.js');
+const theme = require('./theme-b0b295c1.js');
+const animation = require('./animation-ee586546.js');
+const helpers = require('./helpers-c2496722.js');
+require('./hardware-back-button-92d97ff8.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -38,10 +38,7 @@ const iosEnterAnimation = (baseEl, position) => {
       wrapperAnimation.fromTo('transform', 'translateY(100%)', `translateY(${bottom})`);
       break;
   }
-  return baseAnimation
-    .easing('cubic-bezier(.155,1.105,.295,1.12)')
-    .duration(400)
-    .addAnimation(wrapperAnimation);
+  return baseAnimation.easing('cubic-bezier(.155,1.105,.295,1.12)').duration(400).addAnimation(wrapperAnimation);
 };
 
 /*!
@@ -69,10 +66,7 @@ const iosLeaveAnimation = (baseEl, position) => {
       wrapperAnimation.fromTo('transform', `translateY(${bottom})`, 'translateY(100%)');
       break;
   }
-  return baseAnimation
-    .easing('cubic-bezier(.36,.66,.04,1)')
-    .duration(300)
-    .addAnimation(wrapperAnimation);
+  return baseAnimation.easing('cubic-bezier(.36,.66,.04,1)').duration(300).addAnimation(wrapperAnimation);
 };
 
 /*!
@@ -104,10 +98,7 @@ const mdEnterAnimation = (baseEl, position) => {
       wrapperAnimation.fromTo('opacity', 0.01, 1);
       break;
   }
-  return baseAnimation
-    .easing('cubic-bezier(.36,.66,.04,1)')
-    .duration(400)
-    .addAnimation(wrapperAnimation);
+  return baseAnimation.easing('cubic-bezier(.36,.66,.04,1)').duration(400).addAnimation(wrapperAnimation);
 };
 
 /*!
@@ -121,13 +112,8 @@ const mdLeaveAnimation = (baseEl) => {
   const wrapperAnimation = animation.createAnimation();
   const root = helpers.getElementRoot(baseEl);
   const wrapperEl = root.querySelector('.toast-wrapper');
-  wrapperAnimation
-    .addElement(wrapperEl)
-    .fromTo('opacity', 0.99, 0);
-  return baseAnimation
-    .easing('cubic-bezier(.36,.66,.04,1)')
-    .duration(300)
-    .addAnimation(wrapperAnimation);
+  wrapperAnimation.addElement(wrapperEl).fromTo('opacity', 0.99, 0);
+  return baseAnimation.easing('cubic-bezier(.36,.66,.04,1)').duration(300).addAnimation(wrapperAnimation);
 };
 
 const toastIosCss = ":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;left:0;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}:host-context([dir=rtl]){left:unset;right:unset;right:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);left:var(--start);right:var(--end);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);box-shadow:var(--box-shadow)}[dir=rtl] .toast-wrapper,:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}.toast-container{display:flex;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-content{display:flex;flex:1;flex-direction:column;justify-content:center}.toast-icon{margin-left:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.toast-icon{margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}.toast-message{flex:1;white-space:var(--white-space)}.toast-button-group{display:flex}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:flex;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50, #f2f2f2);--border-radius:14px;--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-850, #262626);--max-width:700px;--start:10px;--end:10px;font-size:14px}.toast-wrapper{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.toast-wrapper{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}@supports (backdrop-filter: blur(0)){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(180%) blur(20px)}}.toast-wrapper.toast-top{transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-middle{opacity:0.01}.toast-wrapper.toast-bottom{transform:translate3d(0,  100%,  0);bottom:0}.toast-content{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.toast-content{padding-left:unset;padding-right:unset;-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px}}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;height:44px;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:17px;font-weight:500;overflow:hidden}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.toast-button{padding-left:unset;padding-right:unset;-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px}}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}";
@@ -168,7 +154,7 @@ const Toast = class {
     this.dispatchCancelHandler = (ev) => {
       const role = ev.detail.role;
       if (overlays.isCancel(role)) {
-        const cancelButton = this.getButtons().find(b => b.role === 'cancel');
+        const cancelButton = this.getButtons().find((b) => b.role === 'cancel');
         this.callButtonHandler(cancelButton);
       }
     };
@@ -214,10 +200,8 @@ const Toast = class {
   }
   getButtons() {
     const buttons = this.buttons
-      ? this.buttons.map(b => {
-        return (typeof b === 'string')
-          ? { text: b }
-          : b;
+      ? this.buttons.map((b) => {
+        return typeof b === 'string' ? { text: b } : b;
       })
       : [];
     return buttons;
@@ -234,7 +218,7 @@ const Toast = class {
     return Promise.resolve();
   }
   async callButtonHandler(button) {
-    if (button && button.handler) {
+    if (button === null || button === void 0 ? void 0 : button.handler) {
       // a handler has been provided, execute it
       // pass the handler the values from the inputs
       try {
@@ -257,27 +241,23 @@ const Toast = class {
     const mode = ionicGlobal.getIonMode(this);
     const buttonGroupsClasses = {
       'toast-button-group': true,
-      [`toast-button-group-${side}`]: true
+      [`toast-button-group-${side}`]: true,
     };
-    return (index.h("div", { class: buttonGroupsClasses }, buttons.map(b => index.h("button", { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: "button" }, index.h("div", { class: "toast-button-inner" }, b.icon &&
-      index.h("ion-icon", { icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" }), b.text), mode === 'md' && index.h("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))));
+    return (index.h("div", { class: buttonGroupsClasses }, buttons.map((b) => (index.h("button", { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: "button" }, index.h("div", { class: "toast-button-inner" }, b.icon && (index.h("ion-icon", { icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" })), b.text), mode === 'md' && (index.h("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))))));
   }
   render() {
     const allButtons = this.getButtons();
-    const startButtons = allButtons.filter(b => b.side === 'start');
-    const endButtons = allButtons.filter(b => b.side !== 'start');
+    const startButtons = allButtons.filter((b) => b.side === 'start');
+    const endButtons = allButtons.filter((b) => b.side !== 'start');
     const mode = ionicGlobal.getIonMode(this);
     const wrapperClass = {
       'toast-wrapper': true,
-      [`toast-${this.position}`]: true
+      [`toast-${this.position}`]: true,
     };
     const role = allButtons.length > 0 ? 'dialog' : 'status';
     return (index.h(index.Host, Object.assign({ "aria-live": "polite", "aria-atomic": "true", role: role, tabindex: "-1" }, this.htmlAttributes, { style: {
         zIndex: `${60000 + this.overlayIndex}`,
-      }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index.h("div", { class: wrapperClass }, index.h("div", { class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined &&
-      index.h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" }), index.h("div", { class: "toast-content" }, this.header !== undefined &&
-      index.h("div", { class: "toast-header", part: "header" }, this.header), this.message !== undefined &&
-      index.h("div", { class: "toast-message", part: "message", innerHTML: index$1.sanitizeDOMString(this.message) })), this.renderButtons(endButtons, 'end')))));
+      }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index.h("div", { class: wrapperClass }, index.h("div", { class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index.h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index.h("div", { class: "toast-content" }, this.header !== undefined && (index.h("div", { class: "toast-header", part: "header" }, this.header)), this.message !== undefined && (index.h("div", { class: "toast-message", part: "message", innerHTML: index$1.sanitizeDOMString(this.message) }))), this.renderButtons(endButtons, 'end')))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/ion-virtual-scroll.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const helpers = require('./helpers-7e28976c.js');
+const index = require('./index-51e8292e.js');
+const helpers = require('./helpers-c2496722.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -30,7 +30,7 @@ const updateVDom = (dom, heightIndex, cells, range) => {
   const end = range.offset + range.length;
   for (let i = range.offset; i < end; i++) {
     const cell = cells[i];
-    const node = dom.find(n => n.d && n.cell === cell);
+    const node = dom.find((n) => n.d && n.cell === cell);
     if (node) {
       const top = heightIndex[i];
       if (top !== node.top) {
@@ -44,9 +44,9 @@ const updateVDom = (dom, heightIndex, cells, range) => {
     }
   }
   // needs to append
-  const pool = dom.filter(n => n.d);
+  const pool = dom.filter((n) => n.d);
   for (const cell of toMutate) {
-    const node = pool.find(n => n.d && n.cell.type === cell.type);
+    const node = pool.find((n) => n.d && n.cell.type === cell.type);
     const index = cell.i;
     if (node) {
       node.d = false;
@@ -65,14 +65,14 @@ const updateVDom = (dom, heightIndex, cells, range) => {
     }
   }
   dom
-    .filter(n => n.d && n.top !== -9999)
-    .forEach(n => {
+    .filter((n) => n.d && n.top !== -9999)
+    .forEach((n) => {
     n.change = NODE_CHANGE_POSITION;
     n.top = -9999;
   });
 };
 const doRender = (el, nodeRender, dom, updateCellHeight) => {
-  const children = Array.from(el.children).filter(n => n.tagName !== 'TEMPLATE');
+  const children = Array.from(el.children).filter((n) => n.tagName !== 'TEMPLATE');
   const childrenNu = children.length;
   let child;
   for (let i = 0; i < dom.length; i++) {
@@ -126,15 +126,18 @@ const createNode = (el, type) => {
 };
 const getTemplate = (el, type) => {
   switch (type) {
-    case CELL_TYPE_ITEM: return el.querySelector('template:not([name])');
-    case CELL_TYPE_HEADER: return el.querySelector('template[name=header]');
-    case CELL_TYPE_FOOTER: return el.querySelector('template[name=footer]');
+    case CELL_TYPE_ITEM:
+      return el.querySelector('template:not([name])');
+    case CELL_TYPE_HEADER:
+      return el.querySelector('template[name=header]');
+    case CELL_TYPE_FOOTER:
+      return el.querySelector('template[name=footer]');
   }
 };
 const getViewport = (scrollTop, vierportHeight, margin) => {
   return {
     top: Math.max(scrollTop - margin, 0),
-    bottom: scrollTop + vierportHeight + margin
+    bottom: scrollTop + vierportHeight + margin,
   };
 };
 const getRange = (heightIndex, viewport, buffer) => {
@@ -160,9 +163,7 @@ const getRange = (heightIndex, viewport, buffer) => {
 };
 const getShouldUpdate = (dirtyIndex, currentRange, range) => {
   const end = range.offset + range.length;
-  return (dirtyIndex <= end ||
-    currentRange.offset !== range.offset ||
-    currentRange.length !== range.length);
+  return dirtyIndex <= end || currentRange.offset !== range.offset || currentRange.length !== range.length;
 };
 const findCellIndex = (cells, index) => {
   const max = cells.length > 0 ? cells[cells.length - 1].index : 0;
@@ -173,7 +174,7 @@ const findCellIndex = (cells, index) => {
     return cells.length;
   }
   else {
-    return cells.findIndex(c => c.index === index);
+    return cells.findIndex((c) => c.index === index);
   }
 };
 const inplaceUpdate = (dst, src, offset) => {
@@ -255,7 +256,7 @@ const resizeBuffer = (buf, len) => {
   }
 };
 const positionForIndex = (index, cells, heightIndex) => {
-  const cell = cells.find(c => c.type === CELL_TYPE_ITEM && c.index === index);
+  const cell = cells.find((c) => c.type === CELL_TYPE_ITEM && c.index === index);
   if (cell) {
     return heightIndex[cell.i];
   }
@@ -351,7 +352,7 @@ const VirtualScroll = class {
    * This method marks a subset of items as dirty, so they can be re-rendered. Items should be marked as
    * dirty any time the content or their style changes.
    *
-   * The subset of items to be updated can are specifing by an offset and a length.
+   * The subset of items to be updated can are specifying by an offset and a length.
    */
   async checkRange(offset, len = -1) {
     // TODO: kind of hacky how we do in-place updated of the cells
@@ -359,9 +360,7 @@ const VirtualScroll = class {
     if (!this.items) {
       return;
     }
-    const length = (len === -1)
-      ? this.items.length - offset
-      : len;
+    const length = len === -1 ? this.items.length - offset : len;
     const cellIndex = findCellIndex(this.cells, offset);
     const cells = calcCells(this.items, this.itemHeight, this.headerHeight, this.footerHeight, this.headerFn, this.footerFn, this.approxHeaderHeight, this.approxFooterHeight, this.approxItemHeight, cellIndex, offset, length);
     this.cells = inplaceUpdate(this.cells, cells, cellIndex);
@@ -473,8 +472,7 @@ const VirtualScroll = class {
     this.timerUpdate = setTimeout(() => this.updateVirtualScroll(), 100);
   }
   updateState() {
-    const shouldEnable = !!(this.scrollEl &&
-      this.cells);
+    const shouldEnable = !!(this.scrollEl && this.cells);
     if (shouldEnable !== this.isEnabled) {
       this.enableScrollEvents(shouldEnable);
       if (shouldEnable) {
@@ -519,15 +517,18 @@ const VirtualScroll = class {
   renderVirtualNode(node) {
     const { type, value, index } = node.cell;
     switch (type) {
-      case CELL_TYPE_ITEM: return this.renderItem(value, index);
-      case CELL_TYPE_HEADER: return this.renderHeader(value, index);
-      case CELL_TYPE_FOOTER: return this.renderFooter(value, index);
+      case CELL_TYPE_ITEM:
+        return this.renderItem(value, index);
+      case CELL_TYPE_HEADER:
+        return this.renderHeader(value, index);
+      case CELL_TYPE_FOOTER:
+        return this.renderFooter(value, index);
     }
   }
   render() {
     return (index.h(index.Host, { style: {
-        height: `${this.totalHeight}px`
-      } }, this.renderItem && (index.h(VirtualProxy, { dom: this.virtualDom }, this.virtualDom.map(node => this.renderVirtualNode(node))))));
+        height: `${this.totalHeight}px`,
+      } }, this.renderItem && (index.h(VirtualProxy, { dom: this.virtualDom }, this.virtualDom.map((node) => this.renderVirtualNode(node))))));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/{ionic-global-878073d1.js → ionic-global-2cde9d3a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -57,7 +57,7 @@ const configFromURL = (win) => {
   win.location.search
     .slice(1)
     .split('&')
-    .map(entry => entry.split('='))
+    .map((entry) => entry.split('='))
     .map(([key, value]) => [decodeURIComponent(key), decodeURIComponent(value)])
     .filter(([key]) => startsWith(key, IONIC_PREFIX))
     .map(([key, value]) => [key.slice(IONIC_PREFIX.length), value])
@@ -91,14 +91,14 @@ const setupPlatforms = (win = window) => {
   let platforms = win.Ionic.platforms;
   if (platforms == null) {
     platforms = win.Ionic.platforms = detectPlatforms(win);
-    platforms.forEach(p => win.document.documentElement.classList.add(`plt-${p}`));
+    platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
   }
   return platforms;
 };
 const detectPlatforms = (win) => {
   const customPlatformMethods = config.get('platform');
-  return Object.keys(PLATFORMS_MAP).filter(p => {
-    const customMethod = customPlatformMethods && customPlatformMethods[p];
+  return Object.keys(PLATFORMS_MAP).filter((p) => {
+    const customMethod = customPlatformMethods === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
     return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
   });
 };
@@ -125,18 +125,14 @@ const isPhablet = (win) => {
   const height = win.innerHeight;
   const smallest = Math.min(width, height);
   const largest = Math.max(width, height);
-  return (smallest > 390 && smallest < 520) &&
-    (largest > 620 && largest < 800);
+  return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
 };
 const isTablet = (win) => {
   const width = win.innerWidth;
   const height = win.innerHeight;
   const smallest = Math.min(width, height);
   const largest = Math.max(width, height);
-  return (isIpad(win) ||
-    isAndroidTablet(win) ||
-    ((smallest > 460 && smallest < 820) &&
-      (largest > 780 && largest < 1400)));
+  return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
 };
 const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
 const isDesktop = (win) => !isMobile(win);
@@ -144,27 +140,27 @@ const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
 const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
 const isCapacitorNative = (win) => {
   const capacitor = win['Capacitor'];
-  return !!(capacitor && capacitor.isNative);
+  return !!(capacitor === null || capacitor === void 0 ? void 0 : capacitor.isNative);
 };
 const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => !!((win.matchMedia && win.matchMedia('(display-mode: standalone)').matches) || win.navigator.standalone);
+const isPWA = (win) => { var _a; return !!(((_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, '(display-mode: standalone)').matches) || win.navigator.standalone); };
 const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia = (win, query) => win.matchMedia && win.matchMedia(query).matches;
+const matchMedia = (win, query) => { var _a; return (_a = win.matchMedia) === null || _a === void 0 ? void 0 : _a.call(win, query).matches; };
 const PLATFORMS_MAP = {
-  'ipad': isIpad,
-  'iphone': isIphone,
-  'ios': isIOS,
-  'android': isAndroid,
-  'phablet': isPhablet,
-  'tablet': isTablet,
-  'cordova': isCordova,
-  'capacitor': isCapacitorNative,
-  'electron': isElectron,
-  'pwa': isPWA,
-  'mobile': isMobile,
-  'mobileweb': isMobileWeb,
-  'desktop': isDesktop,
-  'hybrid': isHybrid
+  ipad: isIpad,
+  iphone: isIphone,
+  ios: isIOS,
+  android: isAndroid,
+  phablet: isPhablet,
+  tablet: isTablet,
+  cordova: isCordova,
+  capacitor: isCapacitorNative,
+  electron: isElectron,
+  pwa: isPWA,
+  mobile: isMobile,
+  mobileweb: isMobileWeb,
+  desktop: isDesktop,
+  hybrid: isHybrid,
 };
 
 let defaultMode;
@@ -178,7 +174,7 @@ const initialize = (userConfig = {}) => {
   const doc = window.document;
   const win = window;
   index.Context.config = config;
-  const Ionic = win.Ionic = win.Ionic || {};
+  const Ionic = (win.Ionic = win.Ionic || {});
   const platformHelpers = {};
   if (userConfig._ael) {
     platformHelpers.ael = userConfig._ael;
@@ -203,14 +199,14 @@ const initialize = (userConfig = {}) => {
   // which could have been set by the user, or by pre-rendering
   // otherwise get the mode via config settings, and fallback to md
   Ionic.config = config;
-  Ionic.mode = defaultMode = config.get('mode', (doc.documentElement.getAttribute('mode')) || (isPlatform(win, 'ios') ? 'ios' : 'md'));
+  Ionic.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
   config.set('mode', defaultMode);
   doc.documentElement.setAttribute('mode', defaultMode);
   doc.documentElement.classList.add(defaultMode);
   if (config.getBoolean('_testing')) {
     config.set('animated', false);
   }
-  const isIonicElement = (elm) => elm.tagName && elm.tagName.startsWith('ION-');
+  const isIonicElement = (elm) => { var _a; return (_a = elm.tagName) === null || _a === void 0 ? void 0 : _a.startsWith('ION-'); };
   const isAllowedIonicModeValue = (elmMode) => ['ios', 'md'].includes(elmMode);
   index.setMode((elm) => {
     while (elm) {