@ionic/core 7.5.6-dev.11700520218.1c07312e → 7.5.6-dev.11701102039.134ebc28

package/dist/collection/utils/sanitization/test/sanitization.spec.js

@@ -1,43 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { IonicSafeString, sanitizeDOMString } from "..";
-describe('sanitizeDOMString', () => {
-  it('disable sanitizer', () => {
-    enableSanitizer(false);
-    expect(sanitizeDOMString('<img src="x" onerror="alert(document.cookie);">')).toEqual('<img src="x" onerror="alert(document.cookie);">');
-  });
-  it('bypass sanitizer', () => {
-    expect(sanitizeDOMString(new IonicSafeString('<img src="x" onerror="alert(document.cookie);">'))).toEqual('<img src="x" onerror="alert(document.cookie);">');
-  });
-  it('filter onerror', () => {
-    expect(sanitizeDOMString('<img src="x" onerror="alert(document.cookie);">')).toEqual('<img src="x">');
-  });
-  it('filter onclick', () => {
-    expect(sanitizeDOMString('<button id="myButton" name="myButton" onclick="alert(document.cookie);">harmless button</button>')).toEqual('<button id="myButton" name="myButton">harmless button</button>');
-  });
-  it('filter <a> href JS', () => {
-    expect(sanitizeDOMString('<a href="javascript:alert(document.cookie)">harmless link</a>')).toEqual('<a>harmless link</a>');
-    expect(sanitizeDOMString('<a href="javascr&Tab;ipt:alert(document.cookie)">harmless link</a>')).toEqual('<a>harmless link</a>');
-  });
-  it('filter <a> href JS + class attribute', () => {
-    expect(sanitizeDOMString('<a class="link" href="Javascript&#58;alert(document.cookie)">harmless link</a>')).toEqual('<a class="link">harmless link</a>');
-  });
-  it('filter <iframe>', () => {
-    expect(sanitizeDOMString('<iframe src="javascript:alert(document.cookie)"></iframe>')).toEqual('');
-  });
-  it('filter href + javascript ', () => {
-    expect(sanitizeDOMString('<div><button><a href="javascript:alert(document.cookie)">click me</a></button></div>')).toEqual('<div><button><a>click me</a></button></div>');
-  });
-  it('filter <object>', () => {
-    expect(sanitizeDOMString('<object><img src="x" onerror="alert(document.cookie);"></object>')).toEqual('');
-  });
-  it('sanitizeDOMString', () => {
-    expect(sanitizeDOMString('<ion-item><ion-label>Hello!</ion-label><ion-button onclick="alert(document.cookie);">Click me</ion-button>')).toEqual('<ion-item><ion-label>Hello!</ion-label><ion-button>Click me</ion-button></ion-item>');
-  });
-});
-const enableSanitizer = (enable = true) => {
-  window.Ionic = {};
-  window.Ionic.config = {};
-  window.Ionic.config.sanitizerEnabled = enable;
-};

package/dist/collection/utils/test/aria.spec.js

@@ -1,79 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Item } from "../../components/item/item";
-import { Label } from "../../components/label/label";
-import { Toggle } from "../../components/toggle/toggle";
-import { getAriaLabel } from "../helpers";
-describe('getAriaLabel()', () => {
-  it('should correctly link component to label', async () => {
-    const page = await newSpecPage({
-      components: [Item, Label, Toggle],
-      html: `
-        <ion-item>
-          <ion-label>My Label</ion-label>
-          <ion-toggle></ion-toggle>
-        </ion-item>
-      `,
-    });
-    const toggle = page.body.querySelector('ion-toggle');
-    const { label, labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
-    expect(labelText).toEqual('My Label');
-    expect(labelId).toEqual('ion-tg-0-lbl');
-    expect(label).toEqual(page.body.querySelector('ion-label'));
-  });
-  it('should correctly link component when using custom label', async () => {
-    const page = await newSpecPage({
-      components: [Toggle],
-      html: `
-        <div id="my-label">Hello World</div>
-        <ion-toggle legacy="true" aria-labelledby="my-label"></ion-toggle>
-      `,
-    });
-    const toggle = page.body.querySelector('ion-toggle');
-    const { label, labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
-    expect(labelText).toEqual('Hello World');
-    expect(labelId).toEqual('my-label');
-    expect(label).toEqual(page.body.querySelector('#my-label'));
-  });
-  it('should correctly link component when special characters are used', async () => {
-    const page = await newSpecPage({
-      components: [Toggle],
-      html: `
-        <div id="id.1">Hello World</div>
-        <ion-toggle legacy="true" aria-labelledby="id.1"></ion-toggle>
-      `,
-    });
-    const toggle = page.body.querySelector('ion-toggle');
-    const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
-    expect(labelText).toEqual('Hello World');
-    expect(labelId).toEqual('id.1');
-  });
-  it('should only set the label id if one was not set already', async () => {
-    const page = await newSpecPage({
-      components: [Toggle],
-      html: `
-        <label id="my-id" for="id.1">Hello World</label>
-        <ion-toggle legacy="true" id="id.1"></ion-toggle>
-      `,
-    });
-    const toggle = page.body.querySelector('ion-toggle');
-    const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
-    expect(labelText).toEqual('Hello World');
-    expect(labelId).toEqual('my-id');
-  });
-  it('should set label id', async () => {
-    const page = await newSpecPage({
-      components: [Toggle],
-      html: `
-        <label for="id.1">Hello World</label>
-        <ion-toggle legacy="true" id="id.1"></ion-toggle>
-      `,
-    });
-    const toggle = page.body.querySelector('ion-toggle');
-    const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
-    expect(labelText).toEqual('Hello World');
-    expect(labelId).toEqual('id.1-lbl');
-  });
-});

package/dist/collection/utils/test/attributes.spec.js

@@ -1,53 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { inheritAttributes, inheritAriaAttributes } from "../helpers";
-describe('inheritAttributes()', () => {
-  it('should create an attribute inheritance object', () => {
-    const el = document.createElement('div');
-    el.setAttribute('tabindex', '20');
-    el.setAttribute('title', 'myTitle');
-    const attributeObject = inheritAttributes(el, ['tabindex', 'title']);
-    expect(attributeObject).toEqual({
-      tabindex: '20',
-      title: 'myTitle',
-    });
-  });
-  it('should not inherit attributes that are not defined on the element', () => {
-    const el = document.createElement('div');
-    el.setAttribute('tabindex', '20');
-    const attributeObject = inheritAttributes(el, ['tabindex', 'title']);
-    expect(attributeObject).toEqual({
-      tabindex: '20',
-    });
-  });
-  it('should not inherit attributes that are not defined on the input array', () => {
-    const el = document.createElement('div');
-    el.setAttribute('tabindex', '20');
-    el.setAttribute('title', 'myTitle');
-    const attributeObject = inheritAttributes(el, ['title']);
-    expect(attributeObject).toEqual({
-      title: 'myTitle',
-    });
-  });
-});
-describe('inheritAriaAttributes()', () => {
-  it('should inherit ARIA attributes defined on the HTML element', () => {
-    const el = document.createElement('div');
-    el.setAttribute('aria-label', 'myLabel');
-    el.setAttribute('aria-describedby', 'myDescription');
-    const attributeObject = inheritAriaAttributes(el);
-    expect(attributeObject).toEqual({
-      'aria-label': 'myLabel',
-      'aria-describedby': 'myDescription',
-    });
-  });
-  it('should inherit the role attribute defined on the HTML element', () => {
-    const el = document.createElement('div');
-    el.setAttribute('role', 'button');
-    const attributeObject = inheritAriaAttributes(el);
-    expect(attributeObject).toEqual({
-      role: 'button',
-    });
-  });
-});

package/dist/collection/utils/test/hardware-back-button.spec.js

@@ -1,53 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { startHardwareBackButton } from "../hardware-back-button";
-describe('Hardware Back Button', () => {
-  beforeEach(() => startHardwareBackButton());
-  it('should call handler', () => {
-    const cbSpy = jest.fn();
-    document.addEventListener('ionBackButton', (ev) => {
-      ev.detail.register(0, cbSpy);
-    });
-    dispatchBackButtonEvent();
-    expect(cbSpy).toHaveBeenCalled();
-  });
-  it('should call handlers in order of priority', () => {
-    const cbSpy = jest.fn();
-    const cbSpyTwo = jest.fn();
-    document.addEventListener('ionBackButton', (ev) => {
-      ev.detail.register(100, cbSpy);
-      ev.detail.register(99, cbSpyTwo);
-    });
-    dispatchBackButtonEvent();
-    expect(cbSpy).toHaveBeenCalled();
-    expect(cbSpyTwo).not.toHaveBeenCalled();
-  });
-  it('should only call last handler to be added for handlers with same priority', () => {
-    const cbSpy = jest.fn();
-    const cbSpyTwo = jest.fn();
-    document.addEventListener('ionBackButton', (ev) => {
-      ev.detail.register(100, cbSpy);
-      ev.detail.register(100, cbSpyTwo);
-    });
-    dispatchBackButtonEvent();
-    expect(cbSpy).not.toHaveBeenCalled();
-    expect(cbSpyTwo).toHaveBeenCalled();
-  });
-  it('should call multiple callbacks', () => {
-    const cbSpy = (processNextHandler) => {
-      processNextHandler();
-    };
-    const cbSpyTwo = jest.fn();
-    document.addEventListener('ionBackButton', (ev) => {
-      ev.detail.register(100, cbSpy);
-      ev.detail.register(99, cbSpyTwo);
-    });
-    dispatchBackButtonEvent();
-    expect(cbSpyTwo).toHaveBeenCalled();
-  });
-});
-const dispatchBackButtonEvent = () => {
-  const ev = new Event('backbutton');
-  document.dispatchEvent(ev);
-};

package/dist/collection/utils/test/overlays/overlays.spec.js

@@ -1,102 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { Modal } from "../../../components/modal/modal";
-import { Nav } from "../../../components/nav/nav";
-import { RouterOutlet } from "../../../components/router-outlet/router-outlet";
-import { setRootAriaHidden } from "../../overlays";
-describe('setRootAriaHidden()', () => {
-  it('should correctly remove and re-add router outlet from accessibility tree', async () => {
-    const page = await newSpecPage({
-      components: [RouterOutlet],
-      html: `
-        <ion-router-outlet></ion-router-outlet>
-      `,
-    });
-    const routerOutlet = page.body.querySelector('ion-router-outlet');
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(false);
-    setRootAriaHidden(true);
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
-    setRootAriaHidden(false);
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(false);
-  });
-  it('should correctly remove and re-add nav from accessibility tree', async () => {
-    const page = await newSpecPage({
-      components: [Nav],
-      html: `
-        <ion-nav></ion-nav>
-      `,
-    });
-    const nav = page.body.querySelector('ion-nav');
-    expect(nav.hasAttribute('aria-hidden')).toEqual(false);
-    setRootAriaHidden(true);
-    expect(nav.hasAttribute('aria-hidden')).toEqual(true);
-    setRootAriaHidden(false);
-    expect(nav.hasAttribute('aria-hidden')).toEqual(false);
-  });
-  it('should correctly remove and re-add custom container from accessibility tree', async () => {
-    const page = await newSpecPage({
-      components: [],
-      html: `
-        <div id="ion-view-container-root"></div>
-        <div id="not-container-root"></div>
-      `,
-    });
-    const containerRoot = page.body.querySelector('#ion-view-container-root');
-    const notContainerRoot = page.body.querySelector('#not-container-root');
-    expect(containerRoot.hasAttribute('aria-hidden')).toEqual(false);
-    expect(notContainerRoot.hasAttribute('aria-hidden')).toEqual(false);
-    setRootAriaHidden(true);
-    expect(containerRoot.hasAttribute('aria-hidden')).toEqual(true);
-    expect(notContainerRoot.hasAttribute('aria-hidden')).toEqual(false);
-    setRootAriaHidden(false);
-    expect(containerRoot.hasAttribute('aria-hidden')).toEqual(false);
-    expect(notContainerRoot.hasAttribute('aria-hidden')).toEqual(false);
-  });
-  it('should not error if router outlet was not found', async () => {
-    await newSpecPage({
-      components: [],
-      html: `
-        <div></div>
-      `,
-    });
-    setRootAriaHidden(true);
-  });
-  it('should remove router-outlet from accessibility tree when overlay is presented', async () => {
-    const page = await newSpecPage({
-      components: [RouterOutlet, Modal],
-      html: `
-        <ion-router-outlet>
-          <ion-modal></ion-modal>
-        </ion-router-outlet>
-      `,
-    });
-    const routerOutlet = page.body.querySelector('ion-router-outlet');
-    const modal = page.body.querySelector('ion-modal');
-    await modal.present();
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
-  });
-  it('should add router-outlet from accessibility tree when then final overlay is dismissed', async () => {
-    const page = await newSpecPage({
-      components: [RouterOutlet, Modal],
-      html: `
-        <ion-router-outlet>
-          <ion-modal id="one"></ion-modal>
-          <ion-modal id="two"></ion-modal>
-        </ion-router-outlet>
-      `,
-    });
-    const routerOutlet = page.body.querySelector('ion-router-outlet');
-    const modalOne = page.body.querySelector('ion-modal#one');
-    const modalTwo = page.body.querySelector('ion-modal#two');
-    await modalOne.present();
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
-    await modalTwo.present();
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
-    await modalOne.dismiss();
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(true);
-    await modalTwo.dismiss();
-    expect(routerOutlet.hasAttribute('aria-hidden')).toEqual(false);
-  });
-});

package/dist/collection/utils/test/platform.spec.js

@@ -1,132 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import initialize from "../../global/ionic-global";
-import { testUserAgent, getPlatforms, isPlatform } from "../platform";
-import { PlatformConfiguration, configureBrowser } from "./platform.utils";
-describe('Platform Tests', () => {
-  describe('testUserAgent()', () => {
-    it('should return true when testing if user agent is an iPhone', () => {
-      const win = configureBrowser(PlatformConfiguration.iPhone);
-      expect(testUserAgent(win, /iPhone/)).toEqual(true);
-    });
-    it('should return false when testing if user agent is an iPad', () => {
-      const win = configureBrowser(PlatformConfiguration.iPhone);
-      expect(testUserAgent(win, /iPad/)).toEqual(false);
-    });
-    it('should return false when testing if user agent is an Android', () => {
-      const win = configureBrowser(PlatformConfiguration.iPhone);
-      expect(testUserAgent(win, /android|sink/i)).toEqual(false);
-    });
-    it('should return true when testing if user agent is an Android', () => {
-      const win = configureBrowser(PlatformConfiguration.AndroidTablet);
-      expect(testUserAgent(win, /android|sink/i)).toEqual(true);
-    });
-  });
-  describe('getPlatforms()', () => {
-    it('should contain "desktop" platform', () => {
-      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
-      expect(getPlatforms(win)).toContain('desktop');
-    });
-    it('should contain "android" and "tablet" platforms', () => {
-      const win = configureBrowser(PlatformConfiguration.AndroidTablet);
-      const platforms = getPlatforms(win);
-      expect(platforms).toContain('android');
-      expect(platforms).toContain('tablet');
-    });
-    it('should contain "capacitor" platform', () => {
-      const win = configureBrowser(PlatformConfiguration.Capacitor);
-      expect(getPlatforms(win)).toContain('capacitor');
-    });
-  });
-  describe('isPlatform()', () => {
-    it('should return true for "capacitor" and "hybrid" in a Capacitor app', () => {
-      const win = configureBrowser(PlatformConfiguration.Capacitor);
-      expect(isPlatform(win, 'capacitor')).toEqual(true);
-      expect(isPlatform(win, 'hybrid')).toEqual(true);
-    });
-    it('should work without win parameter', () => {
-      global.window = configureBrowser(PlatformConfiguration.DesktopSafari);
-      expect(isPlatform('capacitor')).toEqual(false);
-      expect(isPlatform('desktop')).toEqual(true);
-    });
-    it('should return false for "capacitor" and true for "desktop" on desktop safari', () => {
-      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
-      expect(isPlatform(win, 'capacitor')).toEqual(false);
-      expect(isPlatform(win, 'desktop')).toEqual(true);
-    });
-    it('should return true for "android" and "tablet" and false for "ios" on an android tablet', () => {
-      const win = configureBrowser(PlatformConfiguration.AndroidTablet);
-      expect(isPlatform(win, 'android')).toEqual(true);
-      expect(isPlatform(win, 'tablet')).toEqual(true);
-      expect(isPlatform(win, 'ios')).toEqual(false);
-    });
-    it('should return true for "cordova" and "hybrid" in a Cordova app', () => {
-      const win = configureBrowser(PlatformConfiguration.Cordova);
-      expect(isPlatform(win, 'cordova')).toEqual(true);
-      expect(isPlatform(win, 'hybrid')).toEqual(true);
-    });
-    it('should return true for "ipad" and "tablet" on an iPad Pro', () => {
-      const win = configureBrowser(PlatformConfiguration.iPadPro);
-      expect(isPlatform(win, 'ipad')).toEqual(true);
-      expect(isPlatform(win, 'tablet')).toEqual(true);
-    });
-    it('should return true for "android", false for "tablet, and false for "desktop"" on a Pixel 2 XL', () => {
-      const win = configureBrowser(PlatformConfiguration.Pixel2XL);
-      expect(isPlatform(win, 'android')).toEqual(true);
-      expect(isPlatform(win, 'tablet')).toEqual(false);
-      expect(isPlatform(win, 'desktop')).toEqual(false);
-    });
-    it('should return true for "android" and "tablet" and false for "desktop" on a Galaxy View', () => {
-      const win = configureBrowser(PlatformConfiguration.GalaxyView);
-      expect(isPlatform(win, 'android')).toEqual(true);
-      expect(isPlatform(win, 'tablet')).toEqual(true);
-      expect(isPlatform(win, 'desktop')).toEqual(false);
-    });
-    it('should return false for "android", "tablet", and "ipad" on desktop Safari', () => {
-      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
-      expect(isPlatform(win, 'android')).toEqual(false);
-      expect(isPlatform(win, 'tablet')).toEqual(false);
-      expect(isPlatform(win, 'ipad')).toEqual(false);
-    });
-    it('should return false for "android" and "tablet" and false for "desktop" on iPhone', () => {
-      const win = configureBrowser(PlatformConfiguration.iPhone);
-      expect(isPlatform(win, 'android')).toEqual(false);
-      expect(isPlatform(win, 'tablet')).toEqual(false);
-      expect(isPlatform(win, 'desktop')).toEqual(false);
-    });
-    it('should return true for "android", false for "tablet", and false for "desktop" on Galaxy S9 Plus', () => {
-      const win = configureBrowser(PlatformConfiguration.GalaxyS9Plus);
-      expect(isPlatform(win, 'android')).toEqual(true);
-      expect(isPlatform(win, 'tablet')).toEqual(false);
-      expect(isPlatform(win, 'desktop')).toEqual(false);
-    });
-    it('should return true for "pwa" and false for "cordova"', () => {
-      const win = configureBrowser(PlatformConfiguration.PWA);
-      expect(isPlatform(win, 'pwa')).toEqual(true);
-      expect(isPlatform(win, 'cordova')).toEqual(false);
-    });
-    it('should return true for "ios", "ipad", and "tablet" and false for "iphone" and "android"', () => {
-      const win = configureBrowser(PlatformConfiguration.iPadOS);
-      expect(isPlatform(win, 'ios')).toEqual(true);
-      expect(isPlatform(win, 'ipad')).toEqual(true);
-      expect(isPlatform(win, 'tablet')).toEqual(true);
-      expect(isPlatform(win, 'iphone')).toEqual(false);
-      expect(isPlatform(win, 'android')).toEqual(false);
-    });
-  });
-  describe('Custom Platform Config', () => {
-    it('should use custom platform detection methods', () => {
-      const win = configureBrowser(PlatformConfiguration.DesktopSafari);
-      initialize({
-        platform: {
-          desktop: () => false,
-          cordova: () => true,
-        },
-      });
-      expect(isPlatform(win, 'desktop')).toEqual(false);
-      expect(isPlatform(win, 'cordova')).toEqual(true);
-      expect(getPlatforms(win).includes('cordova')).toEqual(true);
-    });
-  });
-});

package/dist/collection/utils/test/ready.spec.js

@@ -1,39 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { componentOnReady } from "../helpers";
-describe('componentOnReady()', () => {
-  it('should correctly call callback for a custom element', (done) => {
-    customElements.define('hello-world', class extends HTMLElement {
-      constructor() {
-        super();
-      }
-    });
-    const component = document.createElement('hello-world');
-    componentOnReady(component, (el) => {
-      expect(el).toBe(component);
-      done();
-    });
-  });
-  it('should correctly call callback for a lazy loaded component', (done) => {
-    const cb = jest.fn((el) => {
-      return new Promise((resolve) => {
-        setTimeout(() => resolve(el), 250);
-      });
-    });
-    customElements.define('hello-world', class extends HTMLElement {
-      constructor() {
-        super();
-      }
-      componentOnReady() {
-        return cb(this);
-      }
-    });
-    const component = document.createElement('hello-world');
-    componentOnReady(component, (el) => {
-      expect(el).toBe(component);
-      expect(cb).toHaveBeenCalledTimes(1);
-      done();
-    });
-  });
-});

package/dist/collection/utils/test/theme.spec.js

@@ -1,56 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { getClassList, getClassMap } from "../theme";
-describe('getClassList()', () => {
-  it('should parse string', () => {
-    expect(getClassList(' class class-event     THEME-ios-bar-button')).toEqual([
-      'class',
-      'class-event',
-      'THEME-ios-bar-button',
-    ]);
-    expect(getClassList('')).toEqual([]);
-    expect(getClassList('  ')).toEqual([]);
-  });
-  it('should pass array', () => {
-    expect(getClassList(['class', 'class-event', 'THEME-ios-bar-button'])).toEqual([
-      'class',
-      'class-event',
-      'THEME-ios-bar-button',
-    ]);
-    expect(getClassList(['class   ', '   class-event', '  THEME-ios-bar-button  '])).toEqual([
-      'class',
-      'class-event',
-      'THEME-ios-bar-button',
-    ]);
-    expect(getClassList(['class   ', null, undefined, '', '   class-event', '  ', '  THEME-ios-bar-button  '])).toEqual(['class', 'class-event', 'THEME-ios-bar-button']);
-  });
-});
-describe('getClassMap()', () => {
-  it('should parse string', () => {
-    expect(getClassMap(' class class-event     THEME-ios-bar-button')).toEqual({
-      class: true,
-      'class-event': true,
-      'THEME-ios-bar-button': true,
-    });
-    expect(getClassMap('')).toEqual({});
-    expect(getClassMap('  ')).toEqual({});
-  });
-  it('should pass array', () => {
-    expect(getClassMap(['class', 'class-event', 'THEME-ios-bar-button'])).toEqual({
-      class: true,
-      'class-event': true,
-      'THEME-ios-bar-button': true,
-    });
-    expect(getClassMap(['class   ', '   class-event', '  THEME-ios-bar-button  '])).toEqual({
-      class: true,
-      'class-event': true,
-      'THEME-ios-bar-button': true,
-    });
-    expect(getClassMap(['class   ', null, undefined, '', '   class-event', '  ', '  THEME-ios-bar-button  '])).toEqual({
-      class: true,
-      'class-event': true,
-      'THEME-ios-bar-button': true,
-    });
-  });
-});

package/dist/ionic/p-1dc91702.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{r as o,h as t,H as i,f as n,d as e}from"./p-c224b9a9.js";import{r,t as a,a as s,b as d,g as c}from"./p-63eb0acd.js";import{l as h}from"./p-ea96fa73.js";import{c as l,b as p}from"./p-6c3d5383.js";import{p as u}from"./p-1b8e1d03.js";const x=class{constructor(t){o(this,t),this.updateListener=()=>this.updateState(!1),this.setItemDefaults=()=>{const o=this.getSlottedHeaderIonItem();o&&(o.button=!0,o.detail=!1,void 0===o.lines&&(o.lines="full"))},this.getSlottedHeaderIonItem=()=>{const{headerEl:o}=this;if(!o)return;const t=o.querySelector("slot");return t&&void 0!==t.assignedElements?t.assignedElements().find((o=>"ION-ITEM"===o.tagName)):void 0},this.setAria=(o=!1)=>{const t=this.getSlottedHeaderIonItem();if(!t)return;const i=c(t).querySelector("button");i&&i.setAttribute("aria-expanded",`${o}`)},this.slotToggleIcon=()=>{const o=this.getSlottedHeaderIonItem();if(!o)return;const{toggleIconSlot:t,toggleIcon:i}=this;if(o.querySelector(".ion-accordion-toggle-icon"))return;const n=document.createElement("ion-icon");n.slot=t,n.lazy=!1,n.classList.add("ion-accordion-toggle-icon"),n.icon=i,n.setAttribute("aria-hidden","true"),o.appendChild(n)},this.expandAccordion=(o=!1)=>{const{contentEl:t,contentElWrapper:i}=this;o||void 0===t||void 0===i?this.state=4:4!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.state=8,this.currentRaf=r((async()=>{const o=i.offsetHeight,n=a(t,2e3);t.style.setProperty("max-height",`${o}px`),await n,this.state=4,t.style.removeProperty("max-height")}))})):this.state=4)},this.collapseAccordion=(o=!1)=>{const{contentEl:t}=this;o||void 0===t?this.state=1:1!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{t.style.setProperty("max-height",`${t.offsetHeight}px`),r((async()=>{const o=a(t,2e3);this.state=2,await o,this.state=1,t.style.removeProperty("max-height")}))})):this.state=1)},this.shouldAnimate=()=>"undefined"!=typeof window&&(!matchMedia("(prefers-reduced-motion: reduce)").matches&&!(!l.get("animated",!0)||this.accordionGroupEl&&!this.accordionGroupEl.animated)),this.updateState=async(o=!1)=>{const t=this.accordionGroupEl,i=this.value;if(!t)return;const n=t.value;if(Array.isArray(n)?n.includes(i):n===i)this.expandAccordion(o),this.isNext=this.isPrevious=!1;else{this.collapseAccordion(o);const t=this.getNextSibling(),i=null==t?void 0:t.value;void 0!==i&&(this.isPrevious=Array.isArray(n)?n.includes(i):n===i);const e=this.getPreviousSibling(),r=null==e?void 0:e.value;void 0!==r&&(this.isNext=Array.isArray(n)?n.includes(r):n===r)}},this.getNextSibling=()=>{if(!this.el)return;const o=this.el.nextElementSibling;return"ION-ACCORDION"===(null==o?void 0:o.tagName)?o:void 0},this.getPreviousSibling=()=>{if(!this.el)return;const o=this.el.previousElementSibling;return"ION-ACCORDION"===(null==o?void 0:o.tagName)?o:void 0},this.state=1,this.isNext=!1,this.isPrevious=!1,this.value="ion-accordion-"+g++,this.disabled=!1,this.readonly=!1,this.toggleIcon=h,this.toggleIconSlot="end"}valueChanged(){this.updateState()}connectedCallback(){var o;const t=this.accordionGroupEl=null===(o=this.el)||void 0===o?void 0:o.closest("ion-accordion-group");t&&(this.updateState(!0),s(t,"ionValueChange",this.updateListener))}disconnectedCallback(){const o=this.accordionGroupEl;o&&d(o,"ionValueChange",this.updateListener)}componentDidLoad(){this.setItemDefaults(),this.slotToggleIcon(),r((()=>{this.setAria(4===this.state||8===this.state)}))}toggleExpanded(){const{accordionGroupEl:o,value:t,state:i}=this;o&&o.requestAccordionToggle(t,1===i||2===i)}render(){const{disabled:o,readonly:n}=this,e=p(this),r=4===this.state||8===this.state,a=r?"header expanded":"header",s=r?"content expanded":"content";return this.setAria(r),t(i,{class:{[e]:!0,"accordion-expanding":8===this.state,"accordion-expanded":4===this.state,"accordion-collapsing":2===this.state,"accordion-collapsed":1===this.state,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-disabled":o,"accordion-readonly":n,"accordion-animated":this.shouldAnimate()}},t("div",{onClick:()=>this.toggleExpanded(),id:"header",part:a,"aria-controls":"content",ref:o=>this.headerEl=o},t("slot",{name:"header"})),t("div",{id:"content",part:s,role:"region","aria-labelledby":"header",ref:o=>this.contentEl=o},t("div",{id:"content-wrapper",ref:o=>this.contentElWrapper=o},t("slot",{name:"content"}))))}static get delegatesFocus(){return!0}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};let g=0;x.style={ios:":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){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);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-expanding) #content-wrapper{overflow:auto}: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{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}",md:":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){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);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-expanding) #content-wrapper{overflow:auto}: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{-webkit-transition:none !important;transition:none !important}}"};const m=class{constructor(t){o(this,t),this.ionChange=e(this,"ionChange",7),this.ionValueChange=e(this,"ionValueChange",7),this.animated=!0,this.multiple=void 0,this.value=void 0,this.disabled=!1,this.readonly=!1,this.expand="compact"}valueChanged(){const{value:o,multiple:t}=this;!t&&Array.isArray(o)&&u(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n  Value Passed: [${o.map((o=>`'${o}'`)).join(", ")}]\n`,this.el),this.ionValueChange.emit({value:this.value})}async disabledChanged(){const{disabled:o}=this,t=await this.getAccordions();for(const i of t)i.disabled=o}async readonlyChanged(){const{readonly:o}=this,t=await this.getAccordions();for(const i of t)i.readonly=o}async onKeydown(o){const t=document.activeElement;if(!t)return;if(!t.closest('ion-accordion [slot="header"]'))return;const i="ION-ACCORDION"===t.tagName?t:t.closest("ion-accordion");if(!i)return;if(i.closest("ion-accordion-group")!==this.el)return;const n=await this.getAccordions(),e=n.findIndex((o=>o===i));if(-1===e)return;let r;"ArrowDown"===o.key?r=this.findNextAccordion(n,e):"ArrowUp"===o.key?r=this.findPreviousAccordion(n,e):"Home"===o.key?r=n[0]:"End"===o.key&&(r=n[n.length-1]),void 0!==r&&r!==t&&r.focus()}async componentDidLoad(){this.disabled&&this.disabledChanged(),this.readonly&&this.readonlyChanged(),this.valueChanged()}setValue(o){const t=this.value=o;this.ionChange.emit({value:t})}async requestAccordionToggle(o,t){const{multiple:i,value:n,readonly:e,disabled:r}=this;if(!e&&!r)if(t)if(i){const t=null!=n?n:[],i=Array.isArray(t)?t:[t];void 0===i.find((t=>t===o))&&void 0!==o&&this.setValue([...i,o])}else this.setValue(o);else if(i){const t=null!=n?n:[],i=Array.isArray(t)?t:[t];this.setValue(i.filter((t=>t!==o)))}else this.setValue(void 0)}findNextAccordion(o,t){const i=o[t+1];return void 0===i?o[0]:i}findPreviousAccordion(o,t){const i=o[t-1];return void 0===i?o[o.length-1]:i}async getAccordions(){return Array.from(this.el.querySelectorAll(":scope > ion-accordion"))}render(){const{disabled:o,readonly:n,expand:e}=this,r=p(this);return t(i,{class:{[r]:!0,"accordion-group-disabled":o,"accordion-group-readonly":n,[`accordion-group-expand-${e}`]:!0},role:"presentation"},t("slot",null))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}}};m.style={ios:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}",md:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}"};export{x as ion_accordion,m as ion_accordion_group}