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

package/dist/{esm/index-8a463a85.js → components/index7.js}

@@ -1,25 +1,31 @@
-import { w as writeTask, B as Build } from './index-e4deec27.js';
-import { a as componentOnReady } from './helpers-44e3bd9f.js';
+import { writeTask, Build } from '@stencil/core/internal/client';
+import { d as componentOnReady, r as raf } from './helpers.js';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
 const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-a783e3cd.js');
-const mdTransitionAnimation = () => import('./md.transition-5a4a8c82.js');
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const iosTransitionAnimation = () => import('./ios.transition.js');
+const mdTransitionAnimation = () => import('./md.transition.js');
 const transition = (opts) => {
   return new Promise((resolve, reject) => {
     writeTask(() => {
       beforeTransition(opts);
-      runTransition(opts).then(result => {
+      runTransition(opts).then((result) => {
         if (result.animation) {
           result.animation.destroy();
         }
         afterTransition(opts);
         resolve(result);
-      }, error => {
+      }, (error) => {
         afterTransition(opts);
         reject(error);
       });
@@ -51,9 +57,7 @@ const beforeTransition = (opts) => {
 };
 const runTransition = async (opts) => {
   const animationBuilder = await getAnimationBuilder(opts);
-  const ani = (animationBuilder && Build.isBrowser)
-    ? animation(animationBuilder, opts)
-    : noAnimation(opts); // fast path for no animation
+  const ani = animationBuilder && Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
   return ani;
 };
 const afterTransition = (opts) => {
@@ -73,7 +77,7 @@ const getAnimationBuilder = async (opts) => {
   if (opts.animationBuilder) {
     return opts.animationBuilder;
   }
-  const getAnimation = (opts.mode === 'ios')
+  const getAnimation = opts.mode === 'ios'
     ? (await iosTransitionAnimation()).iosTransitionAnimation
     : (await mdTransitionAnimation()).mdTransitionAnimation;
   return getAnimation;
@@ -91,7 +95,7 @@ const animation = async (animationBuilder, opts) => {
   }
   return {
     hasCompleted: didComplete,
-    animation: trans
+    animation: trans,
   };
 };
 const noAnimation = async (opts) => {
@@ -101,18 +105,14 @@ const noAnimation = async (opts) => {
   fireWillEvents(enteringEl, leavingEl);
   fireDidEvents(enteringEl, leavingEl);
   return {
-    hasCompleted: true
+    hasCompleted: true,
   };
 };
 const waitForReady = async (opts, defaultDeep) => {
   const deep = opts.deepWait !== undefined ? opts.deepWait : defaultDeep;
-  const promises = deep ? [
-    deepReady(opts.enteringEl),
-    deepReady(opts.leavingEl),
-  ] : [
-    shallowReady(opts.enteringEl),
-    shallowReady(opts.leavingEl),
-  ];
+  const promises = deep
+    ? [deepReady(opts.enteringEl), deepReady(opts.leavingEl)]
+    : [shallowReady(opts.enteringEl), shallowReady(opts.leavingEl)];
   await Promise.all(promises);
   await notifyViewReady(opts.viewIsReady, opts.enteringEl);
 };
@@ -123,7 +123,7 @@ const notifyViewReady = async (viewIsReady, enteringEl) => {
 };
 const playTransition = (trans, opts) => {
   const progressCallback = opts.progressCallback;
-  const promise = new Promise(resolve => {
+  const promise = new Promise((resolve) => {
     trans.onFinish((currentStep) => resolve(currentStep === 1));
   });
   // cool, let's do this, start the transition
@@ -161,7 +161,7 @@ const lifecycle = (el, eventName) => {
 };
 const shallowReady = (el) => {
   if (el) {
-    return new Promise(resolve => componentOnReady(el, resolve));
+    return new Promise((resolve) => componentOnReady(el, resolve));
   }
   return Promise.resolve();
 };
@@ -169,10 +169,23 @@ const deepReady = async (el) => {
   const element = el;
   if (element) {
     if (element.componentOnReady != null) {
+      // eslint-disable-next-line custom-rules/no-component-on-ready-method
       const stencilEl = await element.componentOnReady();
       if (stencilEl != null) {
         return;
       }
+      /**
+       * Custom elements in Stencil will have __registerHost.
+       */
+    }
+    else if (element.__registerHost != null) {
+      /**
+       * Non-lazy loaded custom elements need to wait
+       * one frame for component to be loaded.
+       */
+      const waitForCustomElement = new Promise((resolve) => raf(resolve));
+      await waitForCustomElement;
+      return;
     }
     await Promise.all(Array.from(element.children).map(deepReady));
   }
@@ -190,9 +203,7 @@ const setPageHidden = (el, hidden) => {
 };
 const setZIndex = (enteringEl, leavingEl, direction) => {
   if (enteringEl !== undefined) {
-    enteringEl.style.zIndex = (direction === 'back')
-      ? '99'
-      : '101';
+    enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
   }
   if (leavingEl !== undefined) {
     leavingEl.style.zIndex = '100';