@sparkle-learning/core 0.0.33 → 0.0.36

package/dist/esm/{index-5568e3fa.js → index-c04b9ed5.js}

@@ -24,10 +24,10 @@ const setPlatformHelpers = (helpers) => {
     Object.assign(plt, helpers);
 };
 const promiseResolve = (v) => Promise.resolve(v);
-const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
+const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
             new CSSStyleSheet();
-            return typeof new CSSStyleSheet().replace === 'function';
+            return typeof new CSSStyleSheet().replaceSync === 'function';
         }
         catch (e) { }
         return false;
@@ -91,9 +91,14 @@ const uniqueTime = (key, measureText) => {
 const rootAppliedStyles = new WeakMap();
 const registerStyle = (scopeId, cssText, allowCS) => {
     let style = styles.get(scopeId);
-    if (supportsConstructibleStylesheets && allowCS) {
+    if (supportsConstructableStylesheets && allowCS) {
         style = (style || new CSSStyleSheet());
-        style.replace(cssText);
+        if (typeof style === 'string') {
+            style = cssText;
+        }
+        else {
+            style.replaceSync(cssText);
+        }
     }
     else {
         style = cssText;
@@ -102,7 +107,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
     let scopeId = getScopeId(cmpMeta, mode);
-    let style = styles.get(scopeId);
+    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
     styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -197,7 +202,7 @@ const h = (nodeName, vnodeData, ...children) => {
     let slotName = null;
     let simple = false;
     let lastSimple = false;
-    let vNodeChildren = [];
+    const vNodeChildren = [];
     const walk = (c) => {
         for (let i = 0; i < c.length; i++) {
             child = c[i];
@@ -406,7 +411,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
                 try {
                     if (!elm.tagName.includes('-')) {
-                        let n = newValue == null ? '' : newValue;
+                        const n = newValue == null ? '' : newValue;
                         // Workaround for Safari, moving the <input> caret when re-assigning the same valued
                         if (memberName === 'list') {
                             isProp = false;
@@ -483,7 +488,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
 };
 const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     // tslint:disable-next-line: prefer-const
-    let newVNode = newParentVNode.$children$[childIndex];
+    const newVNode = newParentVNode.$children$[childIndex];
     let i = 0;
     let elm;
     let childNode;
@@ -816,7 +821,7 @@ const patch = (oldVNode, newVNode) => {
 };
 const updateFallbackSlotVisibility = (elm) => {
     // tslint:disable-next-line: prefer-const
-    let childNodes = elm.childNodes;
+    const childNodes = elm.childNodes;
     let childNode;
     let i;
     let ilen;
@@ -869,8 +874,8 @@ const relocateSlotContent = (elm) => {
     let relocateNodeData;
     let j;
     let i = 0;
-    let childNodes = elm.childNodes;
-    let ilen = childNodes.length;
+    const childNodes = elm.childNodes;
+    const ilen = childNodes.length;
     for (; i < ilen; i++) {
         childNode = childNodes[i];
         if (childNode['s-sr'] && (node = childNode['s-cr']) && node.parentNode) {
@@ -1815,7 +1820,9 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
+    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
     return import(
+    /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */

package/dist/esm/{index-fa5e93c5.js → index-cded2d87.js}

@@ -1,7 +1,7 @@
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-b6ccf74a.js';
-import { c as componentOnReady } from './helpers-9d0930de.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
-import { c as createAnimation } from './animation-7b083379.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-fa04d6e9.js';
+import { c as componentOnReady } from './helpers-bf0e23d6.js';
+import { g as getIonMode } from './ionic-global-4903e23e.js';
+import { c as createAnimation } from './animation-12377cb3.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -47,15 +47,11 @@ const menuOverlayAnimation = (menu) => {
     closedX = -width + 'px';
     openedX = '0px';
   }
-  menuAnimation
-    .addElement(menu.menuInnerEl)
-    .fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
+  menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
   const mode = getIonMode(menu);
   const isIos = mode === 'ios';
   const opacity = isIos ? 0.2 : 0.25;
-  backdropAnimation
-    .addElement(menu.backdropEl)
-    .fromTo('opacity', 0.01, opacity);
+  backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
   return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
 };
 
@@ -86,9 +82,7 @@ const menuPushAnimation = (menu) => {
   const contentAnimation = createAnimation()
     .addElement(menu.contentEl)
     .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
-  const backdropAnimation = createAnimation()
-    .addElement(menu.backdropEl)
-    .fromTo('opacity', 0.01, 0.32);
+  const backdropAnimation = createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
   return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
@@ -102,7 +96,7 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
   const mode = getIonMode(menu);
-  const openedX = (menu.width * (menu.isEndSide ? -1 : 1)) + 'px';
+  const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
   const contentOpen = createAnimation()
     .addElement(menu.contentEl) // REVIEW
     .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
@@ -153,7 +147,8 @@ const createMenuController = () => {
   const isOpen = async (menu) => {
     if (menu != null) {
       const menuEl = await get(menu);
-      return (menuEl !== undefined && menuEl.isOpen());
+      // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+      return menuEl !== undefined && menuEl.isOpen();
     }
     else {
       const menuEl = await getOpen();
@@ -172,21 +167,21 @@ const createMenuController = () => {
     if (menu === 'start' || menu === 'end') {
       // there could be more than one menu on the same side
       // so first try to get the enabled one
-      const menuRef = find(m => m.side === menu && !m.disabled);
+      const menuRef = find((m) => m.side === menu && !m.disabled);
       if (menuRef) {
         return menuRef;
       }
       // didn't find a menu side that is enabled
       // so try to get the first menu side found
-      return find(m => m.side === menu);
+      return find((m) => m.side === menu);
     }
     else if (menu != null) {
       // the menuId was not left or right
       // so try to get the menu by its "id"
-      return find(m => m.menuId === menu);
+      return find((m) => m.menuId === menu);
     }
     // return the first enabled menu
-    const menuEl = find(m => !m.disabled);
+    const menuEl = find((m) => !m.disabled);
     if (menuEl) {
       return menuEl;
     }
@@ -237,9 +232,7 @@ const createMenuController = () => {
     // then find all the other menus on this same side
     // and automatically disable other same side menus
     const side = menu.side;
-    menus
-      .filter(m => m.side === side && m !== menu)
-      .forEach(m => m.disabled = true);
+    menus.filter((m) => m.side === side && m !== menu).forEach((m) => (m.disabled = true));
   };
   const _setOpen = async (menu, shouldOpen, animated) => {
     if (isAnimatingSync()) {
@@ -262,13 +255,13 @@ const createMenuController = () => {
     return animation;
   };
   const _getOpenSync = () => {
-    return find(m => m._isOpen);
+    return find((m) => m._isOpen);
   };
   const getMenusSync = () => {
-    return menus.map(menu => menu.el);
+    return menus.map((menu) => menu.el);
   };
   const isAnimatingSync = () => {
-    return menus.some(menu => menu.isAnimating);
+    return menus.some((menu) => menu.isAnimating);
   };
   const find = (predicate) => {
     const instance = menus.find(predicate);
@@ -278,13 +271,11 @@ const createMenuController = () => {
     return undefined;
   };
   const waitUntilReady = () => {
-    return Promise.all(Array.from(document.querySelectorAll('ion-menu'))
-      .map(menu => new Promise(resolve => componentOnReady(menu, resolve))));
+    return Promise.all(Array.from(document.querySelectorAll('ion-menu')).map((menu) => new Promise((resolve) => componentOnReady(menu, resolve))));
   };
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);
   registerAnimation('overlay', menuOverlayAnimation);
-  /* tslint:disable-next-line */
   if (typeof document !== 'undefined') {
     document.addEventListener('ionBackButton', (ev) => {
       const openMenu = _getOpenSync();

package/dist/esm/index-dad75b83.js

@@ -0,0 +1,34 @@
+/*!
+ * (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 ')}.`);
+};
+
+export { printIonWarning as a, printRequiredElementError as b, printIonError as p };

package/dist/esm/{index.es-89cff481.js → index.es-e0c0f891.js}

@@ -1,10 +1,5 @@
-import { b as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs } from './auth.store-98fad96d.js';
-import './overlays-5c777f10.js';
-import './ionic-global-0939c477.js';
-import './index-5568e3fa.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
-import './environment-config.service-2b5d692b.js';
+import { b as commonjsGlobal, c as createCommonjsModule, g as getDefaultExportFromCjs } from './auth.store-dba2c2da.js';
+import './index-c04b9ed5.js';
 
 var check = function (it) {
   return it && it.Math == Math && it;

package/dist/esm/index.js

@@ -1,11 +1,11 @@
-export { A as AuthService, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './auth.service-7ab0ac58.js';
+export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-c5441f35.js';
 export { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
 export { A as AssetsService } from './assets.service-66e848b8.js';
-export { A as AuthStore } from './auth.store-98fad96d.js';
-export { P as PrivateRoute } from './PrivateRoute-f59ba6b5.js';
-import './index-5568e3fa.js';
+export { A as AuthStore } from './auth.store-dba2c2da.js';
+import './index-c04b9ed5.js';
 import './localstorage.service-4bf408c8.js';
-import './overlays-5c777f10.js';
-import './ionic-global-0939c477.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
+import './httpService-7b75b095.js';
+import './overlays-3b4dca92.js';
+import './ionic-global-4903e23e.js';
+import './hardware-back-button-fa04d6e9.js';
+import './helpers-bf0e23d6.js';

package/dist/esm/{input-shims-7f04e044.js → input-shims-671d8d9f.js}

@@ -1,4 +1,6 @@
-import { a as addEventListener, r as removeEventListener, b as raf, p as pointerCoord, c as componentOnReady } from './helpers-9d0930de.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-5e8971ae.js';
+import { a as addEventListener, r as removeEventListener, l as raf, q as pointerCoord, c as componentOnReady } from './helpers-bf0e23d6.js';
+import './index-dad75b83.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -55,7 +57,9 @@ const removeClone = (componentEl, inputEl) => {
  */
 const enableHideCaretOnScroll = (componentEl, inputEl, scrollEl) => {
   if (!scrollEl || !inputEl) {
-    return () => { return; };
+    return () => {
+      return;
+    };
   }
   const scrollHideCaret = (shouldHideCaret) => {
     if (isFocused(inputEl)) {
@@ -151,11 +155,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);
@@ -166,7 +166,7 @@ const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight)
     scrollAmount,
     scrollDuration,
     scrollPadding: keyboardHeight,
-    inputSafeY: -(inputTop - safeAreaTop) + 4
+    inputSafeY: -(inputTop - safeAreaTop) + 4,
   };
 };
 
@@ -188,12 +188,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);
@@ -222,7 +221,6 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
    * manually fire one here.
    */
   raf(() => componentEl.click());
-  /* tslint:disable-next-line */
   if (typeof window !== 'undefined') {
     let scrollContentTimeout;
     const scrollContent = async () => {
@@ -234,7 +232,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 scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
       }
       // the scroll view is in the correct position now
       // give the native text input focus
@@ -247,7 +245,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
       window.addEventListener('ionKeyboardDidShow', scrollContent);
     };
     if (contentEl) {
-      const scrollEl = await contentEl.getScrollElement();
+      const scrollEl = await getScrollElement(contentEl);
       /**
        * scrollData will only consider the amount we need
        * to scroll in order to properly bring the input
@@ -261,7 +259,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
@@ -290,10 +288,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;
 };
@@ -318,18 +316,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 = findClosestIonContent(input);
   if (el === null) {
     return;
   }
@@ -363,11 +360,11 @@ const startInputShims = (config) => {
   const hideCaretMap = new WeakMap();
   const scrollAssistMap = new WeakMap();
   const registerInput = async (componentEl) => {
-    await new Promise(resolve => componentOnReady(componentEl, resolve));
+    await new Promise((resolve) => 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 = findClosestIonContent(componentEl);
+    const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
     if (!inputEl) {
       return;
     }

package/dist/esm/ion-accordion-group.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, i as createEvent, h, H as Host, e as getElement } from './index-5568e3fa.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
+import { r as registerInstance, i as createEvent, h, H as Host, e as getElement } from './index-c04b9ed5.js';
+import { g as getIonMode } from './ionic-global-4903e23e.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}";
 
@@ -65,7 +65,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;
     }
@@ -75,7 +85,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;
     }
@@ -122,7 +132,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];
         }
@@ -139,7 +149,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;
@@ -148,7 +158,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];
     }
@@ -156,7 +165,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];
     }
@@ -175,7 +183,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" }, h("slot", null)));
   }
   get el() { return getElement(this); }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, e as getElement } from './index-5568e3fa.js';
-import { c as chevronDown } from './index-ea26196a.js';
-import { c as config, g as getIonMode } from './ionic-global-0939c477.js';
-import { b as raf, a as addEventListener, r as removeEventListener, g as getElementRoot, t as transitionEndAsync } from './helpers-9d0930de.js';
+import { r as registerInstance, h, H as Host, e as getElement } from './index-c04b9ed5.js';
+import { a as chevronDown } from './index-4044fde9.js';
+import { c as config, g as getIonMode } from './ionic-global-4903e23e.js';
+import { l as raf, a as addEventListener, r as removeEventListener, g as getElementRoot, t as transitionEndAsync } from './helpers-bf0e23d6.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}";
 
@@ -76,7 +76,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) => {
@@ -118,17 +119,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);
       }
@@ -150,17 +148,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);
       }
@@ -212,7 +207,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;
@@ -227,14 +222,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;
         }
       }
     };
@@ -260,7 +255,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);
       addEventListener(accordionGroupEl, 'ionChange', this.updateListener);
@@ -321,8 +317,8 @@ const Accordion = class {
         'accordion-previous': this.isPrevious,
         'accordion-disabled': disabled,
         'accordion-readonly': readonly,
-        'accordion-animated': config.getBoolean('animated', true)
-      } }, h("div", { onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: headerEl => this.headerEl = headerEl }, h("slot", { name: "header" })), h("div", { id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: contentEl => this.contentEl = contentEl }, h("div", { id: "content-wrapper", ref: contentElWrapper => this.contentElWrapper = contentElWrapper }, h("slot", { name: "content" })))));
+        'accordion-animated': config.getBoolean('animated', true),
+      } }, h("div", { onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { name: "header" })), h("div", { id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { name: "content" })))));
   }
   static get delegatesFocus() { return true; }
   get el() { return getElement(this); }