@venite/components 0.16.53 → 0.17.1

package/dist/collection/utils/overlays.js

@@ -0,0 +1,34 @@
+/**
+ * Minimal stand-ins for Ionic's overlay controllers (`alertController`, etc.).
+ *
+ * Importing the controllers from '@ionic/core' at runtime makes Stencil bundle
+ * Ionic's entire component collection into this package, which then registers
+ * its own copy of every `ion-*` element and races the host app's Ionic.
+ * Instead, these create overlay elements exactly the way Ionic's own
+ * `createOverlay` does (identical in Ionic 6, 7 and 8), using whichever Ionic
+ * the host app has registered.
+ */
+function createOverlay(tagName, opts) {
+  return customElements.whenDefined(tagName).then(() => {
+    const element = document.createElement(tagName);
+    element.classList.add('overlay-hidden');
+    Object.assign(element, Object.assign(Object.assign({}, opts), { hasController: true }));
+    (document.querySelector('ion-app') || document.body).appendChild(element);
+    return new Promise(resolve => {
+      if (element.componentOnReady) {
+        element.componentOnReady().then(resolve);
+      }
+      else {
+        requestAnimationFrame(() => resolve(element));
+      }
+    });
+  });
+}
+const controller = (tagName) => ({
+  create: (opts) => createOverlay(tagName, opts),
+});
+export const alertController = controller('ion-alert');
+export const loadingController = controller('ion-loading');
+export const modalController = controller('ion-modal');
+export const popoverController = controller('ion-popover');
+export const toastController = controller('ion-toast');

package/dist/esm/{index-034add74.js → index-3ae6e8fa.js}

@@ -19,9 +19,6 @@ const plt = {
     rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
 };
-const setPlatformHelpers = (helpers) => {
-    Object.assign(plt, helpers);
-};
 const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
@@ -64,14 +61,11 @@ const getHostListenerTarget = (elm, flags) => {
         return doc;
     if (flags & 8 /* TargetWindow */)
         return win;
-    if (flags & 16 /* TargetBody */)
-        return doc.body;
     return elm;
 };
 // prettier-ignore
 const hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
-const XLINK_NS = 'http://www.w3.org/1999/xlink';
 const createTime = (fnName, tagName = '') => {
     {
         return () => {
@@ -104,7 +98,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     styles.set(scopeId, style);
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
-    let scopeId = getScopeId(cmpMeta, mode);
+    let scopeId = getScopeId(cmpMeta);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
     // so the fallback is to always use the document for the root node in those cases
@@ -141,7 +135,7 @@ const attachStyles = (hostRef) => {
     const elm = hostRef.$hostElement$;
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
-    const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta, hostRef.$modeName$);
+    const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
     if (flags & 10 /* needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom
@@ -158,12 +152,7 @@ const attachStyles = (hostRef) => {
     }
     endAttachStyles();
 };
-const getScopeId = (cmp, mode) => 'sc-' + (mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + '-' + mode : cmp.$tagName$);
-// Private
-const computeMode = (elm) => modeResolutionChain.map((h) => h(elm)).find((m) => !!m);
-// Public
-const setMode = (handler) => modeResolutionChain.push(handler);
-const getMode = (ref) => getHostRef(ref).$modeName$;
+const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
 /**
  * Default style mode id
  */
@@ -424,36 +413,16 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
                 catch (e) { }
             }
-            /**
-             * Need to manually update attribute if:
-             * - memberName is not an attribute
-             * - if we are rendering the host element in order to reflect attribute
-             * - if it's a SVG, since properties might not work in <svg>
-             * - if the newValue is null/undefined or 'false'.
-             */
-            let xlink = false;
-            {
-                if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
-                    memberName = ln;
-                    xlink = true;
-                }
-            }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
-                    if (xlink) {
-                        elm.removeAttributeNS(XLINK_NS, memberName);
-                    }
-                    else {
+                    {
                         elm.removeAttribute(memberName);
                     }
                 }
             }
             else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
                 newValue = newValue === true ? '' : newValue;
-                if (xlink) {
-                    elm.setAttributeNS(XLINK_NS, memberName, newValue);
-                }
-                else {
+                {
                     elm.setAttribute(memberName, newValue);
                 }
             }
@@ -1118,9 +1087,6 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             promise = safeCall(instance, 'componentWillLoad');
         }
     }
-    {
-        promise = then(promise, () => safeCall(instance, 'componentWillRender'));
-    }
     endSchedule();
     return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1161,7 +1127,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
 };
 const callRender = (hostRef, instance, elm) => {
     try {
-        instance = instance.render && instance.render();
+        instance = instance.render() ;
         {
             hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
         }
@@ -1199,9 +1165,6 @@ const postUpdateComponent = (hostRef) => {
             // DOM WRITE!
             addHydratedFlag(elm);
         }
-        {
-            safeCall(instance, 'componentDidLoad');
-        }
         endPostUpdate();
         {
             hostRef.$onReadyResolve$(elm);
@@ -1211,9 +1174,6 @@ const postUpdateComponent = (hostRef) => {
         }
     }
     else {
-        {
-            safeCall(instance, 'componentDidUpdate');
-        }
         endPostUpdate();
     }
     {
@@ -1235,18 +1195,6 @@ const postUpdateComponent = (hostRef) => {
     // ( •_•)>⌐■-■
     // (⌐■_■)
 };
-const forceUpdate = (ref) => {
-    {
-        const hostRef = getHostRef(ref);
-        const isConnected = hostRef.$hostElement$.isConnected;
-        if (isConnected &&
-            (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
-            scheduleUpdate(hostRef, false);
-        }
-        // Returns "true" when the forced update was successfully scheduled
-        return isConnected;
-    }
-};
 const appDidLoad = (who) => {
     // on appload
     // we have finish the first big initial render
@@ -1516,15 +1464,11 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 hostRef.$flags$ |= 128 /* isWatchReady */;
             }
             endNewInstance();
-            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
             let style = Cstr.style;
-            if (typeof style !== 'string') {
-                style = style[(hostRef.$modeName$ = computeMode(elm))];
-            }
-            const scopeId = getScopeId(cmpMeta, hostRef.$modeName$);
+            const scopeId = getScopeId(cmpMeta);
             if (!styles.has(scopeId)) {
                 const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
                 registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
@@ -1548,11 +1492,6 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
-const fireConnectedCallback = (instance) => {
-    {
-        safeCall(instance, 'connectedCallback');
-    }
-};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1605,8 +1544,6 @@ const connectedCallback = (elm) => {
             // reattach any event listeners to the host
             // since they would have been removed when disconnected
             addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-            // fire off connectedCallback() on component instance
-            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         endConnected();
     }
@@ -1625,16 +1562,12 @@ const setContentReference = (elm) => {
 const disconnectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
-        const instance = hostRef.$lazyInstance$ ;
         {
             if (hostRef.$rmListeners$) {
                 hostRef.$rmListeners$.map((rmListener) => rmListener());
                 hostRef.$rmListeners$ = undefined;
             }
         }
-        {
-            safeCall(instance, 'disconnectedCallback');
-        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {
@@ -1685,10 +1618,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                         // adding the shadow root build conditionals to minimize runtime
                         {
                             {
-                                self.attachShadow({
-                                    mode: 'open',
-                                    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */),
-                                });
+                                self.attachShadow({ mode: 'open' });
                             }
                         }
                     }
@@ -1738,10 +1668,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
-const getAssetPath = (path) => {
-    const assetUrl = new URL(path, plt.$resourcesUrl$);
-    return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
-};
 const hostRefs = new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1782,218 +1708,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
       }
       switch(bundleId) {
         
-        case 'ion-button_14':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-button_14.entry.js').then(processMod, consoleError);
-        case 'ion-accordion':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-accordion.entry.js').then(processMod, consoleError);
-        case 'ion-accordion-group':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-accordion-group.entry.js').then(processMod, consoleError);
-        case 'ion-app':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-app.entry.js').then(processMod, consoleError);
-        case 'ion-avatar':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-avatar.entry.js').then(processMod, consoleError);
-        case 'ion-back-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-back-button.entry.js').then(processMod, consoleError);
-        case 'ion-badge':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-badge.entry.js').then(processMod, consoleError);
-        case 'ion-breadcrumb':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-breadcrumb.entry.js').then(processMod, consoleError);
-        case 'ion-breadcrumbs':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-breadcrumbs.entry.js').then(processMod, consoleError);
-        case 'ion-datetime-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-datetime-button.entry.js').then(processMod, consoleError);
-        case 'ion-fab':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-fab.entry.js').then(processMod, consoleError);
-        case 'ion-fab-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-fab-button.entry.js').then(processMod, consoleError);
-        case 'ion-fab-list':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-fab-list.entry.js').then(processMod, consoleError);
-        case 'ion-footer':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-footer.entry.js').then(processMod, consoleError);
-        case 'ion-img':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-img.entry.js').then(processMod, consoleError);
-        case 'ion-infinite-scroll':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-infinite-scroll.entry.js').then(processMod, consoleError);
-        case 'ion-infinite-scroll-content':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-infinite-scroll-content.entry.js').then(processMod, consoleError);
-        case 'ion-item-divider':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-item-divider.entry.js').then(processMod, consoleError);
-        case 'ion-item-group':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-item-group.entry.js').then(processMod, consoleError);
-        case 'ion-item-option':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-item-option.entry.js').then(processMod, consoleError);
-        case 'ion-item-options':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-item-options.entry.js').then(processMod, consoleError);
-        case 'ion-item-sliding':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-item-sliding.entry.js').then(processMod, consoleError);
-        case 'ion-loading':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-loading.entry.js').then(processMod, consoleError);
-        case 'ion-menu':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-menu.entry.js').then(processMod, consoleError);
-        case 'ion-menu-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-menu-button.entry.js').then(processMod, consoleError);
-        case 'ion-menu-toggle':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-menu-toggle.entry.js').then(processMod, consoleError);
-        case 'ion-modal':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-modal.entry.js').then(processMod, consoleError);
-        case 'ion-nav':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-nav.entry.js').then(processMod, consoleError);
-        case 'ion-nav-link':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-nav-link.entry.js').then(processMod, consoleError);
-        case 'ion-picker':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-picker.entry.js').then(processMod, consoleError);
-        case 'ion-progress-bar':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-progress-bar.entry.js').then(processMod, consoleError);
-        case 'ion-range':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-range.entry.js').then(processMod, consoleError);
-        case 'ion-refresher':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-refresher.entry.js').then(processMod, consoleError);
-        case 'ion-refresher-content':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-refresher-content.entry.js').then(processMod, consoleError);
-        case 'ion-reorder':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-reorder.entry.js').then(processMod, consoleError);
-        case 'ion-reorder-group':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-reorder-group.entry.js').then(processMod, consoleError);
-        case 'ion-route':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-route.entry.js').then(processMod, consoleError);
-        case 'ion-route-redirect':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-route-redirect.entry.js').then(processMod, consoleError);
-        case 'ion-router':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-router.entry.js').then(processMod, consoleError);
-        case 'ion-router-link':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-router-link.entry.js').then(processMod, consoleError);
-        case 'ion-router-outlet':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-router-outlet.entry.js').then(processMod, consoleError);
-        case 'ion-slide':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-slide.entry.js').then(processMod, consoleError);
-        case 'ion-slides':
+        case 'ldf-prayers-and-thanksgivings':
           return import(
             /* webpackMode: "lazy" */
-            './ion-slides.entry.js').then(processMod, consoleError);
-        case 'ion-split-pane':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-split-pane.entry.js').then(processMod, consoleError);
-        case 'ion-tab':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-tab.entry.js').then(processMod, consoleError);
-        case 'ion-tab-bar':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-tab-bar.entry.js').then(processMod, consoleError);
-        case 'ion-tab-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-tab-button.entry.js').then(processMod, consoleError);
-        case 'ion-tabs':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-tabs.entry.js').then(processMod, consoleError);
-        case 'ion-text':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-text.entry.js').then(processMod, consoleError);
-        case 'ion-textarea':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-textarea.entry.js').then(processMod, consoleError);
-        case 'ion-thumbnail':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-thumbnail.entry.js').then(processMod, consoleError);
-        case 'ion-toast':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-toast.entry.js').then(processMod, consoleError);
-        case 'ion-virtual-scroll':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-virtual-scroll.entry.js').then(processMod, consoleError);
+            './ldf-prayers-and-thanksgivings.entry.js').then(processMod, consoleError);
         case 'ldf-editable-add-block-menu':
           return import(
             /* webpackMode: "lazy" */
@@ -2018,10 +1736,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './ldf-editor.entry.js').then(processMod, consoleError);
-        case 'ion-picker-column':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-picker-column.entry.js').then(processMod, consoleError);
         case 'ldf-editable-condition-piece':
           return import(
             /* webpackMode: "lazy" */
@@ -2038,38 +1752,22 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './ldf-editor-cursors.entry.js').then(processMod, consoleError);
-        case 'ion-card-content_6':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-card-content_6.entry.js').then(processMod, consoleError);
-        case 'ion-card-subtitle':
+        case 'ldf-editable-antiphon-field':
           return import(
             /* webpackMode: "lazy" */
-            './ion-card-subtitle.entry.js').then(processMod, consoleError);
-        case 'ion-datetime_4':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-datetime_4.entry.js').then(processMod, consoleError);
+            './ldf-editable-antiphon-field.entry.js').then(processMod, consoleError);
         case 'ldf-editable-preference-option':
           return import(
             /* webpackMode: "lazy" */
             './ldf-editable-preference-option.entry.js').then(processMod, consoleError);
-        case 'ion-spinner':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-spinner.entry.js').then(processMod, consoleError);
-        case 'ion-card_2':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-card_2.entry.js').then(processMod, consoleError);
         case 'ldf-editable-string-list':
           return import(
             /* webpackMode: "lazy" */
             './ldf-editable-string-list.entry.js').then(processMod, consoleError);
-        case 'ion-segment_17':
+        case 'ldf-bible-reading_14':
           return import(
             /* webpackMode: "lazy" */
-            './ion-segment_17.entry.js').then(processMod, consoleError);
+            './ldf-bible-reading_14.entry.js').then(processMod, consoleError);
         case 'ldf-editable-boolean_2':
           return import(
             /* webpackMode: "lazy" */
@@ -2078,22 +1776,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './ldf-day-name_5.entry.js').then(processMod, consoleError);
-        case 'ion-chip':
+        case 'ldf-editable-text':
           return import(
             /* webpackMode: "lazy" */
-            './ion-chip.entry.js').then(processMod, consoleError);
-        case 'ion-action-sheet_10':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-action-sheet_10.entry.js').then(processMod, consoleError);
-        case 'ion-input_2':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-input_2.entry.js').then(processMod, consoleError);
-        case 'ion-backdrop':
-          return import(
-            /* webpackMode: "lazy" */
-            './ion-backdrop.entry.js').then(processMod, consoleError);
+            './ldf-editable-text.entry.js').then(processMod, consoleError);
       }
     }
     return import(
@@ -2109,7 +1795,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     }, consoleError);
 };
 const styles = new Map();
-const modeResolutionChain = [];
 const queueDomReads = [];
 const queueDomWrites = [];
 const queueTask = (queue, write) => (cb) => {
@@ -2151,13 +1836,6 @@ const flush = () => {
     }
 };
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
-const readTask = /*@__PURE__*/ queueTask(queueDomReads, false);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
-const Build = {
-    isDev: false,
-    isBrowser: true,
-    isServer: false,
-    isTesting: false,
-};
 
-export { Build as B, Host as H, setMode as a, bootstrapLazy as b, createEvent as c, getElement as d, readTask as e, forceUpdate as f, getMode as g, h, getAssetPath as i, promiseResolve as p, registerInstance as r, setPlatformHelpers as s, writeTask as w };
+export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };