@sparkle-learning/core 0.0.33 → 0.0.36

package/dist/cjs/index-9c7b27e4.js

@@ -0,0 +1,140 @@
+'use strict';
+
+const helpers = require('./helpers-c2496722.js');
+const index = require('./index-e56e09b8.js');
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
+const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';
+const ION_CONTENT_CLASS_SELECTOR = '.ion-content-scroll-host';
+/**
+ * Selector used for implementations reliant on `<ion-content>` for scroll event changes.
+ *
+ * Developers should use the `.ion-content-scroll-host` selector to target the element emitting
+ * scroll events. With virtual scroll implementations this will be the host element for
+ * the scroll viewport.
+ */
+const ION_CONTENT_SELECTOR = `${ION_CONTENT_ELEMENT_SELECTOR}, ${ION_CONTENT_CLASS_SELECTOR}`;
+const isIonContent = (el) => el && el.tagName === ION_CONTENT_TAG_NAME;
+/**
+ * Waits for the element host fully initialize before
+ * returning the inner scroll element.
+ *
+ * For `ion-content` the scroll target will be the result
+ * of the `getScrollElement` function.
+ *
+ * For custom implementations it will be the element host
+ * or a selector within the host, if supplied through `scrollTarget`.
+ */
+const getScrollElement = async (el) => {
+  if (isIonContent(el)) {
+    await new Promise((resolve) => helpers.componentOnReady(el, resolve));
+    return el.getScrollElement();
+  }
+  return el;
+};
+/**
+ * Queries the element matching the selector for IonContent.
+ * See ION_CONTENT_SELECTOR for the selector used.
+ */
+const findIonContent = (el) => {
+  /**
+   * First we try to query the custom scroll host selector in cases where
+   * the implementation is using an outer `ion-content` with an inner custom
+   * scroll container.
+   */
+  const customContentHost = el.querySelector(ION_CONTENT_CLASS_SELECTOR);
+  if (customContentHost) {
+    return customContentHost;
+  }
+  return el.querySelector(ION_CONTENT_SELECTOR);
+};
+/**
+ * Queries the closest element matching the selector for IonContent.
+ */
+const findClosestIonContent = (el) => {
+  return el.closest(ION_CONTENT_SELECTOR);
+};
+/**
+ * Scrolls to the top of the element. If an `ion-content` is found, it will scroll
+ * using the public API `scrollToTop` with a duration.
+ */
+const scrollToTop = (el, durationMs) => {
+  if (isIonContent(el)) {
+    const content = el;
+    return content.scrollToTop(durationMs);
+  }
+  return Promise.resolve(el.scrollTo({
+    top: 0,
+    left: 0,
+    behavior: durationMs > 0 ? 'smooth' : 'auto',
+  }));
+};
+/**
+ * Scrolls by a specified X/Y distance in the component. If an `ion-content` is found, it will scroll
+ * using the public API `scrollByPoint` with a duration.
+ */
+const scrollByPoint = (el, x, y, durationMs) => {
+  if (isIonContent(el)) {
+    const content = el;
+    return content.scrollByPoint(x, y, durationMs);
+  }
+  return Promise.resolve(el.scrollBy({
+    top: y,
+    left: x,
+    behavior: durationMs > 0 ? 'smooth' : 'auto',
+  }));
+};
+/**
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within either the `ion-content` selector or the `.ion-content-scroll-host` class.
+ */
+const printIonContentErrorMsg = (el) => {
+  return index.printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
+};
+/**
+ * Several components in Ionic need to prevent scrolling
+ * during a gesture (card modal, range, item sliding, etc).
+ * Use this utility to account for ion-content and custom content hosts.
+ */
+const disableContentScrollY = (contentEl) => {
+  if (isIonContent(contentEl)) {
+    const ionContent = contentEl;
+    const initialScrollY = ionContent.scrollY;
+    ionContent.scrollY = false;
+    /**
+     * This should be passed into resetContentScrollY
+     * so that we can revert ion-content's scrollY to the
+     * correct state. For example, if scrollY = false
+     * initially, we do not want to enable scrolling
+     * when we call resetContentScrollY.
+     */
+    return initialScrollY;
+  }
+  else {
+    contentEl.style.setProperty('overflow', 'hidden');
+    return true;
+  }
+};
+const resetContentScrollY = (contentEl, initialScrollY) => {
+  if (isIonContent(contentEl)) {
+    contentEl.scrollY = initialScrollY;
+  }
+  else {
+    contentEl.style.removeProperty('overflow');
+  }
+};
+
+exports.ION_CONTENT_CLASS_SELECTOR = ION_CONTENT_CLASS_SELECTOR;
+exports.ION_CONTENT_ELEMENT_SELECTOR = ION_CONTENT_ELEMENT_SELECTOR;
+exports.disableContentScrollY = disableContentScrollY;
+exports.findClosestIonContent = findClosestIonContent;
+exports.findIonContent = findIonContent;
+exports.getScrollElement = getScrollElement;
+exports.isIonContent = isIonContent;
+exports.printIonContentErrorMsg = printIonContentErrorMsg;
+exports.resetContentScrollY = resetContentScrollY;
+exports.scrollByPoint = scrollByPoint;
+exports.scrollToTop = scrollToTop;

package/dist/cjs/{index-185f9c5a.js → index-af080b50.js}

@@ -28,7 +28,7 @@ const sanitizeDOMString = (untrustedString) => {
      * Remove any elements
      * that are blocked
      */
-    blockedTags.forEach(blockedTag => {
+    blockedTags.forEach((blockedTag) => {
       const getElementsToRemove = documentFragment.querySelectorAll(blockedTag);
       for (let elementIndex = getElementsToRemove.length - 1; elementIndex >= 0; elementIndex--) {
         const element = getElementsToRemove[elementIndex];
@@ -44,7 +44,7 @@ const sanitizeDOMString = (untrustedString) => {
          * as they are left behind
          */
         const childElements = getElementChildren(element);
-        /* tslint:disable-next-line */
+        /* eslint-disable-next-line */
         for (let childIndex = 0; childIndex < childElements.length; childIndex++) {
           sanitizeElement(childElements[childIndex]);
         }
@@ -56,7 +56,7 @@ const sanitizeDOMString = (untrustedString) => {
      */
     // IE does not support .children on document fragments, only .childNodes
     const dfChildren = getElementChildren(documentFragment);
-    /* tslint:disable-next-line */
+    /* eslint-disable-next-line */
     for (let childIndex = 0; childIndex < dfChildren.length; childIndex++) {
       sanitizeElement(dfChildren[childIndex]);
     }
@@ -65,7 +65,7 @@ const sanitizeDOMString = (untrustedString) => {
     fragmentDiv.appendChild(documentFragment);
     // First child is always the div we did our work in
     const getInnerDiv = fragmentDiv.querySelector('div');
-    return (getInnerDiv !== null) ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
+    return getInnerDiv !== null ? getInnerDiv.innerHTML : fragmentDiv.innerHTML;
   }
   catch (err) {
     console.error(err);
@@ -93,7 +93,7 @@ const sanitizeElement = (element) => {
     // clean up any allowed attribs
     // that attempt to do any JS funny-business
     const attributeValue = attribute.value;
-    /* tslint:disable-next-line */
+    /* eslint-disable-next-line */
     if (attributeValue != null && attributeValue.toLowerCase().includes('javascript:')) {
       element.removeAttribute(attributeName);
     }
@@ -102,7 +102,7 @@ const sanitizeElement = (element) => {
    * Sanitize any nested children
    */
   const childElements = getElementChildren(element);
-  /* tslint:disable-next-line */
+  /* eslint-disable-next-line */
   for (let i = 0; i < childElements.length; i++) {
     sanitizeElement(childElements[i]);
   }
@@ -112,11 +112,12 @@ const sanitizeElement = (element) => {
  * so we revert to .childNodes instead
  */
 const getElementChildren = (el) => {
-  return (el.children != null) ? el.children : el.childNodes;
+  return el.children != null ? el.children : el.childNodes;
 };
 const isSanitizerEnabled = () => {
+  var _a;
   const win = window;
-  const config = win && win.Ionic && win.Ionic.config;
+  const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
   if (config) {
     if (config.get) {
       return config.get('sanitizerEnabled', true);

package/dist/cjs/index-e56e09b8.js

@@ -0,0 +1,38 @@
+'use strict';
+
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * Logs a warning to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ */
+const printIonWarning = (message, ...params) => {
+  return console.warn(`[Ionic Warning]: ${message}`, ...params);
+};
+/*
+ * Logs an error to the console with an Ionic prefix
+ * to indicate the library that is warning the developer.
+ *
+ * @param message - The string message to be logged to the console.
+ * @param params - Additional arguments to supply to the console.error.
+ */
+const printIonError = (message, ...params) => {
+  return console.error(`[Ionic Error]: ${message}`, ...params);
+};
+/**
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within a specific selector.
+ *
+ * @param el The web component element this is requiring the element.
+ * @param targetSelectors The selector or selectors that were not found.
+ */
+const printRequiredElementError = (el, ...targetSelectors) => {
+  return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
+};
+
+exports.printIonError = printIonError;
+exports.printIonWarning = printIonWarning;
+exports.printRequiredElementError = printRequiredElementError;

package/dist/cjs/index.cjs.js

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const auth_service = require('./auth.service-f878f6ab.js');
+const PrivateRoute = require('./PrivateRoute-074c584e.js');
 const environmentConfig_service = require('./environment-config.service-0e02b049.js');
 const assets_service = require('./assets.service-0c759d51.js');
-const auth_store = require('./auth.store-ff3fda09.js');
-const PrivateRoute = require('./PrivateRoute-482697a6.js');
-require('./index-bae2a754.js');
+const auth_store = require('./auth.store-1e630a7d.js');
+require('./index-51e8292e.js');
 require('./localstorage.service-6346a41d.js');
-require('./overlays-0a748609.js');
-require('./ionic-global-878073d1.js');
-require('./hardware-back-button-f7b5d99e.js');
-require('./helpers-7e28976c.js');
+require('./httpService-7211d93b.js');
+require('./overlays-32df265a.js');
+require('./ionic-global-2cde9d3a.js');
+require('./hardware-back-button-92d97ff8.js');
+require('./helpers-c2496722.js');
 
 
 
-exports.AuthService = auth_service.AuthService;
-exports.initSetupEnvironmentConfig = auth_service.initSetupConfig;
-exports.setupEnvironmentConfig = auth_service.setupConfig;
+exports.AuthService = PrivateRoute.AuthService;
+exports.PrivateRoute = PrivateRoute.PrivateRoute;
+exports.initSetupEnvironmentConfig = PrivateRoute.initSetupConfig;
+exports.setupEnvironmentConfig = PrivateRoute.setupConfig;
 exports.EnvironmentConfigService = environmentConfig_service.EnvironmentConfigService;
 exports.AssetsService = assets_service.AssetsService;
 exports.AuthStore = auth_store.AuthStore;
-exports.PrivateRoute = PrivateRoute.PrivateRoute;

package/dist/cjs/{index.es-ef3efdfb.js → index.es-38cbcdbe.js}

@@ -1,12 +1,7 @@
 'use strict';
 
-const auth_store = require('./auth.store-ff3fda09.js');
-require('./overlays-0a748609.js');
-require('./ionic-global-878073d1.js');
-require('./index-bae2a754.js');
-require('./hardware-back-button-f7b5d99e.js');
-require('./helpers-7e28976c.js');
-require('./environment-config.service-0e02b049.js');
+const auth_store = require('./auth.store-1e630a7d.js');
+require('./index-51e8292e.js');
 
 var check = function (it) {
   return it && it.Math == Math && it;

package/dist/cjs/{input-shims-6c442c9f.js → input-shims-eff63b88.js}

@@ -1,6 +1,8 @@
 'use strict';
 
-const helpers = require('./helpers-7e28976c.js');
+const index = require('./index-9c7b27e4.js');
+const helpers = require('./helpers-c2496722.js');
+require('./index-e56e09b8.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -57,7 +59,9 @@ const removeClone = (componentEl, inputEl) => {
  */
 const enableHideCaretOnScroll = (componentEl, inputEl, scrollEl) => {
   if (!scrollEl || !inputEl) {
-    return () => { return; };
+    return () => {
+      return;
+    };
   }
   const scrollHideCaret = (shouldHideCaret) => {
     if (isFocused(inputEl)) {
@@ -153,11 +157,7 @@ const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight)
   const distanceToBottom = safeAreaBottom - inputBottom;
   const distanceToTop = safeAreaTop - inputTop;
   // desiredScrollAmount is the negated distance to the safe area according to our calculations.
-  const desiredScrollAmount = Math.round((distanceToBottom < 0)
-    ? -distanceToBottom
-    : (distanceToTop > 0)
-      ? -distanceToTop
-      : 0);
+  const desiredScrollAmount = Math.round(distanceToBottom < 0 ? -distanceToBottom : distanceToTop > 0 ? -distanceToTop : 0);
   // our calculations make some assumptions that aren't always true, like the keyboard being closed when an input
   // gets focus, so make sure we don't scroll the input above the visible area
   const scrollAmount = Math.min(desiredScrollAmount, inputTop - visibleAreaTop);
@@ -168,7 +168,7 @@ const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight)
     scrollAmount,
     scrollDuration,
     scrollPadding: keyboardHeight,
-    inputSafeY: -(inputTop - safeAreaTop) + 4
+    inputSafeY: -(inputTop - safeAreaTop) + 4,
   };
 };
 
@@ -190,12 +190,11 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
     // focus this input if the pointer hasn't moved XX pixels
     // and the input doesn't already have focus
     if (!hasPointerMoved(6, coord, endCoord) && !isFocused(inputEl)) {
-      ev.stopPropagation();
       // begin the input focus process
       jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight);
     }
   };
-  componentEl.addEventListener('touchstart', touchStart, true);
+  componentEl.addEventListener('touchstart', touchStart, { capture: true, passive: true });
   componentEl.addEventListener('touchend', touchEnd, true);
   return () => {
     componentEl.removeEventListener('touchstart', touchStart, true);
@@ -224,7 +223,6 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
    * manually fire one here.
    */
   helpers.raf(() => componentEl.click());
-  /* tslint:disable-next-line */
   if (typeof window !== 'undefined') {
     let scrollContentTimeout;
     const scrollContent = async () => {
@@ -236,7 +234,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
       window.removeEventListener('ionKeyboardDidShow', scrollContent);
       // scroll the input into place
       if (contentEl) {
-        await contentEl.scrollByPoint(0, scrollData.scrollAmount, scrollData.scrollDuration);
+        await index.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
       }
       // the scroll view is in the correct position now
       // give the native text input focus
@@ -249,7 +247,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
       window.addEventListener('ionKeyboardDidShow', scrollContent);
     };
     if (contentEl) {
-      const scrollEl = await contentEl.getScrollElement();
+      const scrollEl = await index.getScrollElement(contentEl);
       /**
        * scrollData will only consider the amount we need
        * to scroll in order to properly bring the input
@@ -263,7 +261,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
        * bandwidth to become available.
        */
       const totalScrollAmount = scrollEl.scrollHeight - scrollEl.clientHeight;
-      if (scrollData.scrollAmount > (totalScrollAmount - scrollEl.scrollTop)) {
+      if (scrollData.scrollAmount > totalScrollAmount - scrollEl.scrollTop) {
         /**
          * On iOS devices, the system will show a "Passwords" bar above the keyboard
          * after the initial keyboard is shown. This prevents the webview from resizing
@@ -292,10 +290,10 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
 };
 const hasPointerMoved = (threshold, startCoord, endCoord) => {
   if (startCoord && endCoord) {
-    const deltaX = (startCoord.x - endCoord.x);
-    const deltaY = (startCoord.y - endCoord.y);
+    const deltaX = startCoord.x - endCoord.x;
+    const deltaY = startCoord.y - endCoord.y;
     const distance = deltaX * deltaX + deltaY * deltaY;
-    return distance > (threshold * threshold);
+    return distance > threshold * threshold;
   }
   return false;
 };
@@ -320,18 +318,17 @@ const enableScrollPadding = (keyboardHeight) => {
   };
 };
 const setScrollPadding = (input, keyboardHeight) => {
+  var _a, _b;
   if (input.tagName !== 'INPUT') {
     return;
   }
   if (input.parentElement && input.parentElement.tagName === 'ION-INPUT') {
     return;
   }
-  if (input.parentElement &&
-    input.parentElement.parentElement &&
-    input.parentElement.parentElement.tagName === 'ION-SEARCHBAR') {
+  if (((_b = (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.tagName) === 'ION-SEARCHBAR') {
     return;
   }
-  const el = input.closest('ion-content');
+  const el = index.findClosestIonContent(input);
   if (el === null) {
     return;
   }
@@ -365,11 +362,11 @@ const startInputShims = (config) => {
   const hideCaretMap = new WeakMap();
   const scrollAssistMap = new WeakMap();
   const registerInput = async (componentEl) => {
-    await new Promise(resolve => helpers.componentOnReady(componentEl, resolve));
+    await new Promise((resolve) => helpers.componentOnReady(componentEl, resolve));
     const inputRoot = componentEl.shadowRoot || componentEl;
     const inputEl = inputRoot.querySelector('input') || inputRoot.querySelector('textarea');
-    const scrollEl = componentEl.closest('ion-content');
-    const footerEl = (!scrollEl) ? componentEl.closest('ion-footer') : null;
+    const scrollEl = index.findClosestIonContent(componentEl);
+    const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
     if (!inputEl) {
       return;
     }

package/dist/cjs/ion-accordion-group.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 accordionGroupIosCss = ":host{display:block}:host(.accordion-group-expand-inset){margin-left:16px;margin-right:16px;margin-top:16px;margin-bottom:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.accordion-group-expand-inset){margin-left:unset;margin-right:unset;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";
 
@@ -69,7 +69,17 @@ const AccordionGroup = class {
     if (!activeElement) {
       return;
     }
-    const accordionEl = (activeElement.tagName === 'ION-ACCORDION') ? activeElement : activeElement.closest('ion-accordion');
+    /**
+     * Make sure focus is in the header, not the body, of the accordion. This ensures
+     * that if there are any interactable elements in the body, their keyboard
+     * interaction doesn't get stolen by the accordion. Example: using up/down keys
+     * in ion-textarea.
+     */
+    const activeAccordionHeader = activeElement.closest('ion-accordion [slot="header"]');
+    if (!activeAccordionHeader) {
+      return;
+    }
+    const accordionEl = activeElement.tagName === 'ION-ACCORDION' ? activeElement : activeElement.closest('ion-accordion');
     if (!accordionEl) {
       return;
     }
@@ -79,7 +89,7 @@ const AccordionGroup = class {
     }
     // If the active accordion is not in the current array of accordions, do not do anything
     const accordions = await this.getAccordions();
-    const startingIndex = accordions.findIndex(a => a === accordionEl);
+    const startingIndex = accordions.findIndex((a) => a === accordionEl);
     if (startingIndex === -1) {
       return;
     }
@@ -126,7 +136,7 @@ const AccordionGroup = class {
       if (multiple) {
         const groupValue = value || [];
         const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];
-        const valueExists = processedValue.find(v => v === accordionValue);
+        const valueExists = processedValue.find((v) => v === accordionValue);
         if (valueExists === undefined && accordionValue !== undefined) {
           this.value = [...processedValue, accordionValue];
         }
@@ -143,7 +153,7 @@ const AccordionGroup = class {
       if (multiple) {
         const groupValue = value || [];
         const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];
-        this.value = processedValue.filter(v => v !== accordionValue);
+        this.value = processedValue.filter((v) => v !== accordionValue);
       }
       else {
         this.value = undefined;
@@ -152,7 +162,6 @@ const AccordionGroup = class {
   }
   findNextAccordion(accordions, startingIndex) {
     const nextAccordion = accordions[startingIndex + 1];
-    // tslint:disable-next-line:strict-type-predicates
     if (nextAccordion === undefined) {
       return accordions[0];
     }
@@ -160,7 +169,6 @@ const AccordionGroup = class {
   }
   findPreviousAccordion(accordions, startingIndex) {
     const prevAccordion = accordions[startingIndex - 1];
-    // tslint:disable-next-line:strict-type-predicates
     if (prevAccordion === undefined) {
       return accordions[accordions.length - 1];
     }
@@ -179,7 +187,7 @@ const AccordionGroup = class {
         [mode]: true,
         'accordion-group-disabled': disabled,
         'accordion-group-readonly': readonly,
-        [`accordion-group-expand-${expand}`]: true
+        [`accordion-group-expand-${expand}`]: true,
       }, role: "presentation" }, index.h("slot", null)));
   }
   get el() { return index.getElement(this); }

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const index$1 = require('./index-8540d72e.js');
-const ionicGlobal = require('./ionic-global-878073d1.js');
-const helpers = require('./helpers-7e28976c.js');
+const index = require('./index-51e8292e.js');
+const index$1 = require('./index-975586fd.js');
+const ionicGlobal = require('./ionic-global-2cde9d3a.js');
+const helpers = require('./helpers-c2496722.js');
 
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
 
@@ -80,7 +80,8 @@ const Accordion = class {
         return;
       }
       // This is not defined in unit tests
-      const ionItem = slot.assignedElements && slot.assignedElements().find(el => el.tagName === 'ION-ITEM');
+      const ionItem = slot.assignedElements &&
+        slot.assignedElements().find((el) => el.tagName === 'ION-ITEM');
       return ionItem;
     };
     this.setAria = (expanded = false) => {
@@ -122,17 +123,14 @@ const Accordion = class {
       ionItem.appendChild(iconEl);
     };
     this.expandAccordion = (initialUpdate = false) => {
-      if (initialUpdate) {
+      const { contentEl, contentElWrapper } = this;
+      if (initialUpdate || contentEl === undefined || contentElWrapper === undefined) {
         this.state = 4 /* Expanded */;
         return;
       }
       if (this.state === 4 /* Expanded */) {
         return;
       }
-      const { contentEl, contentElWrapper } = this;
-      if (contentEl === undefined || contentElWrapper === undefined) {
-        return;
-      }
       if (this.currentRaf !== undefined) {
         cancelAnimationFrame(this.currentRaf);
       }
@@ -154,17 +152,14 @@ const Accordion = class {
       }
     };
     this.collapseAccordion = (initialUpdate = false) => {
-      if (initialUpdate) {
+      const { contentEl } = this;
+      if (initialUpdate || contentEl === undefined) {
         this.state = 1 /* Collapsed */;
         return;
       }
       if (this.state === 1 /* Collapsed */) {
         return;
       }
-      const { contentEl } = this;
-      if (contentEl === undefined) {
-        return;
-      }
       if (this.currentRaf !== undefined) {
         cancelAnimationFrame(this.currentRaf);
       }
@@ -216,7 +211,7 @@ const Accordion = class {
         return;
       }
       const value = accordionGroup.value;
-      const shouldExpand = (Array.isArray(value)) ? value.includes(accordionValue) : value === accordionValue;
+      const shouldExpand = Array.isArray(value) ? value.includes(accordionValue) : value === accordionValue;
       if (shouldExpand) {
         this.expandAccordion(initialUpdate);
         this.isNext = this.isPrevious = false;
@@ -231,14 +226,14 @@ const Accordion = class {
          * next or previous accordion is selected.
          */
         const nextAccordion = this.getNextSibling();
-        const nextAccordionValue = nextAccordion && nextAccordion.value;
+        const nextAccordionValue = nextAccordion === null || nextAccordion === void 0 ? void 0 : nextAccordion.value;
         if (nextAccordionValue !== undefined) {
-          this.isPrevious = (Array.isArray(value)) ? value.includes(nextAccordionValue) : value === nextAccordionValue;
+          this.isPrevious = Array.isArray(value) ? value.includes(nextAccordionValue) : value === nextAccordionValue;
         }
         const previousAccordion = this.getPreviousSibling();
-        const previousAccordionValue = previousAccordion && previousAccordion.value;
+        const previousAccordionValue = previousAccordion === null || previousAccordion === void 0 ? void 0 : previousAccordion.value;
         if (previousAccordionValue !== undefined) {
-          this.isNext = (Array.isArray(value)) ? value.includes(previousAccordionValue) : value === previousAccordionValue;
+          this.isNext = Array.isArray(value) ? value.includes(previousAccordionValue) : value === previousAccordionValue;
         }
       }
     };
@@ -264,7 +259,8 @@ const Accordion = class {
     };
   }
   connectedCallback() {
-    const accordionGroupEl = this.accordionGroupEl = this.el && this.el.closest('ion-accordion-group');
+    var _a;
+    const accordionGroupEl = (this.accordionGroupEl = (_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('ion-accordion-group'));
     if (accordionGroupEl) {
       this.updateState(true);
       helpers.addEventListener(accordionGroupEl, 'ionChange', this.updateListener);
@@ -325,8 +321,8 @@ const Accordion = class {
         'accordion-previous': this.isPrevious,
         'accordion-disabled': disabled,
         'accordion-readonly': readonly,
-        'accordion-animated': ionicGlobal.config.getBoolean('animated', true)
-      } }, index.h("div", { onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: headerEl => this.headerEl = headerEl }, index.h("slot", { name: "header" })), index.h("div", { id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: contentEl => this.contentEl = contentEl }, index.h("div", { id: "content-wrapper", ref: contentElWrapper => this.contentElWrapper = contentElWrapper }, index.h("slot", { name: "content" })))));
+        'accordion-animated': ionicGlobal.config.getBoolean('animated', true),
+      } }, index.h("div", { onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { name: "header" })), index.h("div", { id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { name: "content" })))));
   }
   static get delegatesFocus() { return true; }
   get el() { return index.getElement(this); }