@pod-os/elements 0.7.1-92705ee.0 → 0.7.1-a71f01c.0

package/dist/esm/{ionic-global-2e28f7c7.js → ionic-global-6cd57191.js}

@@ -1,91 +1,8 @@
-import { g as getMode, s as setMode } from './index-e4deec27.js';
-
-const getPlatforms = (win) => setupPlatforms(win);
-const isPlatform = (winOrPlatform, platform) => {
-  if (typeof winOrPlatform === 'string') {
-    platform = winOrPlatform;
-    winOrPlatform = undefined;
-  }
-  return getPlatforms(winOrPlatform).includes(platform);
-};
-const setupPlatforms = (win = window) => {
-  if (typeof win === 'undefined') {
-    return [];
-  }
-  win.Ionic = win.Ionic || {};
-  let platforms = win.Ionic.platforms;
-  if (platforms == null) {
-    platforms = win.Ionic.platforms = detectPlatforms(win);
-    platforms.forEach(p => win.document.documentElement.classList.add(`plt-${p}`));
-  }
-  return platforms;
-};
-const detectPlatforms = (win) => Object.keys(PLATFORMS_MAP).filter(p => PLATFORMS_MAP[p](win));
-const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
-const isIpad = (win) => {
-  // iOS 12 and below
-  if (testUserAgent(win, /iPad/i)) {
-    return true;
-  }
-  // iOS 13+
-  if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
-    return true;
-  }
-  return false;
-};
-const isIphone = (win) => testUserAgent(win, /iPhone/i);
-const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
-const isAndroid = (win) => testUserAgent(win, /android|sink/i);
-const isAndroidTablet = (win) => {
-  return isAndroid(win) && !testUserAgent(win, /mobile/i);
-};
-const isPhablet = (win) => {
-  const width = win.innerWidth;
-  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);
-};
-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)));
-};
-const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
-const isDesktop = (win) => !isMobile(win);
-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);
-};
-const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => !!(win.matchMedia('(display-mode: standalone)').matches || win.navigator.standalone);
-const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia = (win, query) => win.matchMedia(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
-};
+import { g as getMode, s as setPlatformHelpers, a as setMode } from './index-cb938ffb.js';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 class Config {
   constructor() {
     this.m = new Map();
@@ -138,7 +55,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])
@@ -153,6 +70,97 @@ const startsWith = (input, search) => {
 const IONIC_PREFIX = 'ionic:';
 const IONIC_SESSION_KEY = 'ionic-persist-config';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const getPlatforms = (win) => setupPlatforms(win);
+const isPlatform = (winOrPlatform, platform) => {
+  if (typeof winOrPlatform === 'string') {
+    platform = winOrPlatform;
+    winOrPlatform = undefined;
+  }
+  return getPlatforms(winOrPlatform).includes(platform);
+};
+const setupPlatforms = (win = window) => {
+  if (typeof win === 'undefined') {
+    return [];
+  }
+  win.Ionic = win.Ionic || {};
+  let platforms = win.Ionic.platforms;
+  if (platforms == null) {
+    platforms = win.Ionic.platforms = detectPlatforms(win);
+    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 === null || customPlatformMethods === void 0 ? void 0 : customPlatformMethods[p];
+    return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
+  });
+};
+const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
+const isIpad = (win) => {
+  // iOS 12 and below
+  if (testUserAgent(win, /iPad/i)) {
+    return true;
+  }
+  // iOS 13+
+  if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
+    return true;
+  }
+  return false;
+};
+const isIphone = (win) => testUserAgent(win, /iPhone/i);
+const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
+const isAndroid = (win) => testUserAgent(win, /android|sink/i);
+const isAndroidTablet = (win) => {
+  return isAndroid(win) && !testUserAgent(win, /mobile/i);
+};
+const isPhablet = (win) => {
+  const width = win.innerWidth;
+  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;
+};
+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);
+};
+const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
+const isDesktop = (win) => !isMobile(win);
+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 === null || capacitor === void 0 ? void 0 : capacitor.isNative);
+};
+const isElectron = (win) => testUserAgent(win, /electron/i);
+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) => { 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,
+};
+
 let defaultMode;
 const getIonMode = (ref) => {
   return (ref && getMode(ref)) || defaultMode;
@@ -163,9 +171,18 @@ const initialize = (userConfig = {}) => {
   }
   const doc = window.document;
   const win = window;
-  const Ionic = win.Ionic = win.Ionic || {};
-  // Setup platforms
-  setupPlatforms(win);
+  const Ionic = (win.Ionic = win.Ionic || {});
+  const platformHelpers = {};
+  if (userConfig._ael) {
+    platformHelpers.ael = userConfig._ael;
+  }
+  if (userConfig._rel) {
+    platformHelpers.rel = userConfig._rel;
+  }
+  if (userConfig._ce) {
+    platformHelpers.ce = userConfig._ce;
+  }
+  setPlatformHelpers(platformHelpers);
   // create the Ionic.config from raw config object (if it exists)
   // and convert Ionic.config into a ConfigApi that has a get() fn
   const configObj = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, configFromSession(win)), { persistConfig: false }), Ionic.config), configFromURL(win)), userConfig);
@@ -173,18 +190,20 @@ const initialize = (userConfig = {}) => {
   if (config.getBoolean('persistConfig')) {
     saveConfig(win, configObj);
   }
+  // Setup platforms
+  setupPlatforms(win);
   // first see if the mode was set as an attribute on <html>
   // 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);
   setMode((elm) => {
     while (elm) {

package/dist/esm/{ios.transition-a783e3cd.js → ios.transition-bbd952f2.js}

@@ -1,8 +1,12 @@
-import { c as createAnimation } from './animation-fe6ed422.js';
-import { g as getIonPageElement } from './index-8a463a85.js';
-import './helpers-44e3bd9f.js';
-import './index-e4deec27.js';
+import { c as createAnimation } from './animation-801a007a.js';
+import { g as getIonPageElement } from './index-6048aed6.js';
+import './helpers-aeff219b.js';
+import './index-0dbaca1a.js';
+import './index-cb938ffb.js';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const DURATION = 540;
 const getClonedElement = (tagName) => {
   return document.querySelector(`${tagName}.ion-cloned-element`);
@@ -11,16 +15,16 @@ const shadow = (el) => {
   return el.shadowRoot || el;
 };
 const getLargeTitle = (refEl) => {
-  const tabs = (refEl.tagName === 'ION-TABS') ? refEl : refEl.querySelector('ion-tabs');
+  const tabs = refEl.tagName === 'ION-TABS' ? refEl : refEl.querySelector('ion-tabs');
   const query = 'ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large';
   if (tabs != null) {
     const activeTab = tabs.querySelector('ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)');
-    return (activeTab != null) ? activeTab.querySelector(query) : null;
+    return activeTab != null ? activeTab.querySelector(query) : null;
   }
   return refEl.querySelector(query);
 };
 const getBackButton = (refEl, backDirection) => {
-  const tabs = (refEl.tagName === 'ION-TABS') ? refEl : refEl.querySelector('ion-tabs');
+  const tabs = refEl.tagName === 'ION-TABS' ? refEl : refEl.querySelector('ion-tabs');
   let buttonsList = [];
   if (tabs != null) {
     const activeTab = tabs.querySelector('ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)');
@@ -64,36 +68,44 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
   }
   return {
     forward: shouldAnimationForward,
-    backward: shouldAnimationBackward
+    backward: shouldAnimationBackward,
   };
 };
 const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, largeTitleBox, backButtonBox) => {
-  const BACK_BUTTON_START_OFFSET = (rtl) ? `calc(100% - ${backButtonBox.right + 4}px)` : `${backButtonBox.left - 4}px`;
-  const START_TEXT_TRANSLATE = (rtl) ? '7px' : '-7px';
-  const END_TEXT_TRANSLATE = (rtl) ? '-4px' : '4px';
-  const ICON_TRANSLATE = (rtl) ? '-4px' : '4px';
-  const TEXT_ORIGIN_X = (rtl) ? 'right' : 'left';
-  const ICON_ORIGIN_X = (rtl) ? 'left' : 'right';
+  const BACK_BUTTON_START_OFFSET = rtl ? `calc(100% - ${backButtonBox.right + 4}px)` : `${backButtonBox.left - 4}px`;
+  const START_TEXT_TRANSLATE = rtl ? '7px' : '-7px';
+  const END_TEXT_TRANSLATE = rtl ? '-4px' : '4px';
+  const ICON_TRANSLATE = rtl ? '-4px' : '4px';
+  const TEXT_ORIGIN_X = rtl ? 'right' : 'left';
+  const ICON_ORIGIN_X = rtl ? 'left' : 'right';
   const FORWARD_TEXT_KEYFRAMES = [
-    { offset: 0, opacity: 0, transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)` },
-    { offset: 1, opacity: 1, transform: `translate3d(${END_TEXT_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` }
+    {
+      offset: 0,
+      opacity: 0,
+      transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)`,
+    },
+    { offset: 1, opacity: 1, transform: `translate3d(${END_TEXT_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
   ];
   const BACKWARD_TEXT_KEYFRAMES = [
     { offset: 0, opacity: 1, transform: `translate3d(${END_TEXT_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
     { offset: 0.6, opacity: 0 },
-    { offset: 1, opacity: 0, transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)` }
+    {
+      offset: 1,
+      opacity: 0,
+      transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)`,
+    },
   ];
-  const TEXT_KEYFRAMES = (backDirection) ? BACKWARD_TEXT_KEYFRAMES : FORWARD_TEXT_KEYFRAMES;
+  const TEXT_KEYFRAMES = backDirection ? BACKWARD_TEXT_KEYFRAMES : FORWARD_TEXT_KEYFRAMES;
   const FORWARD_ICON_KEYFRAMES = [
     { offset: 0, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` },
-    { offset: 1, opacity: 1, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` }
+    { offset: 1, opacity: 1, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
   ];
   const BACKWARD_ICON_KEYFRAMES = [
     { offset: 0, opacity: 1, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
     { offset: 0.2, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` },
-    { offset: 1, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` }
+    { offset: 1, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` },
   ];
-  const ICON_KEYFRAMES = (backDirection) ? BACKWARD_ICON_KEYFRAMES : FORWARD_ICON_KEYFRAMES;
+  const ICON_KEYFRAMES = backDirection ? BACKWARD_ICON_KEYFRAMES : FORWARD_ICON_KEYFRAMES;
   const enteringBackButtonTextAnimation = createAnimation();
   const enteringBackButtonIconAnimation = createAnimation();
   const clonedBackButtonEl = getClonedElement('ion-back-button');
@@ -110,7 +122,7 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, larg
   enteringBackButtonTextAnimation.addElement(backButtonTextEl);
   enteringBackButtonTextAnimation
     .beforeStyles({
-    'transform-origin': `${TEXT_ORIGIN_X} center`
+    'transform-origin': `${TEXT_ORIGIN_X} center`,
   })
     .beforeAddWrite(() => {
     backButtonEl.style.setProperty('display', 'none');
@@ -124,26 +136,26 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, larg
     .keyframes(TEXT_KEYFRAMES);
   enteringBackButtonIconAnimation
     .beforeStyles({
-    'transform-origin': `${ICON_ORIGIN_X} center`
+    'transform-origin': `${ICON_ORIGIN_X} center`,
   })
     .keyframes(ICON_KEYFRAMES);
   rootAnimation.addAnimation([enteringBackButtonTextAnimation, enteringBackButtonIconAnimation]);
 };
 const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, backButtonBox) => {
-  const TITLE_START_OFFSET = (rtl) ? `calc(100% - ${largeTitleBox.right}px)` : `${largeTitleBox.left}px`;
-  const START_TRANSLATE = (rtl) ? '-18px' : '18px';
-  const ORIGIN_X = (rtl) ? 'right' : 'left';
+  const TITLE_START_OFFSET = rtl ? `calc(100% - ${largeTitleBox.right}px)` : `${largeTitleBox.left}px`;
+  const START_TRANSLATE = rtl ? '-18px' : '18px';
+  const ORIGIN_X = rtl ? 'right' : 'left';
   const BACKWARDS_KEYFRAMES = [
     { offset: 0, opacity: 0, transform: `translate3d(${START_TRANSLATE}, ${backButtonBox.top - 4}px, 0) scale(0.49)` },
     { offset: 0.1, opacity: 0 },
-    { offset: 1, opacity: 1, transform: `translate3d(0, ${largeTitleBox.top - 2}px, 0) scale(1)` }
+    { offset: 1, opacity: 1, transform: `translate3d(0, ${largeTitleBox.top - 2}px, 0) scale(1)` },
   ];
   const FORWARDS_KEYFRAMES = [
     { offset: 0, opacity: 0.99, transform: `translate3d(0, ${largeTitleBox.top - 2}px, 0) scale(1)` },
     { offset: 0.6, opacity: 0 },
-    { offset: 1, opacity: 0, transform: `translate3d(${START_TRANSLATE}, ${backButtonBox.top - 4}px, 0) scale(0.5)` }
+    { offset: 1, opacity: 0, transform: `translate3d(${START_TRANSLATE}, ${backButtonBox.top - 4}px, 0) scale(0.5)` },
   ];
-  const KEYFRAMES = (backDirection) ? BACKWARDS_KEYFRAMES : FORWARDS_KEYFRAMES;
+  const KEYFRAMES = backDirection ? BACKWARDS_KEYFRAMES : FORWARDS_KEYFRAMES;
   const clonedTitleEl = getClonedElement('ion-title');
   const clonedLargeTitleAnimation = createAnimation();
   clonedTitleEl.innerText = largeTitleEl.innerText;
@@ -153,10 +165,10 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
   clonedLargeTitleAnimation
     .beforeStyles({
     'transform-origin': `${ORIGIN_X} center`,
-    'height': '46px',
-    'display': '',
-    'position': 'relative',
-    [ORIGIN_X]: TITLE_START_OFFSET
+    height: '46px',
+    display: '',
+    position: 'relative',
+    [ORIGIN_X]: TITLE_START_OFFSET,
   })
     .beforeAddWrite(() => {
     largeTitleEl.style.setProperty('display', 'none');
@@ -169,6 +181,7 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
   rootAnimation.addAnimation(clonedLargeTitleAnimation);
 };
 const iosTransitionAnimation = (navEl, opts) => {
+  var _a;
   try {
     const EASING = 'cubic-bezier(0.32,0.72,0,1)';
     const OPACITY = 'opacity';
@@ -180,7 +193,7 @@ const iosTransitionAnimation = (navEl, opts) => {
     const OFF_LEFT = isRTL ? '33%' : '-33%';
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
-    const backDirection = (opts.direction === 'back');
+    const backDirection = opts.direction === 'back';
     const contentEl = enteringEl.querySelector(':scope > ion-content');
     const headerEls = enteringEl.querySelectorAll(':scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *');
     const enteringToolBarEls = enteringEl.querySelectorAll(':scope > ion-header > ion-toolbar');
@@ -188,11 +201,11 @@ const iosTransitionAnimation = (navEl, opts) => {
     const enteringContentAnimation = createAnimation();
     rootAnimation
       .addElement(enteringEl)
-      .duration(opts.duration || DURATION)
+      .duration(((_a = opts.duration) !== null && _a !== void 0 ? _a : 0) || DURATION)
       .easing(opts.easing || EASING)
       .fill('both')
       .beforeRemoveClass('ion-page-invisible');
-    if (leavingEl && navEl) {
+    if (leavingEl && navEl !== null && navEl !== undefined) {
       const navDecorAnimation = createAnimation();
       navDecorAnimation.addElement(navEl);
       rootAnimation.addAnimation(navDecorAnimation);
@@ -236,14 +249,14 @@ const iosTransitionAnimation = (navEl, opts) => {
         enteringTransitionShadow
           .addElement(enteringTransitionShadowEl) // REVIEW
           .beforeClearStyles([OPACITY])
-          .fromTo(OPACITY, 0.03, 0.70);
+          .fromTo(OPACITY, 0.03, 0.7);
         enteringTransitionEffect.addAnimation([enteringTransitionCover, enteringTransitionShadow]);
         enteringContentAnimation.addAnimation([enteringTransitionEffect]);
       }
     }
     const enteringContentHasLargeTitle = enteringEl.querySelector('ion-header.header-collapse-condense');
     const { forward, backward } = createLargeTitleTransition(rootAnimation, isRTL, backDirection, enteringEl, leavingEl);
-    enteringToolBarEls.forEach(enteringToolBarEl => {
+    enteringToolBarEls.forEach((enteringToolBarEl) => {
       const enteringToolBar = createAnimation();
       enteringToolBar.addElement(enteringToolBarEl);
       rootAnimation.addAnimation(enteringToolBar);
@@ -252,16 +265,16 @@ const iosTransitionAnimation = (navEl, opts) => {
       const enteringToolBarButtons = createAnimation();
       const buttons = Array.from(enteringToolBarEl.querySelectorAll('ion-buttons,[menuToggle]'));
       const parentHeader = enteringToolBarEl.closest('ion-header');
-      const inactiveHeader = parentHeader && parentHeader.classList.contains('header-collapse-condense-inactive');
+      const inactiveHeader = parentHeader === null || parentHeader === void 0 ? void 0 : parentHeader.classList.contains('header-collapse-condense-inactive');
       let buttonsToAnimate;
       if (backDirection) {
-        buttonsToAnimate = buttons.filter(button => {
+        buttonsToAnimate = buttons.filter((button) => {
           const isCollapseButton = button.classList.contains('buttons-collapse');
           return (isCollapseButton && !inactiveHeader) || !isCollapseButton;
         });
       }
       else {
-        buttonsToAnimate = buttons.filter(button => !button.classList.contains('buttons-collapse'));
+        buttonsToAnimate = buttons.filter((button) => !button.classList.contains('buttons-collapse'));
       }
       enteringToolBarButtons.addElement(buttonsToAnimate);
       const enteringToolBarItems = createAnimation();
@@ -273,7 +286,13 @@ const iosTransitionAnimation = (navEl, opts) => {
       if (backButtonEl) {
         enteringBackButton.addElement(backButtonEl);
       }
-      enteringToolBar.addAnimation([enteringTitle, enteringToolBarButtons, enteringToolBarItems, enteringToolBarBg, enteringBackButton]);
+      enteringToolBar.addAnimation([
+        enteringTitle,
+        enteringToolBarButtons,
+        enteringToolBarItems,
+        enteringToolBarBg,
+        enteringBackButton,
+      ]);
       enteringToolBarButtons.fromTo(OPACITY, 0.01, 1);
       enteringToolBarItems.fromTo(OPACITY, 0.01, 1);
       if (backDirection) {
@@ -300,7 +319,7 @@ const iosTransitionAnimation = (navEl, opts) => {
           enteringToolBarBg.fromTo(OPACITY, 0.01, 'var(--opacity)');
         }
         else {
-          enteringToolBarBg.fromTo('transform', (isRTL ? 'translateX(-100%)' : 'translateX(100%)'), 'translateX(0px)');
+          enteringToolBarBg.fromTo('transform', isRTL ? 'translateX(-100%)' : 'translateX(100%)', 'translateX(0px)');
         }
         // forward direction, entering page has a back button
         if (!forward) {
@@ -310,7 +329,7 @@ const iosTransitionAnimation = (navEl, opts) => {
           const enteringBackBtnText = createAnimation();
           enteringBackBtnText
             .addElement(shadow(backButtonEl).querySelector('.button-text')) // REVIEW
-            .fromTo(`transform`, (isRTL ? 'translateX(-100px)' : 'translateX(100px)'), 'translateX(0px)');
+            .fromTo(`transform`, isRTL ? 'translateX(-100px)' : 'translateX(100px)', 'translateX(0px)');
           enteringToolBar.addAnimation(enteringBackBtnText);
         }
       }
@@ -333,7 +352,7 @@ const iosTransitionAnimation = (navEl, opts) => {
         // leaving content, back direction
         leavingContent
           .beforeClearStyles([OPACITY])
-          .fromTo('transform', `translateX(${CENTER})`, (isRTL ? 'translateX(-100%)' : 'translateX(100%)'));
+          .fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)');
         const leavingPage = getIonPageElement(leavingEl);
         rootAnimation.afterAddWrite(() => {
           if (rootAnimation.getDirection() === 'normal') {
@@ -366,12 +385,12 @@ const iosTransitionAnimation = (navEl, opts) => {
           leavingTransitionShadow
             .addElement(leavingTransitionShadowEl) // REVIEW
             .beforeClearStyles([OPACITY])
-            .fromTo(OPACITY, 0.70, 0.03);
+            .fromTo(OPACITY, 0.7, 0.03);
           leavingTransitionEffect.addAnimation([leavingTransitionCover, leavingTransitionShadow]);
           leavingContent.addAnimation([leavingTransitionEffect]);
         }
       }
-      leavingToolBarEls.forEach(leavingToolBarEl => {
+      leavingToolBarEls.forEach((leavingToolBarEl) => {
         const leavingToolBar = createAnimation();
         leavingToolBar.addElement(leavingToolBarEl);
         const leavingTitle = createAnimation();
@@ -379,8 +398,8 @@ const iosTransitionAnimation = (navEl, opts) => {
         const leavingToolBarButtons = createAnimation();
         const buttons = leavingToolBarEl.querySelectorAll('ion-buttons,[menuToggle]');
         const parentHeader = leavingToolBarEl.closest('ion-header');
-        const inactiveHeader = parentHeader && parentHeader.classList.contains('header-collapse-condense-inactive');
-        const buttonsToAnimate = Array.from(buttons).filter(button => {
+        const inactiveHeader = parentHeader === null || parentHeader === void 0 ? void 0 : parentHeader.classList.contains('header-collapse-condense-inactive');
+        const buttonsToAnimate = Array.from(buttons).filter((button) => {
           const isCollapseButton = button.classList.contains('buttons-collapse');
           return (isCollapseButton && !inactiveHeader) || !isCollapseButton;
         });
@@ -397,7 +416,13 @@ const iosTransitionAnimation = (navEl, opts) => {
         if (backButtonEl) {
           leavingBackButton.addElement(backButtonEl);
         }
-        leavingToolBar.addAnimation([leavingTitle, leavingToolBarButtons, leavingToolBarItems, leavingBackButton, leavingToolBarBg]);
+        leavingToolBar.addAnimation([
+          leavingTitle,
+          leavingToolBarButtons,
+          leavingToolBarItems,
+          leavingBackButton,
+          leavingToolBarBg,
+        ]);
         rootAnimation.addAnimation(leavingToolBar);
         // fade out leaving toolbar items
         leavingBackButton.fromTo(OPACITY, 0.99, 0);
@@ -407,10 +432,10 @@ const iosTransitionAnimation = (navEl, opts) => {
           if (!inactiveHeader) {
             // leaving toolbar, back direction
             leavingTitle
-              .fromTo('transform', `translateX(${CENTER})`, (isRTL ? 'translateX(-100%)' : 'translateX(100%)'))
+              .fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)')
               .fromTo(OPACITY, 0.99, 0);
           }
-          leavingToolBarItems.fromTo('transform', `translateX(${CENTER})`, (isRTL ? 'translateX(-100%)' : 'translateX(100%)'));
+          leavingToolBarItems.fromTo('transform', `translateX(${CENTER})`, isRTL ? 'translateX(-100%)' : 'translateX(100%)');
           leavingToolBarBg.beforeClearStyles([OPACITY, 'transform']);
           // leaving toolbar, back direction, and there's no entering toolbar
           // should just slide out, no fading out
@@ -419,7 +444,7 @@ const iosTransitionAnimation = (navEl, opts) => {
             leavingToolBarBg.fromTo(OPACITY, 'var(--opacity)', 0);
           }
           else {
-            leavingToolBarBg.fromTo('transform', 'translateX(0px)', (isRTL ? 'translateX(-100%)' : 'translateX(100%)'));
+            leavingToolBarBg.fromTo('transform', 'translateX(0px)', isRTL ? 'translateX(-100%)' : 'translateX(100%)');
           }
           if (backButtonEl && !backward) {
             const leavingBackBtnText = createAnimation();

package/dist/esm/{keyboard-e6abcb80.js → keyboard-413afe04.js}

@@ -1,3 +1,6 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const KEYBOARD_DID_OPEN = 'ionKeyboardDidShow';
 const KEYBOARD_DID_CLOSE = 'ionKeyboardDidHide';
 const KEYBOARD_THRESHOLD = 150;
@@ -34,7 +37,7 @@ const startKeyboardAssist = (win) => {
  * in one place.
  */
 const startNativeListeners = (win) => {
-  win.addEventListener('keyboardDidShow', ev => setKeyboardOpen(win, ev));
+  win.addEventListener('keyboardDidShow', (ev) => setKeyboardOpen(win, ev));
   win.addEventListener('keyboardDidHide', () => setKeyboardClose(win));
 };
 const setKeyboardOpen = (win, ev) => {
@@ -85,7 +88,7 @@ const keyboardDidClose = (win) => {
 const fireKeyboardOpenEvent = (win, nativeEv) => {
   const keyboardHeight = nativeEv ? nativeEv.keyboardHeight : win.innerHeight - currentVisualViewport.height;
   const ev = new CustomEvent(KEYBOARD_DID_OPEN, {
-    detail: { keyboardHeight }
+    detail: { keyboardHeight },
   });
   win.dispatchEvent(ev);
 };
@@ -118,7 +121,7 @@ const copyVisualViewport = (visualViewport) => {
     offsetLeft: visualViewport.offsetLeft,
     pageTop: visualViewport.pageTop,
     pageLeft: visualViewport.pageLeft,
-    scale: visualViewport.scale
+    scale: visualViewport.scale,
   };
 };
 

package/dist/esm/keyboard-controller-33693bc2.js

@@ -0,0 +1,40 @@
+import { w as win } from './index-0dbaca1a.js';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * Creates a controller that tracks and reacts to opening or closing the keyboard.
+ *
+ * @internal
+ * @param keyboardChangeCallback A function to call when the keyboard opens or closes.
+ */
+const createKeyboardController = (keyboardChangeCallback) => {
+  let keyboardWillShowHandler;
+  let keyboardWillHideHandler;
+  let keyboardVisible;
+  const init = () => {
+    keyboardWillShowHandler = () => {
+      keyboardVisible = true;
+      if (keyboardChangeCallback)
+        keyboardChangeCallback(true);
+    };
+    keyboardWillHideHandler = () => {
+      keyboardVisible = false;
+      if (keyboardChangeCallback)
+        keyboardChangeCallback(false);
+    };
+    win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
+    win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
+  };
+  const destroy = () => {
+    win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
+    win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
+    keyboardWillShowHandler = keyboardWillHideHandler = undefined;
+  };
+  const isKeyboardVisible = () => keyboardVisible;
+  init();
+  return { init, destroy, isKeyboardVisible };
+};
+
+export { createKeyboardController as c };